Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
-
date post
21-Dec-2015 -
Category
Documents
-
view
228 -
download
3
Transcript of Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
![Page 1: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/1.jpg)
Multimedia for the Web: Creating Digital Excitement
HTML, XHTML andWeb Authoring
![Page 2: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/2.jpg)
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
![Page 3: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/3.jpg)
3Multimedia for the Web Chapter 4
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
![Page 4: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/4.jpg)
4Multimedia for the Web Chapter 4
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
![Page 5: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/5.jpg)
5Multimedia for the Web Chapter 4
Introduction
![Page 6: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/6.jpg)
6Multimedia for the Web Chapter 4
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
Describe HTML and XHTML
![Page 7: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/7.jpg)
7Multimedia for the Web Chapter 4
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
Describe HTML and XHTML
![Page 8: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/8.jpg)
8Multimedia for the Web Chapter 4
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
Describe HTML and XHTML
![Page 9: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/9.jpg)
9Multimedia for the Web Chapter 4
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
Describe HTML and XHTML
![Page 10: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/10.jpg)
10Multimedia for the Web Chapter 4
Power/Control
Clean Code
Not Dependent on a Tool with Limitations
Advantages of Writing XHTML
![Page 11: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/11.jpg)
11Multimedia for the Web Chapter 4
Learning Curve
Time-consuming to Write
Easy to make mistakes
Disadvantages of Writing XHTML
![Page 12: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/12.jpg)
12Multimedia for the Web Chapter 4
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
![Page 13: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/13.jpg)
13Multimedia for the Web Chapter 4
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
![Page 14: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/14.jpg)
14Multimedia for the Web Chapter 4
No learning curveAdditionalFeatures andThemesConvenientTime-Saving
Advantages of Using Conversion Tools
![Page 15: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/15.jpg)
15Multimedia for the Web Chapter 4
Limited, not same as if you were coding the pageAlters Document FormatExtraneous Code can make troubleshooting problematic
Disadvantages of Using Conversion Tools
![Page 16: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/16.jpg)
16Multimedia for the Web Chapter 4
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
![Page 17: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/17.jpg)
17Multimedia for the Web Chapter 4
Web page editors allow you to– create and design Web pages– use toolbars containing menus and
buttons that represent XHTML tags
Explain How Web Page Editors Are Used
![Page 18: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/18.jpg)
18Multimedia for the Web Chapter 4
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
![Page 19: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/19.jpg)
19Multimedia for the Web Chapter 4
Learning curve: need basic understanding of XHTML codingImperfect Tool: program can contain bugs or unintuitive features
Disadvantages of Using Web Page Editors
![Page 20: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/20.jpg)
20Multimedia for the Web Chapter 4
Many different professional, shareware, and freeware editors on the marketBBEdit: High performance XHTML editor for MacintoshHomeSite: industry-leading professional XHTML editor for Windows
Software
![Page 21: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/21.jpg)
21Multimedia for the Web Chapter 4
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
Explain How Web Authoring Programs Are Used
![Page 22: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/22.jpg)
22Multimedia for the Web Chapter 4
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
![Page 23: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/23.jpg)
23Multimedia for the Web Chapter 4
Adobe GoLiveMacromedia DreamweaverMicrosoft FrontPage
Software
![Page 24: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/24.jpg)
24Multimedia for the Web Chapter 4
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
![Page 25: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/25.jpg)
25Multimedia for the Web Chapter 4
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
![Page 26: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/26.jpg)
26Multimedia for the Web Chapter 4
Supports cross-browser validationQuickly build and format tablesSite Setup Wizard to speed startCan use integrated HTML editorsSupports CSSSupports site-management
Macromedia Dreamweaver
![Page 27: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/27.jpg)
27Multimedia for the Web Chapter 4
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
![Page 28: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/28.jpg)
28Multimedia for the Web Chapter 4
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
Discuss How to Upload Files to a Web Server
![Page 29: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/29.jpg)
29Multimedia for the Web Chapter 4
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)
Discuss How to Upload Files to a Web Server
![Page 30: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/30.jpg)
30Multimedia for the Web Chapter 4
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
Discuss How to Upload Files to a Web Server
![Page 31: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/31.jpg)
31Multimedia for the Web Chapter 4
Describe HTML and XHTMLAdvantages of Writing XHTMLDisadvantages of Writing XHTMLHelper ApplicationsIdentify Conversion Tools
Summary
![Page 32: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/32.jpg)
32Multimedia for the Web Chapter 4
Advantages/Disadvantages of Conversion Tools
Explain How Web Page Editors Are Used
Advantages/Disadvantages of Using Web Page Editors
Summary
![Page 33: Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.](https://reader031.fdocuments.net/reader031/viewer/2022012916/56649d575503460f94a35ce5/html5/thumbnails/33.jpg)
33Multimedia for the Web Chapter 4
Explain How Web Authoring Programs Are Used
Adobe GoLive
Macromedia Dreamweaver
Microsoft FrontPage
Discuss How to Upload Filesto a Web Server
Summary