Web Designing 101 Class


Link to web pages you created not a random website.


I did, its still not.


remove the file part of the url.


Your link should look something like this:



Any luck ?


Yes. I’ll send a screenshot in about an hour.



So, I if I want the parameters of "contact us’ to be visible on the web page, I would have to write the codes directly on my web page’s Notepad?

Also, you didn’t confirm what I asked about linking the nav bar to websites…Is it similar to how I did "contact us’? I.e, creating individual htm pages for each nav bar item?


Contact Us needs to be a navbar item. Put it beside Practice Areas and link it to a contactus.htm


Every item on your nav bar should have a corresponding .htm it links to.


Home | About Us | Services | Contact Us

Home is index.htm
About Us is aboutus.htm
Services is services.htm
Contact Us is contactus.htm

You can name your htm anything you want but ideally it should have the same name as the item.


Yes you have to create an individual htm for each navbar item. You can link to another site but for now, lets use individual htms.


CSS 101:

@Angie @Kachie

Course Text: W3

CSS is a language that describes the style of an HTML document.

CSS describes how HTML elements should be displayed.

This tutorial will teach you CSS from basic to advanced.


Okay, I get it now.


Awesome. Great work by the way. I think you get the concept now.

Shall we continue to CSS?


Why Use CSS?

CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.


CSS Solved a Big Problem

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like , and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large websites, where fonts and color information were added to every single page, became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS removed the style formatting from the HTML page!
CSS Saves a Lot of Work!

The style definitions are normally saved in external .css files.

With an external stylesheet file, you can change the look of an entire website by changing just one file!


p {
color: red;
text-align: center;


CSS Selectors

CSS selectors are used to “find” (or select) HTML elements based on their element name, id, class, attribute, and more.

The element Selector

The element selector selects elements based on the element name.

You can select all <p> elements on a page like this (in this case, all <p> elements will be center-aligned, with a red text color):

p {
text-align: center;
color: red;


@Angie, create an htm file, call it mycss.htm, create a .css file, call it thecss.

Link both. Then paste the below code in the .htm file

<!DOCTYPE html>


<p>Every paragraph will be affected by the style.</p>
<p id="para1">Me too!</p>
<p>And me!</p>


Paste the below in the css file:

p {
text-align: center;
color: red;


After that, save and paste a screen shot of the result.


Thanks a lot! @NaijaLander