Saturday, 20 April 2013

Web Authoring: CSS & W3C!!

CSS
Okay so now you've learn't about HTML you'll now need to learn how to style all of the content you've added. To do this you'll need to know about CSS, which stands for Cascading Style Sheets. Which basically changes the way your website is visually changed.

The language that it used is a style sheet language, which is used to define how a website looks, the formatting and how a mark-up language is laid out.

When formatting it website the aspects that you will be changing are, the typefaces, layout, colour, margins, backgrounds and borders. Which then they can all be used for web pages within your website. That is all displayed by using a mark-up language.

The main way you're going to be displaying CSS is by using the <div> tags. The <div> tag is a Divider tag, which is basically an hypothetical box that contains the content and information of your website. Style sheets are what are used to control each setting for this <div> tag.

Since we're going to be using Dreamweaver CS5 to create out website all of the settings we use are going to automatically converted into CSS so we don't really need to learn about the coding aspect of CSS. But if you want to see it, you can click off of the Design view and go to the Code view, you'll be able to see all of the CSS that Dreamweaver has wrote out for you just by clicking some buttons.

An example of how a website is going to laid out when you're creating one.

<body>
<div class="container">
  <div class="header">Header</div>
  <div class="nav">
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Wibble</a></li>
    </ul>
  </div>
  <div class="content">
    <div class="col1">col1</div>
    <div class="col2">col2</div>
  </div>
  <div class="footer">Footer</div>
</div>
</body>
</html>

W3C
Okay so now you know how to display and how to visually change your website. You now need to know if it'll work properly on the browsers and if the websites are coded up to standards. The website you'll need to know about is W3C which stands for, World Wide Web Consortium. Basically what W3C are, are the main international standards organisation for the WWW.

They are founded by Tim Berners-Lee who is also the inventor of the WWW. The consortium is made up of members which maintain full-time staff for the purpose of working together in the development of standards for the WWW.

To check if your website is coded properly and can be used on browser, click this link and then enter your website URL and click check. Or if you don't have a URL just upload your file to them and then they can check it that way.

No comments:

Post a Comment