-
Notifications
You must be signed in to change notification settings - Fork 0
/
maintaininginterest.html
99 lines (87 loc) · 4.14 KB
/
maintaininginterest.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Making a website</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head><body alink="#D6D6D6">
<div id="wrapper">
<div id="banner"></div>
<div id="navbar">
<ul id="nav">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="#">Design</a>
<ul>
<li><a href="layout.html">Layout</a></li>
<li><a href="visuals.html">Visuals</a></li>
</ul>
</li>
<li>
<a href="#">Code</a>
<ul>
<li><a href="html.html">HTML</a></li>
<li><a href="css.html">CSS</a></li>
</ul>
</li>
<li>
<a href="#">Content</a>
<ul>
<li><a href="maintaininginterest.html">Maintaining Interest</a></li>
<li><a href="visualaids.html">Visual Aids</a></li>
</ul>
</li>
<li>
<a href="#">Publishing</a>
<ul>
<li><a href="hostingandservices.html">Hosting and Services</a></li>
<li><a href="bounderies.html">Bounderies</a></li>
<li><a href="mainteanence.html">Mainteanence</a></li>
<li><a href="copyright.html">Copy Right</a></li>
</ul>
</li>
</ul>
</div>
<div id="title">
<h1>Layout</h1>
</div>
<center>
<div id="maintext">
<h1>Overall Layout</h1>
<h1>How to Maintain Interest</h1>
<p>
In order to keep the reader engaged, you must consider the KISS method, (Keep It Simple, Stupid). The average person scans more commonly than they read. Creating a concise, easy-to-read website means limiting your content to what is necessary. Draw the reader's eye to the most important anecdotes and format your website in a manner that flows from beginning to end. Below are a few pointers that should highlight the essentials.</p>
<ol>
<li>Use strategic formatting</li>
<li>Headlines and Subheads</li>
<li>Bullets and Numbering</li>
<li>Utilize deep captions</li>
<li>Include important links</li>
</ol>
<h1> Strategic Formatting </h1>
<p>Formatting is one of the keys to an inciting website. You want your reader to be able to scan through and locate to essential information with ease. <b> Make sure to bold important concepts</b>, and highlight only the message you want the reader to receive.</p>
<p>Another helpful notion is the line break. Even the most complex material can be simplified by shortening paragraphs. Keep one idea within each paragraph and keep them concise – no more that three to four sentences.</p>
<p>Sometimes the most important paragraphs are one sentence.</p>
</div>
<div id="subtext">
<h1> Make Awesome Headlines and Subheads </h1>
<p> A strong headline is a crucial component in grabbing the reader. Solid subheads keep the reader engaged by acting as mini-headlines to keep them moving through the page. You want your subheads to be engaging, however they should be informative as well. If you exaggerate too much, your website will lose credibility.
</p>
<h1> Bullets and Numbering </h1>
<ul>
<li> Bullet points create an easily navigable path to present multiple points </li>
<li> They are distinguishable from the rest of your text, providing a visual break for your reader</li>
<li> Numbering summarizes your content into a list that allows your reader to understand the gist of the entire page in a few points</li>
<li> As evidenced by the list at the top of this page, you can see that there are five general tips that envelop the details of this page</li>
</ul>
<h1>Utilize Deep Captions</h1>
<p> Studies show that image captions are consistently one of the more commonly read items on a webpage. <b class="bold"> A deep caption is one that is about two to three sentences long and categorizes an image or display associated with it.</b> A strong deep caption paired with an inviting image can draw your reader and keep them interested.
</p>
</div>
</center>
</div>
</body>
</html>