Web Page Creator

INTRODUCTION TO CASCADING STYLE SHEETS
CSS

Lesson 2a.
  • You can use cascading style sheets (CSS) to customize your html file

                e.g., specify colors, fonts, bold, italics for the entire document


  • Style rules are defined using the tags <style> ... </style>



EXAMPLE OF CSS

     

    <style>

    body

    {

            background-image:url('assets/images/imagesturtles-background.jpeg');

            background-position : 50% 50% ;

            background-size : 100% ;

           background-origin : content ;

           background-repeat: no-repeat ;

           font-family: “Times New Roman”

           color: blue

    }

    </style>



PUTTING IT ALL TOGETHER


    <!-- This is an optional comment -->


    <html>


    <head>

        <title> Your title goes here </title>

        <style> Your style sheet goes here </style>

    </head>


    <body>

    Your content goes here ... Paragraphs, images, lists, links, texts, headings, etc.

    </body>


    </html>



Advertise Your Products & Services Here

Mail: info@fast.org.ng

Call: +234 706 883 3966


CREATE YOUR PERSONAL WEBPAGE


  • Now that you know Basic HTML and CSS you can create a personal web page. Open a new document in notepad and write your programme there. (Next week we will give you a professional software you can be using but before then, get familarize with notepad - you will need it as you continue in computer programming)
  • Create a directory to save your webpage
  • Deposit (save) the web page as index.html which is now your newly developed personal homepage in the directory
  • Now saved, you can open the webpage with your browse of choice - Internet Explorer, Safari, Mozilla, Chrome, Firefox, Opera Mini, etc
  • If it opens perfectly well, CONGRATULATIONS! you are now becoming a computer programmer. If not we are here to help you. Send us your challenges, questions and comments below.


Ask your questions and comments below

Your questions and comments should be based on the lesson.