1. 1 Understanding Dreamweaver CS3 Chinese Version 2

1.1.1Dreamweaver CS3 Introduction 2

1. 1.2 system configuration requirements2

1.2 Dreamweaver CS3 Work Interface 3

1.2. 1 menu bar 3

1.2.2 Insert in the fourth column.

1.2.3 Property Panel 5

1.2.4 panel group 5

1.2.5 file window 5

1.3 Experience the new features of Dreamweaver CS3 5

1.3. 1 Spry Framework 6 for Ajax.

1.3.2 Lightness effect 6

1.3.3 Adobe Photoshop and Fireworks Integration 6

1.3.4 CSS layout template 6

1.3.5 adobe bridge CS3 7

1.4 Create Site 7

1.4. 1 Create a website with a wizard 7

1.4.2 Set the site 10 through the advanced tab.

1.5 Manage multiple sites 14

1. 5. 1 edit site 14

1.5.2 Delete site 14

1.5.3 Replication site 15

1.6 construction site structure 15

1.6. 1 Create folder 16

1.6.2 Create file 16

1.6.3 moving and copying files or folders 17

1.6.4 Delete a file or folder

1.6.5 Set Home Page 17

1.7 Create a local site 18

1.8 Summary of this chapter 20

1.9 Exercise 20 after class

Chapter 2 Creating Text Web Pages Easily 2 1

2. 1 Creation and preservation of web pages 22

2.2 Setting Page Properties 23

2.2. 1 Appearance 23

Link 24

Title 25

2.2.4 Title/Code 25

2.2.5 Tracking image 26

2.3 Enter text 27

2.3. 1 Add plain text 27

2.3.2 Adding Special Characters 28

2.3.3 Add a space 30 between characters.

2.3.4 Insert horizontal line 32

2.4 Formatting Text 33

2.4. 1 character format 33

2.4.2 Changing Font 34

2.4.3 Setting the text size 35

2.4.4 Setting the font color 35

2.4.5 Adjustment of paragraph 36

2.4.6 Indentation of paragraph 36

2.5 Create project list and numbered list 37

Create Project List 37

2.5.2 Create a numbered list 38

2.6 Setting Header Information 38

2.6. 1 Set the title 39

2.6.2 Setting Yuan 39

2.6.3 Insert keyword 39

Insert note 40

Insert refresh 40

2.7 Method of Creating Links 4 1

2.7. 1 Create a link using the property panel 4 1.

2.7.2 Create a link with a file icon 4 1.

2.7.3 Use menu commands to create links 42

Direct drag 42

2.8 Creating Hyperlink Instances 43

Create a text link 43

2.8.2 Create an email link 44

2.8.3 Create a link to the downloaded file 46

2.8.4 Create an image hotspot link 47

2.8.5 Create an anchor link 50

2.8.6 Empty Link 53

Script link 54

2.9 Create a Basic Text Web Page 56

2. 10 Overview of this chapter 58

2. 1 1 Exercise after class 59

Chapter 3 Images and Multimedia 6 1

3. 1 Insert the image 62 into the webpage

3. 1. 1 Insert webpage picture 62

3. 1.2 Setting image properties 64

3. 1.3 Crop image 66

3. 1.4 Optimizing images with Photoshop 67

3. 1.5 Adjust the brightness and contrast of the image 67

3. 1.6 Sharpen the image 68

3.2 Insert other web page images 69

3.2. 1 background picture 69

3.2.2 Using the Tracking Image 70

3.2.3 Create Mouse Hover Image 7 1

3.2.4 Insert navigation bar 74

3.3 Add Sound 75

Adding background music through behavior 75

3.3.2 Adding background music with code hints 77

3.4 Add Flash Movies 79

3.4. 1 Insert Flash Movie 79 in Dreamweaver

3.4.2 Making Flash Text81

3.4.3 Making Flash Button 83

3.5 Insert video file 86

3.6 Insert Other Media Objects 88

3.6. 1 Insert Shock Wave Movie 88

3.6.2 Insert Java applet 89

3.6.3 Insert ActiveX control 9 1

3.7 Comprehensive example 92

