Class 1 Notes for Web Publishing II

Learning Objectives:

You will be able to post on Discussion Board inside Canvas.

You will be able to use Notepad ++ to create a web page

You will be able to identify the difference between HTML and CSS

You will be able to identify what responsive design is and why this concept is so popular.


Review: W3schools on HTML

Post: on Canvas a list of Resources that will help you learn the material presented in this class.

Find as many resources that will help you "Keep up to speed" in class. You should be able to find at least one page full of resources. (The more resources you find, the better the grade.) QuackitW3schools and and Mozilla Developers Network are examples of the type of sites you should be looking for.


Topics Covered:

We will be using Brackets because a version is embeded into Dreamweaver!

You can also use Notepad ++ but it is not like Dreamweaver's HTML editor


Canvas: You will be posting your homework on our Web Server and checking your grades on Canvas.

Remember to reboot or shut down when you leave!

Go to Student Email - Forward to an email account you read on a regular basis.


HTML5 at W3schools

HTML Review plus show me what you know!

W3: The World Wide Web Consortium sets the standards for the Web (HTML & other Web tools)


The HTML Tag Game!

Start tags start with < and ends with >
Example: <p>

The end tag starts with </ and ends with >
Example: </p>

Every Web page should include the following tags:

<!DOCTYPE html>





HTML5 offers new semantic elements that define different parts of a web page:

Layout of HTML Document
html Identifies the document as being a web page
title Describes the Content of the Page
head Background information - CSS and Scripts
body Contains the content viewable inside the browser window
header Defines a header for a document or a section
nav Defines a container for navigation links
section Defines a section in a document
article Defines an independent self-contained article
aside Defines content aside from the content (like a sidebar)
footer Defines a footer for a document or a section


Late Homework: The homework is due on the date on the syllabus but won't be late until I start grading.



Final Step:

Review in your mind everything we covered in class and remember to cover it again before you go to bed so your mind to process this information while you sleep.