book

Foundation Macromedia Dreamweaver MX 2004

Name: Foundation Macromedia Dreamweaver MX 2004
ISBN: 9781590593080

by Craig Grannell, David Powers, George McLachlan

February 2004

Intermediate to advanced

450 pages

10h 55m

English

Apress

Read now

Unlock full access

Copyright
ABOUT THE AUTHORS
INTRODUCTION
1. INTRODUCING DREAMWEAVER MX 2004
1.1. What is Dreamweaver?1.2. The start page1.3. Your first website1.3.1. Setting up browsers1.3.1.1. Creating the page1.4. Summary
2. INTRODUCING YOUR CASE STUDY
2.1. Introduction2.2. The case study2.3. Brainstorming2.4. Gathering and organizing content2.4.1. Creating a site map2.5. Summary
3. WORKING WITH DREAMWEAVER
3.1. The Dreamweaver interface3.2. What's new?3.2.1. Menus3.2.2. Insert bar3.2.2.1. Customizing favorite objects3.2.3. Document window3.2.4. Properties panel3.2.5. Other panels3.2.5.1. Panel groups3.2.5.2. Arranging panels3.2.5.3. The Files panel3.2.6. Preferences3.2.6.1. Setting up your website3.3. Summary
4. CREATING A LAYOUT
4.1. Designing the layout4.1.1. Initial layout ideas4.1.1.1. Don't touch that computer4.1.1.2. Getting inspired4.1.1.3. Organization and structure4.2. Creating the layout4.3. Building the layout4.3.1. Exporting images4.3.1.1. File formats4.3.1.2. Using software4.3.1.3. Saving the files4.4. Summary
5. Beginning Page Layout in Dreamweaver
5.1. Layout types5.1.1. Plain text5.1.2. Frames5.1.2.1. Creating frames in Dreamweaver5.1.3. Layers5.1.3.1. Creating layers in Dreamweaver5.1.4. Tables5.1.4.1. Creating tables in Dreamweaver5.1.4.2. Editing a table5.1.5. Cascading Style Sheets5.1.5.1. Creating and attaching a Style sheet5.2. CSS classes5.2.1.5.2.1.1. Creating a class5.2.1.2. Editing a class5.3. The case study5.3.1.5.3.1.1. The first page5.3.1.2. Creating and attaching external files5.3.1.3. Setting page defaults with CSS5.4. Summary
6. INTERNAL PAGE LAYOUT
6.1. Working on the layout6.1.1.6.1.1.1. Wrapping up your site6.1.1.2. Adding the masthead and navigation6.2. Creating the content area6.2.1.6.2.1.1. Setting up the content area6.2.1.2. Styling the content area6.2.1.3. Adding a footer6.3. Adding copy and images6.3.1.6.3.1.1. Finishing the copy area6.4. Semantic mark-up explanation6.4.1.6.4.1.1. Completing the photo area6.4.1.2. Building and styling the footer6.4.1.3. Styling website links6.5. Summary
7. Creating Templates
7.1.7.1.1. Creating a template7.1.2. Ceating a page on a template7.1.3. Editing the template7.1.4. Working with embeded templates7.1.5. A template for your case study7.2. Summary