3.7. 1 Create a mouse through the image navigation bar 92

3.7.2 Create a Web page with mixed graphics and text 94

3.7.3 Inserting Media Instances in Web Pages 96

3.8 Overview of this chapter 99

3.9 Exercise after class 99

Chapter 4 Using Tables to Arrange and Layout Web Pages 102

4. 1 Insert tables and table elements 103

4. 1. 1 insert table 103

4. 1.2 Set table properties 104

4. 1.3 Add content to cell 105

4.2 Select table element 106

Select the form 106.

4.2.2 Select row or column 107

4.2.3 Select the cell 107.

4.3 Basic Operation of Form 108

4. 3. 1 Resize tables and cells 108

4.3.2 Add or delete rows or columns 1 10.

4.3.3 Resolution unit 1 1 1

4.3.4 Merge cells 1 12

4.3.5 Cut, copy and paste the cell 1 12.

4.4 Sorting and sorting table contents 1 13

4.4. 1 Import tabular data 1 13

4.4.2 Classification table 1 15

4.5 sample training 1 16

4.5. 1 collate the data in table 1 17

4.5.2 Create a fillet table 1 18.

4.5.3 Create Thin Line Table 120

4.5.4 Web page layout with tables 122

4.6 Overview of this chapter 130

4.7 after-class exercises 130

Chapter 5 Using Frames and Div to Layout Web Pages 133

5. 1 Overview of Framework Web Page 134

5.2 Creating Frames and Framesets 134

5.2. 1 Create frameset 134

5.2.2 Insert the predefined frameset 135.

5.2.3 Save the frame and frameset file 136.

5.3 Selecting Frames and Framesets 137

5. 3. 1 Select a frame or frameset in the frame panel 137.

5.3.2 Select a frame or frameset 138 in the document window.

5.4 Setting Frame and Frameset Properties 138

5.4. 1 Set frame properties 138.

5.4.2 Setting frameset properties 139

5.5 About AP Div 139

5.5. The concept of1apdiv140

AP partition panel 140

5.6 insert AP Div 140.

5.6. 1 Create an ordinary AP Div 14 1.

5.6.2 Create a nested AP Div 142.

5.7 Set the properties of AP Div 142.

5.7. 1 Set the display/hide properties of AP Div 142.

5.7.2 change the stacking order of AP Div 143.

5.7.3 Set the basic attributes of AP Div 144.

5.7.4 change the visibility of AP Div 145.

5.8 basic operation of apdiv145

5.8. 1 activate AP partition 145.

Select AP Div 146.

5.8.3 Mobile AP Department 147

5.8.4 scale AP Div 148.

Align AP partition 148.

Conversion between apdiv and table 149

5.9. 1 Convert AP Div to table 149.

5.9.2 Convert the table into AP Div 15 1.

5. 10 Layout object with Spry 152

5. 10. 1 Use the Spry menu bar 152.

5. 10.2 Use Spry tabbed panel 154

5. 10.3 use Spry folding 155.

5. 10.4 use Spry foldable panel 157.

5. 1 1 comprehensive example 158

Create a floating frame 158

5. 1 1.2 Create a complete frame page instance 16 1.

5. 1 1.3 Make a web page drop-down menu with AP Div 167.

5. 12 Overview of this chapter 169

5. 13 exercises after class 170

Chapter 6 Using CSS Style Sheets to Make Web Pages More Beautiful and Easy to Maintain 17 1

6. 1 Understanding CSS Style Sheets 172

6.2 CSS Basic Syntax 173

6.3 Set CSS properties 174

6.3. 1 Set CSS type properties 174

6.3.2 Setting CSS background attribute 175

6.3.3 Set CSS block attribute 175

6.3.4 Set CSS box properties 176.

6.3.5 Set CSS border attribute 177

6.3.6 Setting CSS list properties 177

6.3.7 Set CSS positioning attribute 178

6.3.8 Set CSS extension properties 179

6.4 Linking or exporting external CSS style sheets 179

6.4. 1 Create internal style sheet 180

6.4.2 Create an external style sheet 18 1

6.4.3 Link external style sheet 182

