Teach Yourself VISUALLY Web Design

Web design made it easy for visual learners. Good graphic design principles are combined with a functional user interface to create an effective Web site. This colorful, step-by-step guide shows visual learners how to plan, develop, and publish a site. The tasks are illustrated with screen shots and numbered steps. You will learn how to create great-looking Web sites that users will love.

Good Web design involves basic graphic design principles as well as the techniques required to make a site easy to navigate and user-friendly. This visual guide has full-color screen shots and step-by-step illustrations that will show you how to quickly get up to speed. Creating eye-catching content with popular Adobe tools, testing the site, taking it live, and keeping it up to date are some of the things covered. Code and design examples are included on theCompanion Web site. When someone shows you how to do something, it will make learning easier.

The back cover. Are you able to see? Do you prefer the instructions to show you how to do it? This book is for you if that’s the case. You will find step-by-step screen shots that show you how to tackle more than 150 Web design tasks if you open it up. You can get up and running with Web design in no time with each task-based spread.

You will learn.

The first thing to do is build links.

Crop and download images.

Embedded style sheets can be created.

Set up a page in a program.

Add multimedia to the mix.

Big topics are broken into bite-sized modules.

The explanations walk you through step by step.

Each task is demonstrated with full-color screen shots.

Practical tips and tricks can be found in the sidebars.

The instructions are step-by-step.

There are hundreds of color photos.

There is a table of contents.

There is a chapter on the Tools of Web Design and Planning.

A brief history of the internet.

Understanding browsers.

There are visual design tools.

Code-based tools can be used.

There are graphics programs.

Planning your site is important.

Understanding your audience is important.

You should gather your materials.

You should plan your navigation.

You should plan your file structure.

Chapter 2 is about getting started.

There is an introduction toHTML.

You can create your first web page.

You can save your web page.

You can preview a page in a browser.

Let us know your document type.

Add Headings.

Paragraphs should be added.

You can apply logical Formatting.

Understanding file paths and URLs.

You can link to other pages in your website.

There is a link on the Web.

There is a link within a page.

You can link to an E-mail address.

There is a link to other document types.

There are tool tips for links.

Chapter 3 is about creating images.

Understanding image formats is important.

Legally buying stock images.

Understanding how to make pictures look better.

You can download a stock image.

Get to know the interface of the program.

Get to know the interface of the program.

Use a program to fix colors.

Crop and Resize an image.

You can save an image to the web.

You can open an image for editing.

The best way to fix colors is with a program.

An image can be rearranged in the program.

You can crop an image in a program.

Resize an image.

You can save an image for the web.

Get to know the interface.

Get to know the interface.

A button can be created in fireworks.

In Fireworks, save an image for the web.

A logo can be created in Illustrator.

You can save an image for the web.

You can add an image to your website.

Make your images accessible.

Images can be used as links.

Chapter 4 shows how to format your pages.

There is an introduction toCSS.

An embedded style sheet can be created.

Understanding units of measurement

You can set the text size on your page.

Understanding color on the internet.

Kuler can be used to determine a color scheme.

Text color should be set.

The background color should be set.

A background image can be added.

Control the background image.

There are position background images.

There is additional text that can be applied.

Align and indent text.

Spacing should be applied with padding.

Whitespace can be controlled with margins.

You can specify the width.

Borders should be added.

Chapter 4 is about advancedCSS.

The style is Multiple Elements.

Text can be formatted with SPANS.

Group elements with divisions.

You can apply styles with classes.

Styles can be applied with IDs.

Contextual Selectors can be used.

There are pseudo- elements.

You can use pseudo-classes.

An External style sheet can be created.

A style sheet can be linked to a page.

Use it.

Chapter 6 is about laying out pages.

You should set up your page for the style 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846 888-666-1846

There are elements that float.

Margins and padding can be used to fix float problems.

Work with overflow.

Chapter 7 adds tables and lists.

Data tables can be added.

Tables are formatted withCSS.

There are complex tables.

It’s a good idea to add a Header Row.

Table sections should be added.

Add an unordered list.

An ordered list can be added.

There are style lists.

Chapter 8 is about creating a page.

There is an introduction to the interface.

A site can be defined in Dreamweaver.

A new document can be created.

The logo placeholder needs to be replaced.

The main content should be replaced.

The Sidebar and Footer should be replaced.

Add navigation.

Add pictures.

An image can be inserted.

A image can be edited in a program.

You can modify theCSS.

Add new styles.

You can preview the page using live view.

You can preview the page in a browser.

You can preview the page in other browsers.

Chapter 9 adds activity and multimedia.

There is an introduction to javascript.

You can put javascript in the browser.

Write something.

The visibility of an object can be changed.

Spry can be used to create a menu.

You can create a calendar control.

An image gallery can be created.

It is possible to create animation using flash professional.

A movie can be made in a flash.

A flash movie can be added to a page.

A video can be converted to a flash video.

There is a way to add flash video.

Add video to your browser.

Chapter 10 is about making sites accessible.

Understanding web standards is important.

Understanding the accessibility of the internet.

Summaries and Captions can be added to tables.

Table Headings can be created.

It is possible to create accessible navigation.

Chapter 11 adds forms to your site.

A form can be created.

You can add a text field.

You can add a label.

Check boxes should be added.

Radio buttons should be added.

A drop-down list can be created.

You can insert a text area.

You can add a button to your form.

Group related form elements

Chapter 12 is about creating dynamic pages. .

Understanding Dynamic Web Applications

WAMP can be downloaded and installed on Windows.

MAMP can be installed on a Mac.

You can create a basic page.

You can save and test a page.

Form data can be processed.

It is possible to send an e-mail with a hypertext link.

External files should be included.

You can create your own function.

Chapter 13 deals with adding information from a database.

Understanding databases.

A database can be created.

A table can be created.

Populate the table with data.

The database needs to be connected to the PHP programming language.

The table’s contents can be seen on a Web Page.

You can search the database.

New data can be inserted into a table.

Chapter 14 is about publishing your site.

You can find a web host.

You can buy a domain name.

You can publish your website using a FTP server.

In Dreamweaver, set up remote server information.

Your files can be uploaded using Dreamweaver.

Understanding how search engines work.

Meta tags are used.

Use the Webmaster Tools on the internet.

You can create a Sitemap.

Pages should not be listed on search engines.

The colors are in the code.

Index.

At learnbeacons.co, you can get a free download of Rob Huddleston.