Extended National Diploma in IT

Unit 20: Client Side Customisation of Web Pages - HTML and Css

Cascading style sheets (css) is used to change the appearance of an html page which contains the page content. In order to apply css in the best way it is important that the html has been structured semantically (with meaning). This first lesson looks at the basics of Html.

Resources »

Learning Outcomes

  1. Understand the fundamentals of cascading style sheets (css)

Assessments

Week 1 Activities - HTML Coding

Week Lesson Activity Learning Assessment Skill Developed

Explain how HTML files access CSS

Explain the features of the box model for CSS

assess different implementation styles of CSS

1.1
  • 10 min Tutor & Students:
  • 10 min Complete Survey: Unit 22: Developing Computer Games
  • 10 min Explain Assessments 1 and 2 in detail and answer any questions.
  • 5 min Create a new Web Project as an empty ASP.NET Web Forms application, or add new html pages to existing website for the following demonstration.
  • 25 min Presentation on the on the Basics of HTML in conjuction with the activity below
  • 30 min A demonstration creating a simple html5 page using Visual Studio 2015.
  • 10 min Summarise html5 and answer any questions
  • Questions and Answers
  • Example HTML5 Page
  • Use Professional IDE
  • Use Professional VCS (Git)
  • HTML5 Coding
1.2
  • Questions and Answers
  • P4 M3 HTML5 Page Structure
  • Using Professional IDE
  • HTML5 Coding
1.3
  • 5 min Summarise last lesson on HTML5 Semantics.
  • 25 min Presentation on the Basic Styling of HTML with CSS2.1 in conjunction with the following
  • 30 min a demonstration of styling an html5 page using css.
  • 25 min Completing Assessment 1 on how cascading style sheets work.
  • 5 min Summarise css and answer any questions
  • Questions and Answers
  • Example Styled Page

  • Assessment 1
  • Use Professional IDE
  • HTML5 Coding
  • CSS 2.1 Coding

Useful Resources

Week Index