Practice makes perfect 184

6.5. 1 Use CSS style to define font size 185.

6.5.2 Use CSS style 187 to make shadow text.

6.6 Overview of this chapter 190

6.7 after-school exercise 19 1

Chapter 7 Using Behavior to Make Web Special Effects 194

7. 1 behavior overview 195

7. 1. 1 cognitive events 195

7. 1.2 Action type 196

7.2 Make a pop-up window with the specified size of 196.

7.3 calling JavaScript 199

7.3. 1 Using JavaScript to realize printing function 199.

7.3.2 Use JavaScript to close the webpage 200.

7.4 Setting up Browser Environment 202

Check table 202

7.4.2 Check the browser 203

7.4.3 Check the plug-in 205

7.5 Setting Image Special Effects 206

7.5. 1 preload image 206

7.5.2 Exchange images 208

7.5.3 Resume image exchange 2 10

7.5.4 Set the navigation bar image 2 1 1

7.6 Setting Text 2 13

7.6. 1 Set status bar text213

7.6.2 Set the text field Text 2 14.

7.6.3 Setting Frame Text216

7.7 Jump Menu 2 16

7.8 Go to URL 2 18.

7.9 Setting Effect 220

7.9. 1 increase or decrease effect 220

Squeezing effect 222

7.9.3 Vibration Effect 224

7.9.4 Display/Fade Effect 225

7. 10 Overview of this chapter 226

7. 1 1 after-class exercises 226

Chapter 8 Using Templates, Libraries and Plug-ins to Improve the Efficiency of Web Page Making 229

8. 1 Create Template 230

8. 1. 1 Create template directly 230

8. 1.2 Create a template from an existing document 23 1

8. 1.3 Create an editable region 23 1

8.2 Creating a Web Page by Applying a Template 233

8.3 Apply the template to the existing webpage and delete the template 235.

Applying a template to an existing web page 235

Delete template 237

8.4 Updating templates and other web pages 237

8.5 Creating and Applying Libraries 239

8.5. 1 Create existing content as a library 239

8.5.2 Applying the Library 240 in the Web Page

8.5.3 Edit and update the webpage 24 1

8.5.4 Separating library items from source files 242

practice makes perfect

8.6. 1 Create enterprise website template 243

8.6.2 Creating a Web Page Using a Template 249

8.6.3 Making background music webpage 25 1

8.6.4 Create a randomly switched advertisement graph using plug-ins 253

8.6.5 Create a floating advertising web page 256 using the floating image plug-in.

8.6.6 Using plug-ins to make text with color gradient 257

8.6.7 Use plug-ins to display different greetings 258 at different times.

8.6.8 Using plug-ins to make the effect of prohibiting the right mouse button 260

8.6.9 Using plug-ins to make typing effect status bar text 262

8.7 Overview of this chapter 263

8.8 Exercise after class 263

Chapter 9 Using Forms to Make Interactive Web Pages 265

9. 1 Create Form 266

9. 1. 1 Create Form Field 266

9. 1.2 Setting Form Properties 267

9.2 Create Text Fields 267

9.2. 1 Single Line Text Field and Password Text Field 267

9.2.2 Hidden Domain 270

9.2.3 Multiline Text Field 270

9.3 Create check boxes and radio buttons 272

9.3. 1 check box 272

9.3.2 Radio buttons and radio button groups 273

9.4 Create lists and menus 276

9.4. 1 drop-down menu 276

Scroll list 277

9.5 Create Jump Menu 277

9.6 Create File Fields and Image Fields 279

9.6. 1 Create File Domains 279

9.6.2 Creating an Image Domain 280

9.7 Comprehensive Example 28 1

9.7. 1 Create Email Feedback Form 28 1

9.7.2 Making Customer Questionnaire 287

9.8 Overview of this chapter 292

9.9 Exercise after class 293

Chapter 10 Dynamic Web Page Foundation 294

10. 1 View source code 295

10.2 coding 295 in Dreamweaver

10.2. 1 Set the background music according to code prompt 295.

10.2.2 Quickly Create a Web Page with Code Snippets 297

10.2.3 Insert the floating frame 298 with the tag selector.

