Download chap04

Multimedia for the Web:
Creating Digital Excitement
HTML, XHTML and
Web Authoring
Chapter Concepts
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
Multimedia for the Web
Chapter 4
2
Introduction
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
Multimedia for the Web
Chapter 4
3
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)
Multimedia for the Web
Chapter 4
4
Introduction
Multimedia for the Web
Chapter 4
5
Describe HTML and XHTML
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
Multimedia for the Web
Chapter 4
6
Describe HTML and XHTML
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
Multimedia for the Web
Chapter 4
7
Describe HTML and XHTML
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
Multimedia for the Web
Chapter 4
8
Describe HTML and XHTML
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
Multimedia for the Web
Chapter 4
9
Advantages of Writing
XHTML
Power/Control
Clean Code
Not Dependent on a Tool with
Limitations
Multimedia for the Web
Chapter 4
10
Disadvantages of Writing
XHTML
Learning Curve
Time-consuming to Write
Easy to make mistakes
Multimedia for the Web
Chapter 4
11
Helper Applications
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
Multimedia for the Web
Chapter 4
12
Identify Conversion Tools
Conversion tools translate existing
document formats into XHTML;
generate a Web page from an
existing document
Generally, as simple as changing
the file type to an XHTML format
Multimedia for the Web
Chapter 4
13
Advantages of Using
Conversion Tools
No learning
curve
Additional
Features and
Themes
Convenient
Time-Saving
Multimedia for the Web
Chapter 4
14
Disadvantages of Using
Conversion Tools
Limited, not same as if you were
coding the page
Alters Document Format
Extraneous Code can make
troubleshooting problematic
Multimedia for the Web
Chapter 4
15
Software
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
Multimedia for the Web
Chapter 4
16
Explain How Web Page
Editors Are Used
Web page editors allow you to
– create and design Web pages
– use toolbars containing menus and
buttons that represent XHTML tags
Multimedia for the Web
Chapter 4
17
Advantages of Using Web
Page Editors
Extensive Functionality: provide
precise control, with latest Web
technologies
Clean Code: unlike converters,
editors do not add any extra code
Time Saving: choose from lists,
menus
Multimedia for the Web
Chapter 4
18
Disadvantages of Using Web
Page Editors
Learning curve: need basic
understanding of XHTML coding
Imperfect Tool: program can
contain bugs or unintuitive
features
Multimedia for the Web
Chapter 4
19
Software
Many different professional,
shareware, and freeware editors
on the market
BBEdit: High performance XHTML
editor for Macintosh
HomeSite: industry-leading
professional XHTML editor for
Windows
Multimedia for the Web
Chapter 4
20
Explain How Web Authoring
Programs Are Used
Web authoring programs use a
graphical interface
Similar to working with word
processing applications
They write XHTML code for you
Designed with specific purpose of
developing Web pages
Multimedia for the Web
Chapter 4
21
Advantages of Using Web
Authoring Programs
Immediate Results: More time
spent on creativity, not coding
Convenient/Time Saving: The
program writes code for you
No XHTML Knowledge Required:
don’t need to know markup
language to use the program
Multimedia for the Web
Chapter 4
22
Software
Adobe GoLive
Macromedia Dreamweaver
Microsoft FrontPage
Multimedia for the Web
Chapter 4
23
Adobe GoLive
Offers both content-creation and
site-management
Integrated with Adobe products
Create and control animation
WYSIWYG plus ability to view, write
and edit pure XHTML source code
Multimedia for the Web
Chapter 4
24
Macromedia Dreamweaver
Develop, edit, automate, and
maintain Web sites
Standards-based control
World-class design and code editor
in one tool
Integrated with Flash and Fireworks
Supports database functionality
Multimedia for the Web
Chapter 4
25
Macromedia Dreamweaver
Supports cross-browser validation
Quickly build and format tables
Site Setup Wizard to speed start
Can use integrated HTML editors
Supports CSS
Supports site-management
Multimedia for the Web
Chapter 4
26
Microsoft FrontPage
Web site creation and
management tool
Integrated with Microsoft Office
Create, edit, mange, update site
using multiple views
Ready-made templates
Will not modify imported or edited
source code
Multimedia for the Web
Chapter 4
27
Discuss How to Upload Files
to a Web Server
Must transfer all of the files
associated with Web site from
computer’s hard drive to remote
Web server
Guidelines to help your site function
properly include use of following
conventions: Index.htm(l), Case
sensitivity, Naming conventions
Multimedia for the Web
Chapter 4
28
Discuss How to Upload Files
to a Web Server
Before uploading, Web-hosting
company will supply you with host
address, Username and password
Process by which files are
transferred to the Web server is
called File Transfer Protocol (FTP)
Multimedia for the Web
Chapter 4
29
Discuss How to Upload Files
to a Web Server
Commitment to a maintenance
program is important to success
of a Web site
FTP allows you to easily upload
changes to your site; keeps site
fresh and interesting to visitors
Multimedia for the Web
Chapter 4
30
Summary
Describe HTML and XHTML
Advantages of Writing XHTML
Disadvantages of Writing XHTML
Helper Applications
Identify Conversion Tools
Multimedia for the Web
Chapter 4
31
Summary
Advantages/Disadvantages of
Conversion Tools
Explain How Web Page
Editors Are Used
Advantages/Disadvantages of Using
Web Page Editors
Multimedia for the Web
Chapter 4
32
Summary
Explain How Web Authoring
Programs Are Used
Adobe GoLive
Macromedia Dreamweaver
Microsoft FrontPage
Discuss How to Upload Files
to a Web Server
Multimedia for the Web
Chapter 4
33