MELJUN CORTES Multimedia Chapter9 HTML Web Authoring

8/10/2019 MELJUN CORTES Multimedia Chapter9 HTML Web Authoring

1/21

Chapter 9

HTML and

Web

Authoring

MELJUN CORTES


2/21

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.


3/21

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



4/21

IntroductionStep 1 - Plan

Step 2 - Design media elements and user

interface

Step 3 - Integrate

them into the Web site



5/21

Web PositionsWeb designers

Web developers

Webmasters



6/21

HTML

Hypertext Markup LanguageWorld Wide Web Consortium (W3C)

Official standards committee that controls changes

Versions1.0 - hyperlinks

2.0 - inline images and forms

3.0 - tables and extended formatting4.0 - cascading style sheets

All Web pages are based on HTML



7/21

HTMLMarkup language

Specifies how content will display

Markup tags

Containers

This text will be bold

Attributes and Values



8/21

HTMLAdvantages

Greater power and control

Clean, fine-tuned code

Not dependent on imperfect tool

Disadvantages

Learning curve

Time-consuming to write

Easy to make mistakes



9/21

HTML

Examples for adding multimedia

Helper applications

Plug-ins



10/21

Conversion ToolsTranslate existing document formats into HTML



11/21

Conversion Tools

AdvantagesNo need to learn a new program or language

Often include additional features such as templates

or themesConvenient and time-saving

Disadvantages

LimitedMay alter document

May add extraneous code



12/21


13/21

EditorsCreate and design Web pages using menus and

buttons on toolbars that represent HTML tags



14/21

EditorsAdvantages

Extensive and sophisticated functionality beyond

HTMLPure code

Faster than writing HTML code

Precise layout and design flexibilityDisadvantages

Must know HTML to use these tools



15/21

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



16/21

Authoring ProgramsProvide a user-friendly, WYSIWYG interface

specifically designed for Web page creation



17/21

Authoring ProgramsAdvantages

Huge time-saver

Dont have to know HTML

Immediately see results of changes

Disadvantages

Somewhat limiting

May generate extraneous code

May not be as up-to-date as HTML



18/21

Authoring Programs

Hundreds of professional, shareware and freeware

programs

Adobe GoLiveIntegrated with other Adobe applications

Check HTML syntax

Write Javascript and CSSAdvanced site management

Templates and master pages



19/21

Authoring ProgramsMacromedia Dreamweaver

Roundtrip HTML

Tables and layers

Predefined colors and layouts

Support for CSS, JavaScript, XML

Site management



20/21

Authoring ProgramsMicrosoft FrontPage

Site management

Tables

Themes

DHTML and CSS

FrontPage extensions must be installed on Webserver



21/21

Authoring ProgramsNetscape Composer

Simple, easy-to-use

Not as sophisticated and extensive as some of theothers

Not designed for entire site management, forms or

framesGreat for creating single pages

Publish to the Web

Harco rt Inc items and deri ed items cop right 2002 b Harco rt Inc

Documents

MELJUN CORTES Multimedia Chapter9 HTML Web Authoring