html, xhtml and web authoring

Multimedia for the Web: Creating Digital Excitementg g

HTML, XHTML andHTML, XHTML andWeb Authoring

Chapter ConceptsDescribe HTML and XHTMLIdentify Conversion ToolsyExplain How Web Page Editors Are UsedUsedExplain How Web Authoring Programs Are UsedPrograms Are UsedDiscuss How to Upload Files to a W b S

Chapter 4

Web Server2Multimedia for the Web

IntroductionSource code provides information the browser needs in order to display the Web pages correctlyBrowsers need a commonBrowsers need a common language to display Web site pages properly on the broadest range ofproperly on the broadest range of browsers

Chapter 4 3Multimedia for the Web

IntroductionSource code can be written from scratch or you can use tools to help y pwrite the codeOfficial standards committee for theOfficial standards committee for the Web called the World Wide Web Consortium (W3W)Consortium (W3W)


Introduction


Describe HTML and XHTMLHTML: Hypertext Markup Language; standard language used g g ; g gto create Web pagesMarkup language: used to specifyMarkup language: used to specify or describe the structure, content, or formatting of a documentor formatting of a documentPlatform-independent


Describe HTML and XHTMLXHTML: supports increased Web page functionalityp g yConforms to stricter coding standards than HTMLstandards than HTMLSame document viewable using diff t b d lti ldifferent browsers and multiple devices by referencing style sheets


Describe HTML and XHTMLMarkup tags specify how browser displays contentp yTags are paired and consist of a beginning tag and an end tagbeginning tag and an end tag Information between tags is

t t ff t d b tcontent; affected by tags


Describe HTML and XHTMLAttributes add modifications to information within a containerValue follows an attributeAn element is the combination of aAn element is the combination of a beginning tag along with its tt ib t d lattributes and values


Advantages of Writing XHTML

Power/ControlCl C dClean CodeNot Dependent on a Tool with pLimitations


Disadvantages of Writing XHTML

Learning CurveTi i t W itTime-consuming to WriteEasy to make mistakes


Helper Applications

Helper applications play non-native HTML contentHTML contentToday, many multimedia elements

i l i lrequire plug-ins or players What you see is what you get y y g(WYSIWYG) programs generate XHTML code for designer

Chapter 4

XHTML code for designer

12Multimedia for the Web

Identify Conversion ToolsConversion 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


Advantages of Using Conversion Tools

No learning curvecurveAdditionalFeatures andFeatures andThemesC i tConvenientTime-Saving


Disadvantages of Using Conversion Tools

Limited, not same as if you were coding the pagecoding the pageAlters Document FormatE t C d kExtraneous Code can make troubleshooting problematic


SoftwareMany 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


Explain How Web Page Editors Are Used

Web page editors allow you tocreate and design Web pages– create and design Web pages

– use toolbars containing menus and buttons that represent XHTML tagsbuttons that represent XHTML tags


Advantages of Using Web Page Editors

Extensive Functionality: provide i t l ith l t t W b

g

precise control, with latest Web technologiesCl C d lik tClean Code: unlike converters, editors do not add any extra codeTime Saving: choose from lists, menus


Disadvantages of Using Web Page Editors

Learning curve: need basic d t di f XHTML di

g

understanding of XHTML codingImperfect Tool: program can

t i b i t iticontain bugs or unintuitive features


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


Explain How Web Authoring Programs Are Used

Web authoring programs use a graphical interface

g

graphical interfaceSimilar to working with word processing applicationsprocessing applicationsThey write XHTML code for youDesigned with specific purpose of developing Web pages


Advantages of Using Web Authoring Programs

Immediate Results: More time spent on creativity not coding

g g

spent on creativity, not codingConvenient/Time Saving: The program writes code for youprogram writes code for youNo XHTML Knowledge Required: d ’t d t k kdon’t need to know markup language to use the program


Software

Adobe GoLiveM di DMacromedia DreamweaverMicrosoft FrontPage


Adobe GoLive

Offers both content-creation and site-managementsite-managementIntegrated with Adobe productsC t d t l i tiCreate and control animationWYSIWYG plus ability to view, write and edit pure XHTML source code


Macromedia Dreamweaver

Develop, edit, automate, and maintain Web sitesmaintain Web sitesStandards-based controlW ld l d i d d ditWorld-class design and code editor in one toolIntegrated with Flash and FireworksSupports database functionality

Chapter 4

pp y

25Multimedia for the Web

Macromedia Dreamweaver

Supports cross-browser validationQ i kl b ild d f t t blQuickly build and format tablesSite Setup Wizard to speed startCan use integrated HTML editorsSupports CSSppSupports site-management


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

Chapter 4

source code27Multimedia for the Web

Discuss How to Upload Files to a Web Server

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

Chapter 4

sensitivity, Naming conventions28Multimedia for the Web


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



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


SummaryDescribe HTML and XHTMLAdvantages of Writing XHTMLAdvantages of Writing XHTMLDisadvantages of Writing XHTMLHelper ApplicationsHelper ApplicationsIdentify Conversion Tools


Summary

Advantages/Disadvantages of Conversion ToolsConversion Tools Explain How Web Page Editors Are UsedEditors Are UsedAdvantages/Disadvantages of Using W b P EditWeb Page Editors


Summary

Explain How Web Authoring Programs Are UsedPrograms Are Used Adobe GoLiveM di DMacromedia DreamweaverMicrosoft FrontPageDiscuss How to Upload Filesto a Web Server


html, xhtml and web authoring

Documents