Chapter Concepts

Multimedia for the Web: Creating Digital Excitement

HTML, XHTML andWeb Authoring

2Multimedia for the Web Chapter 4

Describe HTML and XHTML

Identify Conversion Tools

Explain How Web Page Editors Are Used

Explain How Web Authoring Programs Are Used

Discuss How to Upload Files to a Web Server

Chapter Concepts


Source code provides information the browser needs in order to display the Web pages correctly

Browsers need a common language to display Web site pages properly on the broadest range of browsers

Introduction


Source code can be written from scratch or you can use tools to help write the code

Official standards committee for the Web called the World Wide Web Consortium (W3W)

Introduction


Introduction


HTML: Hypertext Markup Language; standard language used to create Web pages

Markup language: used to specify or describe the structure, content, or formatting of a document

Platform-independent



XHTML: supports increased Web page functionality

Conforms to stricter coding standards than HTML

Same document viewable using different browsers and multiple devices by referencing style sheets



Markup tags specify how browser displays content

Tags are paired and consist of a beginning tag and an end tag

Information between tags is content; affected by tags



Attributes add modifications to information within a container

Value follows an attribute

An element is the combination of a beginning tag along with its attributes and values



Power/Control

Clean Code

Not Dependent on a Tool with Limitations

Advantages of Writing XHTML


Learning Curve

Time-consuming to Write

Easy to make mistakes

Disadvantages of Writing XHTML


Helper applications play non-native HTML content

Today, many multimedia elements require plug-ins or players

What you see is what you get (WYSIWYG) programs generate XHTML code for designer

Helper Applications


Conversion tools translate existing document formats into XHTML; generate a Web page from an existing documentGenerally, as simple as changing the file type to an XHTML format

Identify Conversion Tools


No learning curveAdditionalFeatures andThemesConvenientTime-Saving

Advantages of Using Conversion Tools


Limited, not same as if you were coding the pageAlters Document FormatExtraneous Code can make troubleshooting problematic

Disadvantages of Using Conversion Tools


Many software developers include features that allow users to convert proprietary file type to XHTML and other Web-ready formats, including:– Microsoft Office– Microsoft Word– Microsoft PowerPoint– Microsoft Excel

Software


Web page editors allow you to– create and design Web pages– use toolbars containing menus and

buttons that represent XHTML tags



Extensive Functionality: provide precise control, with latest Web technologiesClean Code: unlike converters, editors do not add any extra codeTime Saving: choose from lists, menus

Advantages of Using Web Page Editors


Learning curve: need basic understanding of XHTML codingImperfect Tool: program can contain bugs or unintuitive features

Disadvantages of Using Web Page Editors


Many different professional, shareware, and freeware editors on the marketBBEdit: High performance XHTML editor for MacintoshHomeSite: industry-leading professional XHTML editor for Windows

Software


Web authoring programs use a graphical interfaceSimilar to working with word processing applicationsThey write XHTML code for youDesigned with specific purpose of developing Web pages



Immediate Results: More time spent on creativity, not codingConvenient/Time Saving: The program writes code for youNo XHTML Knowledge Required: don’t need to know markup language to use the program

Advantages of Using Web Authoring Programs


Adobe GoLiveMacromedia DreamweaverMicrosoft FrontPage

Software


Offers both content-creation and site-managementIntegrated with Adobe productsCreate and control animationWYSIWYG plus ability to view, write and edit pure XHTML source code

Adobe GoLive


Develop, edit, automate, and maintain Web sitesStandards-based controlWorld-class design and code editor in one toolIntegrated with Flash and FireworksSupports database functionality

Macromedia Dreamweaver


Supports cross-browser validationQuickly build and format tablesSite Setup Wizard to speed startCan use integrated HTML editorsSupports CSSSupports site-management



Web site creation and management toolIntegrated with Microsoft OfficeCreate, edit, mange, update site using multiple viewsReady-made templatesWill not modify imported or edited source code

Microsoft FrontPage


Must transfer all of the files associated with Web site from computer’s hard drive to remote Web serverGuidelines to help your site function properly include use of following conventions: Index.htm(l), Case sensitivity, Naming conventions



Before uploading, Web-hosting company will supply you with host address, Username and passwordProcess by which files are transferred to the Web server is called File Transfer Protocol (FTP)



Commitment to a maintenance program is important to success of a Web siteFTP allows you to easily upload changes to your site; keeps site fresh and interesting to visitors



Describe HTML and XHTMLAdvantages of Writing XHTMLDisadvantages of Writing XHTMLHelper ApplicationsIdentify Conversion Tools

Summary


Advantages/Disadvantages of Conversion Tools


Advantages/Disadvantages of Using Web Page Editors

Summary



Adobe GoLive


Microsoft FrontPage

Discuss How to Upload Filesto a Web Server

Summary

Documents

Chapter Concepts