meljun cortes multimedia lecture chapter9 html web authoring
TRANSCRIPT
Chapter Objectives Describe the roles and responsibilities of the Web
Master Define HTML and list some of its advantages and
disadvantages Define conversion tools and list some advantages
and disadvantages Describe some of the key conversion tool features
found in Microsoft Office
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Chapter Objectives Define editors and list some advantages and
disadvantages Describe some of the key features found in BBEdit
and Homesite Define Web authoring programs and list some
advantages and disadvantages Describe some of the key features found in Adobe
GoLive, Macromedia Dreamweaver, Microsoft FrontPage and Netscape Composer
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
IntroductionStep 1 - PlanStep 2 - Design media elements and user interface Step 3 - Integrate
them into the Web site
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Web PositionsWeb designersWeb developersWebmasters
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
HTMLHypertext Markup LanguageWorld Wide Web Consortium (W3C)
Official standards committee that controls changes
Versions1.0 - hyperlinks2.0 - inline images and forms3.0 - tables and extended formatting4.0 - cascading style sheets
All Web pages are based on HTML
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
HTMLMarkup language
Specifies how content will display
Markup tagsContainers
<B>This text will be bold</B>
Attributes and Values <FONT FACE = “helvetica”>
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
HTMLAdvantages
Greater power and controlClean, fine-tuned codeNot dependent on imperfect tool
DisadvantagesLearning curveTime-consuming to writeEasy to make mistakes
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
HTMLExamples for adding multimedia
<IMG SRC=“at_beach.gif”><EMBED SRC=“sound.mp3” AUTOPLAY=“true”><BGSOUND>
Helper applicationsPlug-ins
<EMBED SRC=“shocked.dcr” PLUGINSPACE=“http://www.macromedia.com” WIDTH=“640” HEIGHT=“480”>
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Conversion ToolsTranslate existing document formats into HTML
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Conversion ToolsAdvantages
No need to learn a new program or languageOften include additional features such as templates or themesConvenient and time-saving
DisadvantagesLimitedMay alter documentMay add extraneous code
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Conversion ToolsAvailable in most applicationsMicrosoft Office
Word - templates, wizards, themesPowerPoint - templates, multimediaExcel - numeric data, chartsAccess - database tables and reports
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
EditorsCreate and design Web pages using menus and buttons on toolbars that represent HTML tags
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
EditorsAdvantages
Extensive and sophisticated functionality beyond HTML Pure codeFaster than writing HTML codePrecise layout and design flexibility
DisadvantagesMust know HTML to use these tools
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
EditorsSoftware
BBEdit - Mac Extensive tag lists HTML-aware spell checker Quick Web publishing
Homesite - Windows Wizards for DHTML, CSS, JavaScript Image and site maps Autocompletion
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Authoring ProgramsProvide a user-friendly, WYSIWYG interface specifically designed for Web page creation
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Authoring ProgramsAdvantages
Huge time-saverDon’t have to know HTMLImmediately see results of changes
DisadvantagesSomewhat limitingMay generate extraneous codeMay not be as up-to-date as HTML
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Authoring Programs Hundreds of professional, shareware and freeware programsAdobe GoLive
Integrated with other Adobe applicationsCheck HTML syntaxWrite Javascript and CSSAdvanced site managementTemplates and master pages
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Authoring ProgramsMacromedia Dreamweaver
Roundtrip HTMLTables and layersPredefined colors and layoutsSupport for CSS, JavaScript, XMLSite management
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.
Authoring ProgramsMicrosoft FrontPage
Site managementTablesThemesDHTML and CSSFrontPage extensions must be installed on Web server
Harcourt, Inc. items and derived items copyright © 2002 by Harcourt, Inc.