week 5 6 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Week 5 & 6 PowerPoint Presentation
Download Presentation
Week 5 & 6

Loading in 2 Seconds...

play fullscreen
1 / 16

Week 5 & 6 - PowerPoint PPT Presentation


  • 110 Views
  • Uploaded on

Week 5 & 6. Web Design – Layout & Organization. Review. Step 1 Web authoring using Netscape Composer. Basics of Netscape Composer http://web.cortland.edu/shis/314/schedule.htm Tutorials. Step 2 FTP. Step 3: File Name and URL. What’s Next: Design/Layout/Organization. Web Site

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Week 5 & 6' - aderes


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
week 5 6

Week 5 & 6

Web Design – Layout & Organization

step 1 web authoring using netscape composer
Step 1Web authoring using Netscape Composer
  • Basics of Netscape Composer

http://web.cortland.edu/shis/314/schedule.htm

Tutorials

what s next design layout organization
What’s Next: Design/Layout/Organization
  • Web Site

6 components for your ePortfolio as mentioned inhttp://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
web site 6 major components
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

web page design
Web Page Design
  • Designing a web page without using tables

evTMB 2005 webpages Google

Kara’s: 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

table skills basics
Table skills: Basics
  • Create and insert a table: Insert > Table >
table properties concepts
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/shis/314/schedule.htm

the first assignment first publication of your home page
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@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.”

trouble shooting the first publication
Trouble-shooting the first publication
  • Picture not showing up
  • 6 components
  • Layout: free style or table
  • Other pages:
    • Back to home
    • The navigation bar