8. Adding Content
8.1.8.1.1. The news page8.1.2. The about page8.2. The gallery8.2.1. Creating the initial gallery page8.2.2. Creating the gallery pages8.2.3. Creating the contact page8.2.4. Setting up FormMail8.3. Summary
9. Working with Code
9.1. A different view9.2. Code preferences9.2.1. General9.2.2. Accessibility9.2.3. Code coloring9.2.4. Code Format9.2.5. Code Hints9.2.6. Code Rewriting9.2.7. View Options9.3. Working with code9.3.1.9.3.1.1. Adding HTML tags and elements9.3.2. The Tag Editor9.3.3. JavaScript9.3.3.1. Using a simple JavaScript behavior9.3.4. Raw coding9.3.5. Snippets9.3.5.1. Creating and using snippets9.3.6. Getting your <head> checked9.4. Upgrading page elements9.4.1.9.4.1.1. Front page random image9.4.1.2. A better gallery9.4.1.3. Enhancing the navigation bar9.5. Testing and validation9.5.1. Centering a site in IE 5.5 on Windows9.5.2. White space bugs9.5.3. The XML prolog9.5.4. Opera padding9.5.5. The box model9.5.6. The case study site9.6. Checking compatibility9.6.1. Validating CSS9.7. Going further9.8. Summary
10. INTRODUCING DYNAMIC CONTENT WITH PHP
10.1. What are dynamic sites?10.1.1. Why use PHP?10.2. PHP: More than just an acronym10.3. The Apache web server10.4. Installation10.4.1.10.4.1.1. Installing Apache and PHP on a PC10.4.2. Troubleshooting10.4.3. Running IIS and Apache together10.4.3.1. Installing PHP for Windows10.4.3.2. Configuring PHP to work with Apache10.4.4. Changing the Apache Port10.5. Setting up Apache and PHP in Mac OS X10.5.1.10.5.1.1. Starting Apache10.5.1.2. Installing PHP10.5.2. PHP extensions (Windows and Mac)10.5.2.1. Testing your PHP installation10.5.3. Troubleshooting10.5.3.1. Setting up a PHP site10.5.4. Troubleshooting10.6. Summary
11. GETTING INTERACTIVE WITH FORMS
11.1.11.1.1.11.1.1.1. Putting PHP to work11.1.2. Troubleshooting11.2. The basic grammar of PHP11.2.1. The ever-elusive but oh-so-important semicolon11.2.2. Commenting scripts11.2.3. Variables11.2.4. Data types11.3. Handling text in PHP11.3.1. Single or double quotation marks?11.3.2. The humble dot with a fancy name11.4. Doing calculations with PHP11.4.1. When the equal sign doesn't mean equal11.4.2. Back to school with arithmetic operators11.4.2.1. Bringing the confirmation page to life11.5. Summary
12. Pages That Think for Themselves
12.1. Decisions, decisions...12.1.1.12.1.1.1. Waiving the delivery charge12.2. How PHP makes decisions12.2.1. Using if statements12.2.2. Using comparison operators12.2.2.1. Mixing up the assignment and equality operators12.2.3. Back to decision making12.2.4. Using if... else statements12.2.5. Using if... elseif statements12.2.6. Using switch statements12.3. Handling repetitive operations with loops12.3.1. The while loop12.3.2. The do... while loop12.3.3. The for loop12.3.4. Shorthand using combined assignment operators12.3.4.1. Using a loop to alternate table row colors12.4. Arrays12.4.1. Looping through arrays12.4.2. The foreach loop12.4.3. Multidimensional arrays12.5. Functions12.5.1.12.5.1.1. A custom-built currency converter12.6. Reusing PHP code with the Snippets panel12.6.1.12.6.1.1. Making a snippet to format currencies12.6.1.2. Mailing the output of a form12.7. Summary
13. PHP/MySQL: The Real Dynamic Duo
13.1. Installing MySQL13.1.1. Windows installation13.1.2. MySQL monitor13.1.3. Mac OS X installation13.2. Testing, testing! (Windows and Mac OS X)13.3. Making MySQL secure13.4. phpMyAdmin: A user-friendly front end for MySQL13.4.1. Configuring phpMyAdmin13.5. Building your first PHP database application13.5.1. Step 1: Planning your database structure13.5.2. Step 2: Creating the database table with phpMyAdmin13.5.3. Step 3: Preparing the data entry form in Dreamweaver MX 200413.5.4. Step 4: Validating the form13.5.5. Step 5: Building dynamic links between the form and database13.5.6. Step 6: Testing data input13.5.7. Step 7: A dynamic page to retrieve and display the data13.6. Summary
14. SECURE LOGIN AND REGISTRATION
14.1. Protecting yourself from the bad guys14.1.1.14.1.1.1. Testing your site's security14.1.2. PHP superglobals14.1.3. Other simple security measures14.2. Working with PHP sessions14.2.1.14.2.1.1. A simple session example14.3. Building a registration/login application14.3.1.14.3.1.1. Building the database table and registration form14.3.2. Validation14.3.2.1. Applying Check Form MX and inserting data14.3.3. Security issues14.3.3.1. Avoiding multiple usernames and encrypting passwords14.3.3.2. Creating the login system14.3.3.3. Testing the application14.3.4. Expanding the restricted area14.4. Debugging problems with PHP and MySQL14.5. Summary
15. CASE STUDY: A CONTENT MANAGEMENT SYSTEM
15.1. What a content management system does15.1.1.15.1.1.1. Preparing Images from Iceland to work with PHP15.2. Defining and planning the CMS15.2.1.15.2.1.1. Planning and creating the database tables15.2.2. The cms_news table15.2.3. The cms_contact table15.2.4. The cms_about table15.2.4.1. Initializing the cms_contact and cms_about tables15.2.4.2. Converting the static pages to dynamic ones15.2.4.3. Converting index.php15.2.4.4. Converting about.php15.2.4.5. Converting contact.php15.3. Administering the CMS15.3.1.15.3.1.1. Building the administration system15.3.1.2. Building the news management page15.3.1.3. Building the management page for about.php15.3.1.4. Building the management page for contact.php15.3.1.5. Securing the administration area15.4. Testing and refining the system15.4.1.15.4.1.1. Formatting the news item dates15.4.1.2. Adding a navigation bar for news items15.4.1.3. Showing contact details selectively15.4.1.4. Putting your site on the Internet15.5. Summary
A. DREAMWEAVER EXTENSIONS
A.1. Obtaining the Extension ManagerA.2. How to use the Extension ManagerA.2.1.A.2.1.1. Installing an extensionA.2.2. Extension compatibilityA.3. Disabling and removing extensionsA.3.1.A.3.1.1. Disabling an extension temporarilyA.3.1.2. Removing an extension permanentlyA.3.2. Upgrading Dreamweaver or moving to a new computerA.4. Where to find extensionsA.4.1. Massimo CornerA.4.2. Project SevenA.4.3. DreamweaverFAQ.comA.4.4. DMXZoneA.4.5. Community MXA.4.6. YaromatA.4.7. RawvegA.4.8. Dreamweaver MX SupportA.4.9. MM-ExporterA.4.10. Computer Bookshelf

Content preview from Foundation Macromedia Dreamweaver MX 2004

Chapter 4. CREATING A LAYOUT

What we'll cover in this chapter

Designing a layout
Sketches and planning for visuals
Web limitations
Building a layout overview
Web file formats

You now have an idea of what your site's going to contain and how the information is going to be structured. The next step is to decide how the site is going to look. In this chapter, you'll design your layout, bearing in mind the limitations of online design. You'll work first offline, and then in a graphics editor, where the design will be optimized for ease of export (more on that later). You'll then export relevant images for use in the next few chapters.

Designing the layout

At the end of Chapter 2, you had the site map shown in Figure 4-1.

Figure 4.1. Site map

Note

This site is ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781590593080

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design