Things You'll Need:
- HTML text editor, such as BBEdit or Dreamweaver Toolbar creator, such as iToolbar.net (optional) CSS style sheet (optional)
-
Step 1
Sketch a layout of your ideal web page on paper. It is very helpful to have an idea of what you want to accomplish before you extend any effort.
-
Step 2
Identify the name of your Web page and place this in the "<title>" tag of your HTML code.
-
Step 3
Place the toolbar code underneath the "<body>" tag. You can create a toolbar using a Web design application, such as Fireworks, or use a free toolbar creator, such as iToolbar.net, available on the Web. Common toolbar buttons include "Home," "About" and "Links," however, this can differ depending on the type of page you are creating.
-
Step 4
Specify any common headings you plan to use on your Web pages and place it in the "<h1>" heading.
-
Step 5
Enter any sort of text that you want repeated on your pages and type this in between the "<p></p>" tags.
-
Step 6
Create a copyright notice at the bottom of your page in between the "<p></p>" tags. This notice generally contains the copyright symbol and lists who the owner(s) of the website are. You may also add a link to a privacy policy if you have one.
-
Step 7
Create a cascading style sheet (CSS) and link it to your Web page, if preferred. Style sheets are optional, but extremely helpful for keeping your site standards compliant and defining rules that govern style settings including the margins of a page, font style and background colors. If you do not have CSS knowledge, you can download free CSS templates on the Web, such as freecsstemplates.org.
-
Step 8
Name your file "template" and save it with the ".html" extension. You can now use your HTML text editor's "Copy" function to begin duplicating the file.
