... part of the Web Site of George North -- Back to Site Index to BlackBoard
Webpage Design and Development, CPST-2400-10
Spring 2012

News - Week 2 Monday, Jan 30
Assignment
Case Problem 4
Key Terms

Thanks for all your work.

Tutorial 1 - Developing a Web Page

Expectations
You did complete reading Tutorial 1 from our text? There are many important topics that you will need to use over and over in coming assignments. Learning proper HTML syntax is an important outcome of this class. For example,

  1. close all 2-sided tags,
  2. 1-sided tags end in " />" (i.e. <br />),
  3. all HTML is lowercase
  4. using inLine styles
  5. among many other important topics
  6. all covered in Tutorial 1

Comments (Documentation or Decoration)

Top of every webpage will look something like this: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- 
New Perspectives on HTML and XHTML
Assignment: 
Author:
Date:
Text Editor: 
Filename: something_or_the_other.html 
-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>something_or_the_other.html</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>

Please note that it is important that the very first line of your HTML be the <!DOCTYPE ... declaration, as demonstrated above. W3C Markup Validation Service will NOT work properly if <!DOCTYPE ... declaration is not the first line. For an explanation of doctype declarations see this website ... and this one too. You may also want an understanding of "Content-Type" (charset=utf-8) here and here, and Wikipedia too.

In-line comments included in your HTML are also called documentation, and decoration. When I ask you to decorate your HMTL, I am asking that you include in-line comments. Comments remind you what your HTML code is supposed to accomplish. Comments allow others to more easily understand your HTML. Most importantly for our class, comments make it possible for George to grade your work. The grading rubric for most every assignment will require you to include in-line comments that document the graded elements of the assignment.

In-line comments like this: 
<!-- below demonstrates the use of inLine style -->
<h1 style="text-align: center">Chemistry Class</h1>

Hint: Submit your assignments early. If you turn-in before 11:59 PM, on Friday, I will provide you with feedback. You can make corrections and submit your work again ... no penalty -- until the due date (which is almost always 11:59 PM on Sundays). Remember, late assignments suffer a 20% penalty deducted from your grade (as explained in our Syllabus). Another way to think of this is that "C" is the highest grade you can earn for work turned-in late.


Required: All the HTML
you write for assignments in this class is expected to be error free as certified by W3C.org's Markup Validation Service. This is a graded element of all assignments. I suggest that you make a habit of checking your HTML as you write. Use W3C Markup Validation early and often. It is a lot easier to correct an error when you first make it. Remember - Strategy for editing HTML?


Required: FTP Client
For our class you are required to use FTP Client software to maintain files on Tulane's CPST WebServer.

Follow link to this page for information about FTP -- File Transfer Protocol.


Use the Web to learn HTML Syntax
Use Google to search for Web Sites that help you learn HTML Syntax. One site I really like is W3 School -- http://www.w3schools.com/. Not only does it help your understanding of HTML, it allows you to experiment by typing HTML directly on their web pages. It really works.

When attempting a Google search, just include "HTML" as part of your search string ... and Google will suggest 100s of sites with information. For example, this week you must include an ordered or unordered list. So, search string for Google would be "HTML ordered list" ... TRY IT !!!


Remember ... ask for HELP ... ask early, ask often.