HTML Level 1 for Computing Science teachers

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.

This one day introductory course is for those with no prior knowledge of HTML or those who feel they need a refresher and up-date

The emphasis of this course is to develop real competence in hand-coding, reading and editing HTML code. It is important to undertand and use contemporary, up-to-date, standards-based and valid HTML coding as a foundation for all other web development tasks. This course will introduce you to HTML5 and how to create well-formed, valid pages and sites to meet the requirements of National 5 Computing Science and beyond.

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

Who this course is for

  • Computing Science teacher, teaching web design and development.
  • You are delivering, developing and planning National 5, Higher and Advanced Higher Computing Science courses.
  • You're a complete beginners with no piror knowledge of HTML
  • You would like to up-date your HTML skills to use standards-based, valid code and contemporary best practice.
  • You'd like a refresher on HTML coding.
  • You want to go on to learn CSS, Javascript or PHP and need a firm foundation of HTML.

What you need to know

This is an introductory course and assumes no prior knowledge or skills in coding HTML.

This course provides an essential foundation for all our other web design and development courses - CSS, Javascript, PHP and even MySQL.

Knowledge and skills needed to undertake this course

This course is an introductory course and does not require and previous knowledge

Come along and start your journey in HTML here

Content summary

Below is an overview of the topics covered in the course.

  • 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 in detail

  • HTML - What is HTML
  • Software choices - for writing and editing HTML code – pros and cons of using various software programs typically available in schools.
  • 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)
      • HTML <html>, Head <head>, Body <body>
      • Titles <title>
      • Meta tags e.g. <meta charset="utf-8"/>
      • Headings <h1>, <h2>, <h3>
      • Paragraphs <p>
      • Images <img>
      • Hyperlinks <a>
      • Ordered <ol> and Unordered <ul> lists and list items <li>
      • Generic and semantic blocks e.g. <div>, <section>, <nav>, <header>, <footer>
    • 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
    • Relating directory structures to Networks and Linkages
    • The impact of directory structures on the format of relative hyperlinks, src and href attributes
    • Working practically on a school 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
    • Relating site structure to Networks and Linkages
    • Relating site structure to navigation types - primary, secondary, tertiary
  • Using Images
    • Importance of pre-processing images to suitable size, format and compression
    • When to use image tags and when to use CSS to include images
    • Accessibility and good practice when using images
  • Hyperlinks
    • Internal and external
    • Relative and absolute
    • Directory traversing in relative hyperlink URLs
    • In-page hyperlinks
    • Hyperlink _target attribute and its use
    • Navigation types and common navigation formatting
  • 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