Higher Nationals in Computing
Unit 14: Web Design
Assessments
-
15th December 2016
Assessment 14.1: Website Design
Final
Lesson 2: Semantic HTML5 Markup
HTML5 in my view is the biggest ever change to HTML coding, and
the changes provide all that was needed to raise web based applications
to match the performance and flexibility of windows based applications.
Web pages can now work offline, and can make full use of hardware based
2D and 3D graphics accelerators.
In particular there are more new HTML tags available than in any
previous version change. These new tags have been introduced to
add consistancy and meaning to web page structure, as well as improve
accessibility. Using these new tags well can considerably reduce the
need to define css classes such as
<div class="menu">
-
Presentation:
Introduction to HTML Tags
-
Presentation:
The New HTML5 Tags
(Notes)
-
Select a suitable
Model web site
for your project
-
Create a single
Visual Studio 2015
Website based on an Empty Asp.Net Web Application
-
Create a suitable folder structure and add empty HTML and CSS files
-
Create one page similar to
Peacock's Wines
with header, footer, aside, navigation and main content
and using semantic markup.
-
Try out the code auto complete versus design view coding.
-
Formatting Code in Visual Studio.
Useful Resources