10.2.4 use the tag editor to edit the tag 300.

10.2.5 Edit Label 300 with Label Inspector.

The subtitle tag 300 is inserted using a tag editor.

Insert comment 304

10.4 building a dynamic network platform305

10. 4. 1 Install Internet Information Server (IIS) 305.

10.4.2 Setting up Internet Information Server (IIS) 306

Create a database connection 308

10.5. 1 defines the system DSN 308.

10.5.2 Establish system DSN connection 309

10.6 Edit Datasheet Record 3 10

10. 6. 1 Create Recordset 3 10

10.6.2 Insert record 3 12

10.6.3 Update record 3 13

Delete record 3 14

10.7 Add server behavior 3 14

10.7. 1 Insert repeat region 3 15.

10.7.2 Insert into the display area 3 15

10.7.3 Recordset Paging 3 16

10.7.4 Go to the details page 3 16.

10.7.5 Go to related page 3 17.

10.7.6 User authentication 3 18

10.8 Create a message system 320

10.8. 1 Create database

10.8.2 setting data source ODBC 322

10.8.3 Define database connection 323

10.8.4 Making and publishing messages 323 pages

10.8.5 Making and Displaying Information Pages 327

System test 330

10.9 Abstract of this chapter 33 1

Exercise 33 after class1

Chapter 1 1 Design Typical Dynamic Website Module 334

1 1. 1 press release system 335

Analysis of11.1.654338+0 news release system5466.00000000001

1 1. 1.2 design database 336

1 1. 1.3 Create a database connection 338

1 1. 1.4 news list page 339

1 1. 1.5 news details page 343

1 1. 1.6 administrator login page 345

1 1. 1.7 news list management page 349

1 1. 1.8 news added page 353.

1 1. 1.9 news modification page 357

11.1.10 news delete page 359.

1 1.2 making online survey system 36 1

1 1.2. 1 survey system overview 36 1

1 1.2.2 making database table 362

1 1.2.3 Create a database connection 363

1 1.2.4 Making Survey Information Page 363

1 1.2.5 production survey results page 368

1 1.3 Summary of this chapter 377

1 1.4 Exercise 377 after class

Chapter 12 Design and make personalized personal website 378

12. 1 personal website design points 379

12.2 Main column 379

12.3 making home page of personal website

12.3. 1 Create header file 380

12.3.2 Create Profile Part 383

Create a personal diary Part 385

12.3.4 Making Copyright Files 387

12.4 Making homepage special effects 388

12.4. 1 produces the special effect of displaying the stay time in the status bar 388.

12.4.2 produces the special effect of playing music randomly by refreshing the webpage.

12.5 Summary of this chapter 39 1

12.6 Exercise after class 39 1

Chapter 13 uses CSS+DIV to design enterprise website 392.

Website planning 393

Advantages of 13. 1. 1 CSS layout.50000.000000000605

Determine the main columns of the website

13.2 design enterprise website 394

13.2. 1 Import external CSS 394

13.2.2 making top-level documents 396

Brief introduction of production company 398

13.2.4 Latest Announcement 399

13.2.5 making the latest information 40 1

13.2.6 Production member login 404

13.2.7 making copyright file 406

13.3 Summary of this chapter 408

13.4 Exercise after class 408

Chapter 14 Designing and Making Colorful Online Shopping Websites 409

14. 1 Overview of Shopping Website Design 4 10

14.2 Create database table 4 1 1

14.3 Create a database connection 4 12

14.4 Making Home Page of Shopping System 4 13

14. 4. 1 manufactured product classification display page 4 13

14.4.2 Making Product Details Page 4 18

14.5 making shopping system background management 420

14.5. 1 production administrator login page 420

14.5.2 making and adding product classification page 423

14.5.3 Making Product Addition Page 427

14.5.4 Production commodity management 429 pages

14.5.5 Make a modified page 434

14.5.6 production deleted page 436.

14.6 Summary of this chapter 440

14.7 Exercise 440 after class

Appendix A HTML common tag 44 1

Appendix B CSS attribute list 445

Appendix C Common Web Page Color Matching 448

……