Topic 1

Topic 1

1. HTML

   • WWW
     • World wide web
     • A collection of all the websites
     • Stored in hard drive
     • uses numbers to find websites
       • when you search something you send a request for the website number
   • Internet
     • You request a website and your internet provider gets it from DNS
     • ISP stands for Internet service provider
     • Thought to be created by TIm Burnsley
   • DNS
     • Domain net service
     • send the web link to your service provider
   • HTML
     • Standard markup language for web pages
     • Hyper text markup language.
     • HTML describes the structure of a Web page
     • elements are represented by tags
     • elements tell the browser how to display the content
     • Tags
       • label pieces of content
       • tags are not displayed by the browser
       • HTML tags usually come in pairs
       • the element names are surrounded by <angle brackets>
     • elements tell the browser how to display the content
     • Tags
       • elements are represented by tags
       • examples
         • <title>
         • <body> visable page content
         • <h1> large heading
         • <p> paragraph

2. CSS

   • CSS syntax
     • A rule-set consisting of a selector and a declaration block
     • the declaration(s) are surrounded by{curly brackets} and each is followed by a semi-colon;
     • Selector is the HTML element you are changing (eg. h1)
     • eg.h1{color:blue; font-family:verdana;}
   • Useful tags
     • <a href=" ... ">...<a/>
       • Anchor
       • Links to another web page
     • <img src=" ..... "/>
       • Insert image
   • CSS Comments
     • Comments are ignored by browsers
     • May help editing the source code at a later date
     • Comments start with " /* " and end with " */ "
     • Used to explain the code
     • Comments can span multiple lines
   • CSS
     • External stylesheets are stored in CSS files
     • Saves a lot of work. Can control the layout of multiple web pages all at once
     • CSS stands for Cascading Style Sheets
     • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
   • How to make a website
     • 1. Have an idea of what your website looks like
       • Have the same style on all pages
       • Include
         • Title
         • Navigation bar
         • Links
         • Images
         • Videos
       • First page
         • About your website-catchy
         • Include what your audience is looking for
         • Save it as Index.html
         • Make them want to look further into your web- engrossing
         • Little info
   • My favourite declarations
     • Font families
       • Verdana
       • Times new roman georgia
     • Colours (names)
       • Chartreuse
       • Light blue
       • Plum
       • Aquamarine
       • Green yellow
       • Deep pink
       • Pink
       • Red
       • Yellow
       • Gold
   • Who is it for
     • Children
       • Pictures lots
       • Bright colours
       • Decorative fonts
       • Big fonts
     • Adults
       • Plain fonts
       • information
       • Few images