Web Designing 101 Class


#222

Link to web pages you created not a random website.


#223

I did, its still not.


#224

remove the file part of the url.


#225

Your link should look something like this:

C:\Users\User\Documents\ARC


#226

Any luck ?


#227

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


#228

.

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?


#229

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


#230

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

eg:

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.


#231

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.


#232

CSS 101:

@Anelaw @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.


#233

Okay, I get it now.


#234

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

Shall we continue to CSS?


#235

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.


#236

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!


#237

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


#238

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;
}


#239

@Anelaw, 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>
<html>
<head>

</head>
<body>

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

</body>
</html>

Paste the below in the css file:

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


#240

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


#241

Thanks a lot! @funsho