HTML for Computing Science teachers Level 1

Creating web pages and web sites can feature at all levels of the curriculum and are a fun and engaging way of bringing together many topics – graphics, image processing, navigation design, multimedia etc.

When it comes to National 4, National 5 and the new Higher Computing science courses there is a greater emphasis and some requirement for pupils to produce and edit simple html code.

 Course Aims

  • To develop Computing teachers knowledge, skills and confidence in writing and editing HTML code
  • To provide an opportunity for teachers to explore, discuss and practice workable methods of teaching HTML coding in the classroom

Course Content summary

Below is an overview of the topics covered in the course.
Click here to view a complete list of contents

  • HTML
  • Software choices
  • Approaches to teaching HTML
  • Working environments
  • !DOCTYPE
  • Structural and Semantic markup
  • HTML Tags
  • Writing and editing code
  • Viewing code
  • Files and Folders
  • Web site structure
  • Using Images
  • Hyperlinks
  • Creating simple web sites
  • Online tutorial, reference, support materials

Course Content Detail

  • HTML – What is HTML
  • Software choices – for writing and editing HTML code – demonstrating the pros and cons of using the various software programs available on the Glasgow Schools Network
  • Approaches to teaching HTML – software, file/folder organisation, timescale
  • Working environments – how to set up the user screen for effective code creation
  • !DOCTYPE Document types
  • HTML5 vs HTML 4.01 Transitional
    • what they are and what implications they have on teaching HTML
    • How the choice will impact the code that can be written
  • Structural and Semantic markup
    • <head>, <body> – How to structure valid HTML
    • Separation of structure and presentation
  • HTML elements
    • Most commonly used HTML elements (tags)
      • Titles <title>
      • Headings <h1>, <h2>, <h3>
      • Paragraphs <p>
      • Images <img>
      • Hyperlinks <a>
    • Correctly forming elements – rules governing their use
    • When and where to use elements
  • Writing and editing code – methods used and tips and tricks to work quickly and effectively
  • Viewing code – using the browser to preview code as it’s being written
  • Files and Folders
    • Organising web site folders
    • Working practically on the Glasgow Schools Network. Use of shared areas
    • Saving HTML documents in the correct format – UTF-8, .html suffix etc.
    • Organising image files
  • Web site structure
    • Directories and directory hierarchies
    • Forming image and hyperlinks to traverse site directories
  • Using Images
  • Hyperlinks
  • Creating simple web sites
    • Organising pupils files to create a complete site
    • Storage options for sites
    • Simple site navigation menus
  • Online tutorial, reference and support materials