Scribd Logo
Upload

Welcome to Scribd!

  • Basic Web Development Pt. 2

    Uploaded by

    AZone
    5 views12 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    5 views12 pages

    Basic Web Development Pt. 2

    Uploaded by

    AZone

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 12

    WEB DEVELOPMENT

    TRAINING

    DAY 2
    AGENDA:

    BY THE END OF THIS TRAINING, YOU WOULD KNOW ABOUT:

    ● Changing background colour using HTML


    ● Changing font color
    ● Changing font size & style
    ● Inserting images
    ● Inserting links
    RECAP:

    ● Web Development - Definition & Importance


    ● Different ways for Web Development
    ● HTML and its uses
    ● Creating a basic web page
    CHANGING BACKGROUND COLOUR:

    Background colour can change the look and feel of your web page.

    It can be changed as per the theme / design of your brand.

    How to change:

    ● We need to make changes in the <body> tag


    ○ <body bgcolor=”colorname”>
    For example: <body bgcolor=”green”> or <BODY bgcolor=”blue”>
    CHANGING FONT COLOUR:

    Font colour can be changed in contrast to the background.

    If your background colour is black, text should be changed to white.

    How to change:

    ● We can make use of the <font> tag


    ○ <font color=”colorname”>Your text here</font>
    CHANGING FONT SIZE AND STYLE:

    Font size and style can be changed as per the requirements.

    Headings or content can have a different look for easy readability.

    How to change:

    ● We can make use of the <font> and <h1><h2>...<h6> tags


    ○ <font face=”verdana”>Your text here</font>
    ○ <h1>This is the heading</h1>
    ■ You can add align=”left/right/center” for making any alignment changes!
    INSERTING IMAGES:

    You can add images to your page in order to enhance the look.

    Size and alignment of images can be changed too to make them fit perfectly.

    How to insert:

    ● We can make use of the <img src=”address”> tag


    ○ <img src=”image address.jpg” alt=”my image” height=”x” width=”y”>
    INSERTING LINKS:

    You can add links that redirect to other pages/websites.

    Inserting the URL can make the website look cluttered, create hyperlinks instead!

    How to insert:

    ● We can make use of the <a href=”address”> tag


    ○ <a href=”www.areebzone.com”>Click here to visit AZone</a>
    ○ <a href=”www.areebzone.com”><img src=”azone logo.jpg”></a>
    ■ If you add target=”_blank” part, links will open in new window.
    ACTIVITY - PRACTICE:

    Let’s now practice the following:

    ● Changing background colour to black


    ● Changing font color to white
    ● Changing font size to 18 & style to verdana
    ● Inserting images to your web page
    ● Inserting links to your web page
    ● Use an image as a hyperlink
    ● Create a hyperlink that opens in a new window
    CONCLUSION:

    NOW YOU WOULD KNOW ABOUT:

    ● Changing background colour using HTML


    ● Changing font color
    ● Changing font size & style
    ● Inserting images
    ● Inserting links
    NEXT SESSION:

    IN THE NEXT SESSION, WE WILL LEARN ABOUT:

    ● Creating a free website using Blogger


    ● Creating a free website using WordPress
    ● Adding / Updating information on the website
    ● Designing the website for a perfect look
    Day 2 -
    Knowledge
    Check

    You might also like