Henrico Web Design
spacer home contact portfolio frequently asked questions spacer

Website design & development

Content

Make sure to read the Hints & tips about content before you go rambling. For now, we are just learning the basics, so stay with me.

In your .css file (stylesheet), lets add the following:
click next to "top;" in the td tag and press enter, press tab and type: background:white;
Press enter and tab again, and type: padding:5px;
It should now look like this. If not, copy mine and paste it over yours

Remember to save each page everytime you go to a different page. Now, go to your .html file again.
Copy your complete table, from opening tag to closing tag and paste it in again just after the closing tag. You should now have two tables just below each other, but won't see anything in your web page yet. In the top table, remove the second collumn (the 30% one) completely and change the 70% to 100% in the first collumn.

Now, create a jpeg image that is 900px X 75 px, or just right click on mine and save it into your root folder (the folder where all your website file are being saved in). Name it banner.jpg Make sure of the spelling and do not use capital letters.

In Your first table, between your first collumn opening and closing tags, type the following:

That tells the browser that you want to insert an image, where to source it from, and that you want it to display at 100%. Save your file, open up the html file in your browser or refresh it, and see what your image looks like.

Your text will now be added in the second table, at the same place we added your image in the first table. Keep in mind that every paragraph needs to start with an opening tag < p > and end with a closing tag.< /p >

Click in between the opening and closing tags of your first collumn in the second table, press enter and type the following two paragrapghs, see if you can make them look like mine. I start with the header < h1 > opening and closing tags and then move on to paragraphs and line breaks.

If yours looks the same, then GREAT and congratulations. If not, here is the code, compare it to yours and try to fix yours rather than copy and paste mine. Once youve done that, lets move on to Step 6

Learn how to design your own web site.
Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
Step 7
Home - Contact Us - Frequently Asked Questions - Build Your Own Web Site, Step 1, Build Your Own Web Site, Step 2, Build Your Own Web Site, Step 3, Build Your Own Web Site, Step 4, Build Your Own Web Site, Step 5, Build Your Own Web Site, Step 6, Build Your Own Web Site, Step 7 - Some Tips and Hints on Web Design - Important Links To Make Web Design a Little Easier - Some nice-to-have website Coding
Portfolio - Current Website Design Projects, Completed Website Design Projects - M3 Marketing, Wisdom & Friends, Per Donna, Volumez Productions, Anel van Dyk Photography, Badra Kamala Belly Dancing, Driving School Directory, Aspigon Dirving Academy - Logo Design
Link Exchange
Link Exchange
Web Business Directory Directory
Featured in the National Website Design Directory Link Exchange