Unit 14: Wesbite Design
Lesson 1-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:
Introductiont to the New HTML5 Tags
(Notes)
-
Select a suitable
Model web site
for your project
-
Create a single
Visual Studio 2013
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