Web Design from the Ground Up - XHTML, CSS and Web Graphics

Web Design from the Ground Up - XHTML, CSS and Web Graphics

von: Steven V. Taylor

Web Schools International, 2010

ISBN: 9781609840662 , 350 Seiten

Format: ePUB

Kopierschutz: DRM

Windows PC,Mac OSX geeignet für alle DRM-fähigen eReader Apple iPad, Android Tablet PC's Apple iPod touch, iPhone und Android Smartphones

Preis: 17,29 EUR

Mehr zum Inhalt

Web Design from the Ground Up - XHTML, CSS and Web Graphics


 

INTRODUCTION9

WHO SHOULD READ THIS BOOK

CONVENTIONS USED IN THIS BOOK

HOW YOU LEARN FROM THIS BOOK

HOW THE WEB WORKS

GETTING HELP

LET’S GET STARTED!

WINDOWS TOOLS

Mac Editors

Browsers

Image Software

KEEPING IT ORGANIZED

SUMMARY

2 INTRODUCTION TO XHTML

STRUCTURE OF A WEB PAGE

The doctype

The html Element

The head Element

The meta Element

The title Element

The body Element

YOUR FIRST WEB PAGE

THE LIST ELEMENT

SUMMARY

3 YOUR FIRST WEB SITE

THERE’S NO PLACE LIKE HOME

Start with the Title

Special Characters

Figure 3-5. Common Entities

CONTENT IS KING

IMAGES AND GRAPHICS

COMMENTING YOUR CODE

GIVING YOUR PAGES STRUCTURE

NESTING

CREATING MULTIPLE PAGES

index.html

about.html

contact.html

NAVIGATION

ADVANCED LINKING

Absolute Link

Relative Link

Email Links

BOLD AND ITALICIZED TEXT

TIME FOR A BREAK

SUMMARY

4 GOTTA HAVE STYLE

INLINE STYLES

THE SPAN ELEMENT

EMBEDDED STYLE SHEETS

EXTERNAL STYLE SHEETS

Your First External CSS File

ADDING STYLES TO THE STYLE SHEET

Fonts

A WHOLE NEW LOOK

Have Some Fun

STYLING ELEMENTS IN CONTEXT

GROUPING STYLES TOGETHER

Conflicting Rules

LINK STYLES

Link States

Clearing the Browser Cache

SELECTORS WITH CLASS

SUMMARY

5 DESIGNING YOUR LAYOUT WITH CSS

BLOCK-LEVEL ELEMENTS AND INLINE ELEMENTS

Block-Level Elements

Inline Elements

Nesting Rules

STYLING BLOCK-LEVEL AND INLINE ELEMENTS

Setting the Width

Setting the Height

BORDERS

Border Style for Individual Sides of an Element

Shorthand Borders

Padding

Margins

The Box Model

CSS LAYOUT

POSITIONING ELEMENTS

ABSOLUTE POSITIONING

Moving Our Blocks

OTHER OPTIONS FOR LAYOUT

Relative Positioning

Relative and Absolute Positioning Together

Float Positioning

STYLING LISTS

Complete CSS Menu

SUMMARY

6 TABLES

THE BAD OLD DAYS

XHTML TABLES

STYLING TABLES

ACCESSIBILITY

Accessible Tables

Summary Attribute

Caption Element

Scope Attribute

MERGING TABLE CELLS

SUMMARY

7 WORKING WITH IMAGES

IMAGE SOFTWARE

IMAGE RESOLUTION

IMAGE FILE TYPES

JPEG

GIF

PNG

ADOBE PHOTOSHOP

SETTING THE BACKGROUND IN CSS

TRANSPARENCY

Adding Our Logo to the Header

Summary

8 FORMS: GETTING INPUT FROM USERS

THE FORM ELEMENT

action

The fieldset Element

The legend Element

The input Element

DESIGN WORKSHEET FOR PROJECT SITE

The "Design Worksheet" Page

Add Design Worksheet to Our Nav Menu

The Design Worksheet Form

Checkboxes and Radio Buttons

Select Element

Textarea Element

The Submit...