ICT
 
home search Contact
Lmarsden is a non-profit information site

Week 02: Webpage Design and Development

Class Task and Information

  • How to insert images using HTML
  • How to create hyperlinks using anchor tags.
  • Understand how to use HTML tables for content.
  • How to use tables for layout.
  • Learn HTML best practices.
  • Understand about HTML forms and create a simple contact fme form.
  • HTML Divs and how to separate content for CSS styling.

  • Lesson 01:

    • Video Tutorial Files -= What to Do =-
      • You will need to view the video file and stop it along the way so you can implement, do what the video files shows you.

      • Remember: Information Action = KNOWLEDGE

      • Remember to save your work as you go.

      • Tutorial 4: What is The HTML Boilerplate 16:47
        • Task: Students are to develop their personal CV page. Remember to adjust the sections to make them appropriate for year 10 (students can work in pairs or in groups of 3's to get started and get ideas if needed).
      • Tutorial 5: How to Structure Text in HTML 11:00
        • Continue work on your personal CV
        • Students are to know the difference between Bold and Strong and Italics and Emphases.



      • Tutorial 6: HTML Lists 5:24
        • Remember to format your work using appropriate ordered and unordered lists.
        • Use subjects and sports as subject headings for your personal page and not books and teaching.



      • Tutorial 7: HTML Image Elements 7:11
        • Place an image of you in your work. You can download one from myFlinders or the internet. You can use photobooth to take a new on if needed.



  • Place a copy of your work in Share With Teacher. Make sure that you copy all folder files into SWT.


  • Lesson 02:

    • Tutorial 9: HTML Links and Anchor Tags 14:12
    • Tutorial 01: HTML Tables 12:03
      • In this tutorial, make some data that you would like to do e.g. Where you would like to do work experience.
      • Complete the tutorial with some sample data related to you.



    • Tutorial 02: Using HTML Tables for Layout 2:16
      • Complete the tutorial with some sample data related to you.



    • Tutorial 06: HTML Forms 9:17
      • You will need to use your Contact Me page.




      Place a copy of your work in Share With Teacher. Make sure that you copy all folder files into SWT.





  • Lesson 03:


    • Tutorial 07: Forms in Practice - Create a Contact Me Form 7:29
      • Complete the tutorial and place a copy of all your html document in Share With Teacher.


    • Tutorial 08: Publish Your Website! 6:48
      • Duplicate your website (have a second copy in another folder)
      • In the duplicated copy - remove any personal data by make new names etc.
      • Complete the tutorial and send Mr Marsden your URL address to view your site live on the internet.


  • Place a copy of your work in Share With Teacher. Make sure that you copy all folder files into SWT.

  • Lesson 04: -

    • Tutorial 04: Internal CSS 20:22
      • Working with internal CSS in the header of the page.
      • Implement and save all worked examples.


    • Tutorial 05: External CSS 8:29
      • This is the method that we will always use when developing websites.
      • Working with External CSS
      • Implement and save all worked examples and complete the challenges.


    • Tutorial 06: The Anatomy of CSS Syntax 13:08
      • Bacon Fansite Start Here - See Mr Marsden if you are unable to unZip the file.
      • Upload the source files and image of the page to Share With Teacher.


Readings / Homework

 

 

 

Focus Point

 

 

Information