Week 5

1
Week 5 6

• Web Design Layout Organization

2
Review
3
Step 1 Web authoring using Netscape Composer

• Basics of Netscape Composer
• http//web.cortland.edu/shis/314/schedule.htm
• Tutorials

4
Step 2 FTP
5
Step 3 File Name and URL
6
Whats Next Design/Layout/Organization

• Web Site
• 6 components for your ePortfolio as mentioned in
  http//web.cortland.edu/shis/314/schedule.htm
• Week 4 Basic Requirement of your ePortfolio.
• Web Page
• Design issues - aesthetic considerations
• (1) Simplicity
• (2) Consistency
• (3) Rich information
• Design skills - focus using tables

7
Web Site 6 Major Components

• Homepage index.html
• EDU314 Projects
• Reflections on NETS Project
• PowerPoint Project
• Edutopia Project
• Web Quest Project
• Excel Projects
• Other Course Projects
• Science
• Math
• Social Studies
• Language Arts
• About Me
• Resume
• Educational Links
• Cool Ideas
• http//web.cortland.edu/shis/314/schedule.htm
  Week 4 Basic Requirements

8
Web Page Design

• Designing a web page without using tables
• evTMB 2005 webpages Google
• Karas http//web.cortland.edu/gyidik94/
• Using tables
• Data display
• http//web.cortland.edu/shis/314
• Page layout
• http//www.cortland.edu/
• http//web.cortland.edu/rombachk

9
Using Tables for Layout (1)
10
Using Tables for Layout (2)
11
Using Tables for Layout (3)
12
Table skills Basics

• Create and insert a table Insert Table

13
Table Properties
14
Table Properties concepts

• Width in percent means percent of the page,
  regardless of what size the page is on any
  viewer's screen.
• Width in pixels is absolute the table will be,
  say, 400 pixels wide, no matter how wide the
  viewer's browser window.
• Alignment Choose whether you want your table
  centered, on the left side of the page, or on the
  right side of the page.
• Borders are what outline your table. Specify the
  thickness of your table's outside border. All
  table boarders are defined in pixels.
• Cell Spacing This specifies how thick the grid
  lines of the table cells will be.
• Cell Padding This is the space between the
  gridlines of the table (invisible or visible) and
  the contents of its cells.
• Width and Height Tables will automatically
  stretch to accommodate whatever you put in them
  (graphics, text, etc.) If you want your table to
  have a specific width, be sure to check the box
  and specify a dimension in the text box.
• Note a step-by-step manual is posted to the
  course schedule, Week 5 http//web.cortland.edu/s
  his/314/schedule.htm

15
The first assignment First Publication of your
Home Page

• This file shall be named index.html (this is
  your default homepage)
• Include at least one graphic (eg, your own
  picture)
• A layout of the 6 components based on the
  syllabus including links to sub-pages (which can
  be an empty page only with a title).
• Email your URL (web address) to shis_at_cortland.edu
  by 12am Wednesday Sep.28.
• The subject of the email 314/600 or 314/603
• The body of the email the link, your full name
• You can find the requirements for this assignment
  and all the other assignments at the course
  website http//web.cortland.edu/shis/314/schedule
  .htm, week 5, Basic Requirements for Your
  ePortfolio.

16
Trouble-shooting the first publication

• Picture not showing up
• 6 components
• Layout free style or table
• Other pages
• Back to home
• The navigation bar