Learning Objectives:

You will be able to identify the basic components of a table

You will be able to FTP files to our Web server

You will be able to create a homework page


Go Over: W3Schools HTML Tables

Read:  Chapter 3

  Watch the three videos I created and embeded into this page before attempting the homework.

    File names rules for Web:

  1. No spaces in file names (jons.html or jon-s.html correct vs jon s.html)   Google doesn't like jon_storslee.html
  2. Files are case sensitve  (Jons.html is not the same file as jons.html on the web)
  3. I recommend keeping file names the same case (jon.html not jOn.html)

Create a homework page (Homework.html) with the homework assignments, due dates (for this semester), and points using the template provided in the download from note 1  Local Website Setup  FYI - a zip file)

Inside the homework page HTML , you will have a link for the Browser Review <a href="browser.html">Browser Review</a>.  For the link to work, you need your browser review to be named browser.html. Make sure you check the link on the web to ensure all the files are up.


Validation link: <p> <a href="https://validator.w3.org/check?uri=referer" referrerpolicy="no-referrer-when-downgrade"><img src="images/valid-html5.png" alt="HTML Valid"/></a>


Post on the Web: The homework.html and browser.html pages plus all the images.

Review: W3schools HTML Cover HTML CSS plus HTML Tables

Check out: Star Trek Ipsum, Lorem Ipsum, and Bacon Ipsum, 3 fake text generators

Review: What is a Web Developer (Job requirements)

Watch: The Table movie to create the Homework Page


Watch: Filezilla Intro so you can upload your files onto my server



Watch: Trouble Shooting Problems with your Webpage


Reminder: Post your articles on Canvas under the Weekly Articles on the Discussion Board Section.

Double Check Your Grades on Canvas!!

Additional Information:

Your homework must be linked to your homework.html file in your webspace!

Our Web space is at https://e-commerce.paradisevalley.edu


We will be using FileZilla!


Host: e-commerce.paradisevalley.edu

Username: Use your first initial plus last name

Password: Password I gave you

Port: 990

Click: Quickconnect to connect to our server!


FTP login

You can also use CoreFTP on PC

Host: e-commerce.paradisevalley.edu

Username: Use your first initial plus last name

Password: Password you entered in class

Port: 990

Connection: FTPS

Click: Connect

Your homework must be linked to your homework.html file in your webs pace

Try downloading the FTP Program



Want to Find or Change careers check out the thecareerproject.org

CSS - Cascading-Style Sheet

selector {property: value;}

Example: h3 {color: #FF0000} 
This changes all h3's font color to Red (#FF0000)
You can apply multiple styles at once by separating them with a ; (semi colon)

Example: h3 
    color: #FF0000;
    font-family: Arial; 

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

Layout of HTML Document
html Identifies the document as being a webpage
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

This example uses <header>, <nav>, <section>, and <footer> to create a multiple column layout:





Tables <table> are broken into rows <tr> and columns <td> or <th> for the header of a table. You can add a caption <caption> or identify the column heading <thead>, table body <tbody>, and a table footer <tfoot>.

table graphic


Tables are a Web designer's best friend. Tables are a great way to "lay out" text and graphics. You position the graphics within one cell in the table and you can place the text in another cell.



FTP, htm, html, anchor, image, horizontal rule, paragraph break, line break, table,td,th,tr
Element Name, attribute, ol, ul, li, Cellpadding, & Cellspacing

Our Webspace is at https://e-commerce.paradisevalley.edu/


Dr. Jon Storslee
Phone: 602-787-6734

HTML Valid

Paradise Valley Community College 
18401 N. 32nd Street Phoenix, AZ 85032