HTML Level 2 for Computing Science teachers

Creating well-structured, modern web pages using contemporary best practices requires you to have a detailed understanding of HTML.

To effectively teach web design and HTML coding at National 4, National 5, Higher and in the new Advanced Higher Computing courses teachers will need a detailed, thorough, knowledge and understanding of modern HTML along with practical coding skills to create and modify it.

This one day course follows on from the Yuleblinker HTML Level 1 course and is aimed at those who have attended the Level 1 course or who are confident and competent in coding basic HTML.

Just like the HTML Level 1 course the emphasis of this course is to develop real competence in hand-coding, reading and editing HTML code. It is important to understand and use contemporary, up-to-date, standards-based and valid HTML coding as a foundation for all other web development tasks.

This course will develop and reinforce your HTML 5 skills in creating more complex web pages and will especially focus on creating suitably structured HTML pages to use with Javascript and CSS techniques required for Higher and Advanced Higher Computing Science.

Course aims

  • To further develop Computing Science teachers' knowledge, practical skills and confidence in writing and editing complex HTML code.
  • To provide an opportunity for teachers to explore, discuss and practice workable methods of teaching HTML coding in the classroom that is relevant to activities and tasks that feature at the various levels of the Computing Science curriculum

Who this course is for

This course is ideal for you if…

  • You are a Computing science teacher, teaching web design and development at any level
  • You have previously attended the HTML Level 1 course and/or
  • You are comfortable, confident and have practical skills in writing basic HTML pages and sites
  • You'd like a refresher on more advanced HTML techniques and are comfortable, confident and have practical skills in writing basic HTML pages and sites
  • You need to know the HTML that underpins Javascript client-side form validation or CSS responsive web pages

What you need to know

This is a second level course that definitely assumes a good knowledge of, understanding of and competence in hand coding basic HTML.

You should already be familiar with coding basic HTML pages and sites before attending this course. You should either have attended the Yuleblinker HTML Level 1 course or be certain that you are knowledgeable about and skilled in the topics listed in the course detail for the HTML Level 1 course which can be found here: HTML Level 1

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

This course will not cover basic HTML coding and will launch straight into the content listed below. If you're ready to take your next steps in HTML and build upon your existing skills then this course is for you.

Knowledge and skills needed to undertake this course

This course builds on topics and skills developed in one or more lower level courses.

It is vital that you have either attended the course(s) listed below or that you are confident that you are comfortable and competenent in the topics and skills it covers.

We want you to get the best from your time on our course and making sure you are attending a course at a suitable level is important for you and for the others on the course.

Please click the link and view the course details. If you are in any doubt about whether you are at the right level to do this course then please don't hesitate to contact us for further information

Courses that provide the necessary skills:

Content summary

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

  • HTML forms
  • HTML tables
  • Multi-level sites
  • HTML 5 Video and Audio
  • iframes
  • HTML Attributes
  • HTML 5 semantic elements
  • Online tutorial, references and support materials

Course content in detail

  • HTML forms
    • HTML form element
    • elements used to create form controls
    • inputs
      • text
      • button
      • select
      • checkbox
      • fieldset
      • label
    • Form actions
    • Form submission methods – GET and POST
    • Coding simple and complex forms
    • Preparing forms for Javascript or PHP processing
  • HTML tables
    • When and when not to use tables
    • Coding simple and complex tables
    • elements used to create tables
      • table
      • tr, td
      • thead
      • tbody
      • tfoot
    • Row and Column spans and the attributes to create them
    • Nested tables
  • Multilevel sites
    • Planning and organising directories and content
    • Multi-level site navigation
    • Hyperlinking within multi-level sites
  • HTML 5 Video and Audio
    • HTML 5 Video and Audio elements
    • Attributes and settings
    • Media types
  • iframes
    • Using iframes to add 'widgets' and content from services e.g. Google video, hit counters
  • HTML attributes
    • Classes and IDs – what they are, how to use them and their importance for Javascript and CSS coding
  • HTML 5 semantic elements
    • What they are, the benefits of using them and how to use them
  • Online tutorial, reference and support materials