Class Note 3 for Internet Web Publishing I

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

Homework:

Read:  Chapter 3

Review: What is a Web Developer (Job requirements)

Post on the Web: Homework Page and place holder pages

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

Topics Covered:

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

Search:

Bots or Web crawlers gather the Web pages for the Search Engines.

Search Engines are very fast and powerful databasesAbout,WikipediaMSNGoogle, Bing and Yahoo

Cool new Google tool for those who don't know how to Google.

Google Yourself, a phone number, a web site, a politician ....

 

e-mail
Email broken into parts!

HTML: Hyper-Text Markup Language HTTP: Hyper-Text Transfer Protocol

url

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.

TIP: If you forget to end a the table tag, your data will disappear in Netscape!

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

 

FTP login
 

 

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

Our Webs pace is at http://e-commerce.paradisevalley.edu

Check out the FTP tutorials WS FTP for Windows.

 

 

FileZilla

 

 

 

You can also use FileZilla!

Filezilla's settings are the same just inputed to a different location

Host: e-commerce.paradisevalley.edu

Username: Use your first initial plus last name

Password: Password you entered in class

Port: 990

Click: Quickconnect

 

 

Terms:

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 http://e-commerce.pvc.maricopa.edu

 

HTML Valid