Chapter 6 Selecting Tools, Organizing Files, and Creating Templates

1
Chapter 6 Selecting Tools, Organizing Files,
and Creating Templates

• Software Tools
• Role of the web designer
• Organization of web site elements

2
Web Site Building Tools

• WYSIWYG Editors- PageMill, GoLive, FrontPage,
  and DreamWeaver
• Code editors assist in authoring HTML,XML,
  Javascript others- HomeSite, BBEdit, and
  HotDog Pro
• Save as HTML functions- Microsoft Word, other
  word processors

3
Microsoft Front Page

• An example of web page development in Microsoft
  Front Page- forms, tags, etc.

4
Templates

• Saves implementation time
• Can be implemented in tables or frames
• Table templates avoid navigational problems for
  users
• Frames used to be avoided but are now implemented
  in almost all browsers

5
Table Template Example

• lt!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0
  Strict//EN"
• "http//www.w3.org/TR/xhtml1/DTD/xhtml1-str
  ict.dtd"gt
• lthtmlgt
• ltheadgtlttitlegtWeb Page Table Templatelt/titlegtlt/hea
  dgt
• ltbody leftmargin"0" topmargin"0"
  marginwidth"0"
• marginheight"0"gt
• lttable width"100" border"0" cellspacing"0"
• cellpadding"0" height"100"gt
• lttrgtlttd width"100px" height"440px"
  rowspan"2" bgcolor"red"gt
• Menu ltbr /gt or ltbr /gtContents ltbr /gtArea
  lt/tdgt
• lttd width"400px" height"60px"
  bgcolor"blue"gt
• Title Arealtbr /gtltbr /gtlt/tdgt lt/trgt
• lttrgtlttd width"400px" height"380px"
  bgcolor"green"gt
• Contents Arealt/tdgtlt/trgt
• lt/bodygt
• lt/htmlgt
• tabletemplate