Dreamweaver CS5 Chinese Basic Course Catalogue

Chapter 1 Dreamweaver CS5 Web Design Foundation

1. 1 web design basis 1

1. 1. 1 history of web design 1

1. 1.2 Basic concepts of web pages 3

1. 1.3 basic process of web design 5

1.2 Understanding the HTML language 6

Basic concepts of 1.2. 1 HTML 7

65438+ 0.2.2 tag of normal HTML 8

1.2.3 typical example-designing a "scrolling picture display" web page 10

1.3 Dreamweaver CS5 Web Design Basis 13

Dreamweaver CS5 Operation Basis 1.3. 1 13

1.3.2 Typical example-Design the homepage of "Corporate Publicity" 15

1.4 using skills-using HTML templates to quickly create web pages 23

1.5 Exercise 25 after class

Chapter 2 Adding Basic Page Elements 26

2. 1 Add Web Text 26

2. 1. 1 Text addition and arrangement method 26

2. 1.2 Typical example-designing a "company profile" webpage 35

2.2 Add Image 39

2.2. 1 image adding and editing method 40

2.2.2 Typical Example-Designing a "Pet Paradise" Web Page 49

2.3 Comprehensive Example-Design "Flower World" Homepage 5 1

2.4 Usage Skills-Creating Web Pages by Copying and Paste 54

2.5 Exercise 54

Chapter 3 Add Advanced Page Elements 55

3. 1 Add Multimedia 55

3. 1. 1 multimedia adding and editing method 55

3. 1.2 Typical example —— Design "Online Cinema" Webpage 6 1

3.2 Add Hyperlinks 63

3.2. 1 hyperlink adding and editing method 63

3.2.2 Typical example-"Children's Paradise" website design 74 pages

3.3 "523 Music Network" Comprehensive Case Design 77

3.4 Usage Skills-Checking and Repairing Links 79

3.5 Exercise 80

Chapter IV Application Form 8 1

4. 1 application form typesetting webpage 8 1

4. Basic operation methods of1.1Table 8 1

4. 1.2 Typical example-designing "green action" webpage 88

4.2 Application Form Layout Page 92

4.2. 1 table layout operation method 92

4.2.2 Typical example-"Real Estate Agency" Web page design 96

4.3 Comprehensive Example-"Product Sales" Web Design 105

4.4 Usage Skills-Use CSS to make personalized forms 1 1 1

4.5 Exercise 1 12

Chapter V Application Framework 1 13

5. 1 Application Framework Layout Page 1 13

5. Basic concepts and operations of1.1framework 1 13

5. 1.2 Typical example-designing the website of "advertising company" 12 1

5.2 Comprehensive Example-Design of "Game Forum" website 124

5.3 Usage Skills-Application Method of Embedded Framework 129

5.4 Exercise 13 1

Chapter 6 applies Div and CSS 132.

6. 1 application partition 132

6. Basic concepts and operations of1.1div132

6. 1.2 typical example-design "search net" 142

6.2 the application of CSS146

Basic knowledge of CSS 146

6.2.2 Beautify the webpage with CSS table 149.

6.2.3 Typical Case —— Design of "Decoration Company" webpage 156

6.3 "Automobile Company" Website 160 Comprehensive Case Design

6.4 Usage Skills-Set the transparency of AP layer 165

6.5 exercise 166

Chapter VII Application Form 167

7. 1 Create Form 167

7. 1. 1 how to create a form 167

7. 1.2 typical example-designing "civilian community" web page 175

7.2 Write-off Sheet 179

7.2. 1 Write-off Sheet 179 Operation Method

7.2.2 Typical example-Design "Civilian Community 02" webpage 18 1

7.3 Comprehensive Case Design "Information Feedback" webpage 183

7.4 Usage Skills-Beautify the form with CSS code 185.

7.5 exercise 185

Chapter VIII Application Behavior 186

8. 1 application Dreamweaver CS5 built-in behavior 186

8. 1. 1 Basic concepts of cognitive behavior 186

8. 1.2 typical case-designing "information publishing network" 188

8.2 Support for third-party JavaScript libraries 198

8.2. Installation and application of1plug-in 198

8.2.2 Typical Case-Designing "Automobile Sales Network" 202

8.3 Comprehensive Case-Designing the Home Page of Children's Photography Exhibition 204

8.4 Use Skills-Use the "Exchange Images" behavior to create an album effect 207

8.5 Exercise after class 208

Chapter 9 Application of Spry 209

9. 1 application Spry component 209

9. 1. 1 Understanding Ajax and Spry 209

9. 1.2 Method of Creating Spry Component 209

9. 1.3 Defining XML Dataset 2 13

9. 1.4 Using XML Dataset 2 15

9. A typical example of1.5 —— Design of "User Information Registration" Web page 2 16

9.2 Use Skills-Use Spry to copy items 22 1

9.3 Exercise 222

Chapter 10 Making Dynamic Web Page 223

10. 1 ASP Basic223

Use 10. 1 to build IIS server 223.

The basic syntax of10.1.2ap225

10.2 operation database 226

10.2. 1 Access database 226

10.2.2 case analysis-designing "dynamic message board" 227

10.3 comprehensive example-design "news release system" 237

Define a site and create a database connection 237.

Make the first page of 240 pages

10.3.3 Making Background Management Page 25 1

10.4 Usage Skills-Quickly Create Virtual Directory 259

10.5 Exercise 260

Chapter 1 1 Dreamweaver CS5 actual combat drill 26 1

1 1. 1 table layout case design 26 1

11.1.1design analysis

1 1. 1.2 slice in Photoshop 263

1 1. 1.3 making web pages with Dreamweaver 265

1 1. 1.4 website testing 276

1 1.2 Div+CSS Layout Case Design 278

1 1.2. 1 design analysis 278

1 1.2.2 Slice 279 with Photoshop.

1 1.2.3 Making Web Page 282 with Dreamweaver

1 1.2.4 Website Test 300