HTML: Your Visual Blueprint for Designing Web Pages with HTML, Css, and XHTML
- Offers professional-level instruction in Web page design in a unique visual format, with most tasks demonstrated on self-contained two-page spreads
- Key tasks covered include setting up a Web page, reducing image resolution, creating radio buttons, adding a hit counter, creating an inline frame, and adding an embedded sound
- High-resolution screen shots accompanied by succinct explanations clearly illustrate each task, while "Apply It" and "Extra" sidebars highlight useful tips
- Companion Web site features all the code that appears in the text-ready to plug into the user's Web pages
James H. Russell became acquainted with the Internet in 1997 while he was a student at Indiana University in Indianapolis. He quickly became engulfed in the Internet, becoming editor in chief at Amiga.org and later a member of the Mozilla community, where he worked with Mozilla.org staff and contributors to rewrite the release notes and README file for the Mozilla .6 and 1.0 releases. James has also created and co-designed Web pages; most recently he co-designed www.indybahai.org for the Indianapolis Bahá’í community. He also maintains his own blog at http://weblogs.mozillazine.org/kovu/.
Table of Contents
1. INTRODUCING HTML AND XHTML.
Introduction to HTML.
Introduction to XHTML.
Introduction to Cascading Style Sheets (CSS).
2. USING WEB PAGE BASICS.
Create and Save a Web Page.
Display a Local Web Page in a Browser.
Create a Paragraph.
Insert New Lines and Spaces.
Create a Heading.
Add Comments to the Code.
Add an Image to a Web Page.
View Web Page Source Code.
Publish Your Web Page.
Organize Your Files.
Save and Open a Web Page.
3. FORMATTING AND ALIGNING TEXT.
Make Text Bold and Italic.
Adjust the Font Size.
Use Preformatted Text.
Use Quoted Text.
Add Superscript and Subscript.
Use Descriptive Tags.
Change the Font Color and Type.
4. LINKING WEB PAGES.
Create a Link.
Develop and Link to Anchors.
Set Tab Order for Links.
Show Tooltips for Links.
Use Mailto Links.
Link to a File.
Define Link Colors.
5. WORKING WITH IMAGES.
Display Images with Other Elements.
Change the Image Size.
Display Text Descriptions.
Make Images into Links.
Develop an Image Map.
6. WORKING WITH STYLE SHEETS.
Develop a Global Style Sheet.
Construct a Rule.
Use an Internal Style Sheet.
Apply a Rule to a Single Element.
Use a Class to Style Similar Elements.
Insert Local Styles.
Apply Styles to Web Page Sections.
Apply Rules to Multiple Elements.
Add Comments to Style Sheet.
Insert Page Breaks for Printing.
Apply Styles to Links.
Add Alternative Style Sheets.
7. APPLYING STYLE PROPERTIES.
Apply Style Sheets to Fonts.
Select a Typeface for Your Site Text.
Set Font Size.
Set Font and Background Color.
Create Borders Around Your Text.
Apply Italics and Bold Face.
Insert White Space and Control Indent.
Align Text to Fit Your Layout.
Change the First Letter and Line of Text.
Add a Background Image to Text.
8. SETTING PAGE LAYOUT.
Position Elements Absolutely.
Specify Width and Height of Elements.
Position an Element Relatively.
Adjust Padding and Margins.
Float an Element.
Show or Hide Elements.
Change the Mouse Pointer.
Draw an Outline.
Work with Element Overflow.
Use System Fonts and Colors.
9. DISPLAYING TABULAR DATA IN TABLES AND LISTS.
Create a Basic Table.
Define the Table Border.
Set Width and Height Properties.
Create Cells Spanning Multiple Columns and Rows.
Adjust Cell Properties.
Display a Bulleted List.
Display a Numeric List.
Nest a List.
Create a Definition List.
10. ADDING FORMS.
Create a Form.
Add a Text Box.
Insert a Text Area.
Build a Drop-Down Box.
Hide Data in a Form.
Include Check Boxes and Radio Buttons.
Configure Submit and Reset Buttons.
Allow File Uploads to Your Site.
Arrange Tab Order.
Disable and Lock Form Elements.
Group Related Form Elements.
Send Form Data Using E-mail.
11. WORKING WITH FRAMES.
Create a Frame-Based Web Page.
Create Rows and Columns of Frames.
Show or Hide Scroll Bars.
Work with Frame Borders.
Force the Frame Size.
Target Links to a Frame.
Use a Hidden Frame to Preload Images.
Display a Message for Non-Frame-Enabled Browsers.
Create a Floating Frame.2
12. PERFORMING BASIC HTML TASKS.4
Center Elements on a Web Page.
Apply Background Color and Images.
Lay Out a Web Page Using Tables.
Insert Spacer Images.
Add an XHTML Declaration.
Verify Your XHTML Code.
Enhance Site Promotion with HTML Tags.
13. ADDING MULTIMEDIA TO YOUR PAGE.
Add a Welcome Message.
Embed a Background Sound.
Include a Media Player in a Web Page.
Add a QuickTime Video to a Web Page.
Enable Users to Download a Media Player.
Add a Flash Presentation.
Create Moving Text.
Stream Video Using RealPlayer.
Utilize if Statements.
Create for Loops.
Use Event Handlers.
Generate Dynamic Content.
Display a Message.
Create a Pop-Up Window.
15. WORKING WITH XML.
Create an XML Declaration.
Add XML Elements.
Verify an XML Document.
View an XML Document.
Apply a Style Sheet.
Create and Validate Document Type Definitions.
16. TESTING AND VALIDATING WEB PAGES.
Watch for Common HTML Mistakes.
Check for Common XHTML Mistakes.
Look at Common CSS Problems.
Avoid Common Design Mistakes.
Check for Image Problems.
Search for Linking Problems.
Consider Browser Differences.
Employ Debugging Resources.
APPENDIX A: HTML SUMMARY.
HTML Tag Summary.
Core HTML Attributes.
APPENDIX B: CASCADING STYLE SHEETS SUMMARY.
Cascading Style Sheets Property Summary.
Sign up now »
- FTOS Web Applications DeveloperNSW
- FTTechnical Business AnalystNSW
- FTFlash / ActionScript Developer - ContractNSW
- FTJob Title: Mac Systems/ Enterprise Systems EngineerNZ
- FT.NET - Sitecore Developer - Melbourne - PermNSW
- FTLead Software EngineerSA
- FTSenior Python DeveloperNSW
- FTQuality ManagerSA
- FTR&D EngineerSA
This white paper details a number of best practices for migrating to SharePoint 2013. These best practices also apply to migrations to most earlier versions of SharePoint. Download now.
The nature of work has changed fundamentally and forever and it continues to evolve rapidly. Geographic distance and ...
"Suggesting that people's "purpose is to get information to flow through the ..."
Why change management doesn’t work
"Darn those pesky laws that get in the way of commercial exploitation ..."
Larry Page wants to see your medical records
"Instead of partitioning the device between corporate and personal data, another approach ..."
Dual-Persona Smartphones Not a BYOD Panacea
"Well that's a nice back-handed compliment isn't it? So now, finally, my ..."
After two-year hiatus, EFF accepts bitcoin donations again
"Actually, both Mobile App developers and CIOs should be blamed for it. ..."
CIOs struggle to deliver timely mobile business apps: survey
- Analytics and personalisation drive leading marketer behaviour: Report
- Innovation and big data take centre stage during CMO panel
- Twitter targets second screen interaction with Amplify advertising partnerships
- Facebook talks hyper-targeting, analytics and cross-platform at AANA event
- Tapping into social experience: Tourism Australia