STATIC WEB PAGES

1
STATIC WEB PAGES

• HTML

2
MS Word

• http//www.microsoft.com/office/word/Manage.htm

3
FrontPage

• FrontPage, the world's leading Web site
  management and creation tool that seamlessly
  integrates with the Microsoft Office family of
  applications.
• http//www.microsoft.com/frontpage/gallery.htm

4
Hypertext Markup Language (HTML)

• Know basic HTML commands (tags)
• Be able to prepare basic HTML documents

5
Hypertext Markup Language (HTML)

• Language of WWW
• Developed by CERN, creator of WWW
• For creating and formatting web documents
• Embeds control codes (tags) in ASCII text
• Allows hyperlinks
• Easy to learn

6
(No Transcript)
7
HTML Basics

• Tags tell browser how to display data
• Pairs ltcode gt and lt/codegt
• Nesting of tags
• Tags identify
• components (head, body)
• styles (strong (b),emphasis(i),u,tt)
• lists (ul, ol, dl)
• anchors for linking
• only some have closing tags

8
HTML Basics

• Learn from others!
• View source
• Reload commands
• Reload images vs. Reload current
• Save option in File (only text)
• Edit option in File

9
HTML Document Commands

• ltHTMLgtlt/HTMLgt indicates document is HTML document
• ltHEADgtlt/HEADgt first part of documentessential
  but not seen
• ltTITLEgtlt/TITLEgt title displayed at top of window
• ltBODYgtlt/BODYgt main part of document displayed in
  window what is seen
• ltPgt starts new paragraph

10
HTML Formatting Commands

• ltBgtlt/BgtltSTRONGgtlt/STRONGgt bold
• ltIgtlt/IgtltEMgtlt/EMgtitalics
• ltUgtlt/Ugt underline
• ltBLINKgtlt/BLINKgtblinking
• ltCENTERgtlt/CENTERgt center
• ltPREgtlt/PREgt preformatted (typed)
• ltBRgt text break, starts new line
• ltHRgt horizontal rule
• ltH1gt.ltH6gt lt/H1gt through lt/H6gt
• headings, where H1 is the largest

11
HTML List Commands

• ltOLgtlt/OLgt ordered (numbered) lists
• ltULgtlt/ULgt unordered lists
• ltLIgt list item for ordered and unordered lists
• ltDLgtlt/DLgt definition list
• ltDTgt definition term
• ltDDgt definition description

12
HTML Table Commands

• ltTABLEgtlt/TABLEgt table on web page
• ltTABLE BORDER1gt for standard border
• ltTRgtlt/TRgt new row in table
• ltTDgtlt/TDgt cell in table may be text or graphics
• To speed up building, build spreadsheet with td
  and tr tags, then cut and paste into HTML
  document

13
Animating the Site

• Animated gif
• Scripts
• Flash

14
Other HTML Commands

• ltA HREF mailtoemail addressgtlink textlt/Agt
• ltIMG SRCURLgt

15
Html Code

• http//hotwired.lycos.com/webmonkey/reference/html
  _cheatsheet/
• http//www.blooberry.com/indexdot/html/
• http//www.webspawner.com/cc/html/alpha.htm
• http//www2.imagiware.com/RxHTML/

16
Html Links

• Http//html.about.com
• http//htmlgoodies.com
• http//willcam.com/cmat/html/crossref.html
• http//www.projectcool.com/developer/reference/tag
  -table.html
• HTML Quiz 20 questions
• http//www.w3schools.com/html/html_quiz.asp

17
DHTML-Dynamic HTML

• http//msdn.microsoft.com/workshop/c-frame.htm?/wo
  rkshop/components/default.asp
• One of the most exciting new features introduced
  in Microsoft Internet Explorer 5.5 is Dynamic
  HTML (DHTML) behaviors. DHTML behaviors are
  simple, lightweight components that encapsulate
  specific functionality or behavior on a page.
  When applied to a standard HTML element on a
  page, a behavior enhances that element's default
  behavior.

18
DHTML

• For example, a behavior can be created that
  toggles the display property of an element's
  children on a mouse click. When this behavior is
  applied to a standard UL element on a page, it
  enhances the unordered list's default behavior to
  expand and collapse when clicked. Similarly,
  another behavior can incrementally set the
  position of the element from a start point to an
  end point on the screen. If this behavior is
  applied to an IMG element, it causes an otherwise
  statically positioned image to fly across the
  screen.