meljun cortes multimedia lecture chapter9

Chapter 9 - HTML and Web Authoring

MELJUN CORTESMELJUN CORTES

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


IntroductionStep 1 - PlanStep 2 - Design media elements and user interface Step 3 - Integrate

them into the Web site


Web PositionsWeb designersWeb developersWebmasters


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


HTMLMarkup language

Specifies how content will display

Markup tagsContainers

<B>This text will be bold</B>

Attributes and Values <FONT FACE = “helvetica”>


HTMLAdvantages

Greater power and controlClean, fine-tuned codeNot dependent on imperfect tool

DisadvantagesLearning curveTime-consuming to writeEasy to make mistakes


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”>


Conversion ToolsTranslate existing document formats into HTML


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


Conversion ToolsAvailable in most applicationsMicrosoft Office

Word - templates, wizards, themesPowerPoint - templates, multimediaExcel - numeric data, chartsAccess - database tables and reports


EditorsCreate and design Web pages using menus and buttons on toolbars that represent HTML tags


EditorsAdvantages

Extensive and sophisticated functionality beyond HTML Pure codeFaster than writing HTML codePrecise layout and design flexibility

DisadvantagesMust know HTML to use these tools


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


Authoring ProgramsProvide a user-friendly, WYSIWYG interface specifically designed for Web page creation


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


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


Authoring ProgramsMacromedia Dreamweaver

Roundtrip HTMLTables and layersPredefined colors and layoutsSupport for CSS, JavaScript, XMLSite management


Authoring ProgramsMicrosoft FrontPage

Site managementTablesThemesDHTML and CSSFrontPage extensions must be installed on Web server


Authoring ProgramsNetscape Composer

Simple, easy-to-useNot as sophisticated and extensive as some of the othersNot designed for entire site management, forms or framesGreat for creating single pagesPublish to the Web


meljun cortes multimedia lecture chapter9

Technology