web site design management
Download
Skip this Video
Download Presentation
Web Site Design & Management

Loading in 2 Seconds...

play fullscreen
1 / 26

Web Site Design & Management - PowerPoint PPT Presentation


  • 98 Views
  • Uploaded on

Web Site Design & Management. Class Two. Attendance Questionnaire Setup/task Homework Review Screenshots Lists/Nested Lists. Home Page Links Images Assign Next Week’s Homework. Agenda. Setup. Setup your computer Notepad, ftp Log in to FTP

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 'Web Site Design & Management' - olaf


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
agenda
Attendance

Questionnaire

Setup/task

Homework Review

Screenshots

Lists/Nested Lists

Home Page

Links

Images

Assign Next Week’s Homework

Agenda
setup
Setup
  • Setup your computer
    • Notepad, ftp
  • Log in to FTP
  • Make a folder in your homework/class01 folder named fixed
  • Make another folder in your “root” directory named inclass, put a folder in that named class02
  • Let me know when you are done and I’ll check it off.
homework tips
Homework tips
  • naming conventions
    • firstpage.html or first-page.html
  • Missing tags don't always make it "render" wrong. Why and why should you care?
homework tips1
Homework tips
  • Stuff outside of tag.
    • All things visible on the "canvas area" of the browser should be encased in the body element
  • To rename a file or folder
    • Select, rename (F2 or right-click)
homework tips2
Homework Tips
  • Remember to close your preview your file. This will help you find your errors
  • Open and close tags properly.
    • Start and close at the same time
  • What did I do? Forbidden listing
home page
Home Page
  • No home page, and you’ll see either
    • Forbidden or
    • A directory listing.
  • Home page is named
    • index.html
      • (most of the time)
    • default.htm
      • (Microsoft server. We’re not using this)
fix stuff
FIX Stuff:
  • See your assignment
  • Fix the file(s) folders and upload it with the proper name to the “fixed” folder in homework/class01
lists
Lists
  • Unordered Lists
  • Ordered Lists
  • Nested Lists
unordered lists
Unordered Lists
  • Unordered Lists resemble bullet lists.
  • The
    tags encase list items.
  • The
  • ...
  • tag creates items with a default bullet type of disc.
unordered lists1
Unordered Lists

  • Kick Off

The

tags

encase list items.

unordered lists2
Unordered Lists

  • Kick Off
  • Field Goal
  • Extra Point
  • Punt
  • The

  • tag creates

    list items.

  • ordered lists
    Ordered Lists
    • Ordered Lists use a ranking principle.
    • The
      tags encase list items.
    • The
    • ...
    • tag creates items with a default decimal ordering.
    ordered lists1
    Ordered Lists

    1. Arsenic and Old Lace

    ordered list type attribute
    Ordered List: type Attribute
    • The type attributes changes the ordering.
    • Available types are:1 (Decimal: default) A (Uppercase) a (Lowercase)I (Uppercase Roman)i (Lowercase Roman)
    • type can be used with the
        or
      1. tags.
    nested lists
    Nested Lists

    Unordered lists can be placed inside ordered lists.

    nested lists1
    Nested Lists

    Unordered lists can be placed inside definition lists.

    links
    links
    • Puts the “link” in hyperlink
    • Gets you from one place to another!!
    • Make a simple link from the class index page to your home page.
    links1
    Links
    • By default, all links are underlined.
    • IE uses blue for unvisited links, green for visited.
    • Netscape uses blue for unvisited links, purple for visited.
    the http protocol
    The http Protocol
    • http:// stands for HyperText Transfer Protocol.
    • This protocol is commonly used for web pages.
    links2
    Links

    Prentice Hall

    The tags are used to encase a link.

    absolute links
    Absolute Links
    relative links
    Relative Links
    • A relative link can be used if the page is in the user’s directory.
    • For example, Trout Recipes
    the mailto link
    The mailto Link
    don t get lazy
    Don’t get lazy
    • NOTE: If you have a properly designed site structure, you should be able to use relative links for everything except external pages.
    • DO NOT GET LAZY and use absolute links when you don’t need to.
    anchor links
    Anchor Links
    ad