-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout.html
84 lines (69 loc) · 3.35 KB
/
layout.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
<!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>
<p>Before you begin writing and designing your pages, you will want to figure out the overall look of your site. Decide where you want your pages to appear, whether that is on a sidebar or across the top of the website. If you want a banner to be along the sides, top, or bottom, then you will want to think about exactly where things line up and begin and end. Things on a website need to flow properly, and you should keep in mind what you like in a good website.</p>
<br />
<p>Something that is very useful for setting up your website is making a sitemap on paper. By using a sitemap, you can set things up so that you know where everything goes, make sure that nothing is getting repeated, and keep things organized in a neat space. Since your website and content are on the computer, it is useful to have at least one aspect of your website on paper so that nothing gets too confusing as you make your site. Your readers may not see this side of the website, but it will certainly make your life easier.</p>
</div>
<div id="subtext">
<br />
<h1>Page Design</h1>
<p>
When setting up your website, you first want to layout what your pages will look like first. Think about what you want your readers to see first, what you want them to remember most about your page. If you have too much on your page, then they will not remember it later- it might overload their brain.
</p><p>
Keeping that in mind, you can place your content. Do you want to center things, so that your reader's eyes will be drawn to videos or pictures? Or, do you want to move them over to the side or make them smaller if they are not as important as the body text? After you place things onto your pages, you are ready to format them so that they are visually appealing.</p>
</div>
</center>
</div>
</body>
</html>