网页设计与制作项目式教程

项目一 《我们的青春年代》班级主页的设计与制作 1

一、项目需求分析 1

二、项目实施模块划分 2

任务一 《我们的青春年代》班级主页的界面设计 5

模块一　任务预备知识 5

一、教学目标 5

二、工作任务 5

三、理论知识 5

模块二　班级主页的界面框架设计 25

一、能力目标 25

二、任务布置 25

三、任务解析 25

四、操作步骤 28

五、举一反三 37

六、上机练习 39

模块三　班级主页网站Logo与Banner设计 41

一、能力目标 41

二、任务布置 41

三、任务解析 41

四、操作步骤 43

五、举一反三 45

六、上机练习 49

任务二 《我们的青春年代》班级主页的配色方案设计 52

模块一　任务预备知识 52

一、教学目标 52

二、工作任务 52

三、理论知识 52

模块二　班级主页的配色方案设计 68

一、能力目标 68

二、任务布置 68

三、任务解析 69

四、操作步骤 69

五、举一反三 73

任务三 《我们的青春年代》班级主页的界面导出 74

模块一　任务预备知识 74

一、教学目标 74

二、工作任务 74

三、理论知识 74

模块二　班级主页的界面导出 81

一、能力目标 81

二、任务布置 82

三、任务解析 82

四、操作步骤 83

五、举一反三 85

六、上机练习 91

任务四 《我们的青春年代》班级主页首页制作 92

模块一　任务预备知识 92

一、教学目标 92

二、工作任务 92

三、理论知识 92

模块二　班级主页站点的创建与管理 102

一、能力目标 102

二、任务布置 102

三、任务解析 102

四、操作步骤 103

五、举一反三 106

六、上机练习 109

模块三　班级主页首页基本元素的插入 109

一、能力目标 109

二、任务布置 110

三、任务解析 110

四、操作步骤 112

五、举一反三 118

六、上机练习 124

任务五 《我们的青春年代》班级主页二级页面制作 126

模块一　任务预备知识 126

一、教学目标 126

二、工作任务 126

三、理论知识 126

模块二　班级新闻模块页面设计与制作 132

一、能力目标 132

二、任务布置 132

三、任务解析 133

四、操作步骤 133

五、举一反三 136

六、上机练习 142

模块三　其他页面的制作 146

一、能力目标 146

二、任务布置 146

三、任务解析 146

四、操作步骤 148

五、举一反三 152

六、上机练习 160

模块四 留言簿的制作 160

一、能力目标 160

二、任务布置 161

三、任务解析 161

四、操作步骤 163

五、举一反三 167

六、上机练习 171

任务六 《我们的青春年代》班级主页页面的美化 173

模块一　任务预备知识 173

一、教学目标 173

二、工作任务 173

三、理论知识 173

模块二　班级主页页面的美化 178

一、能力目标 178

二、任务布置 179

三、任务解析 179

四、操作步骤 180

五、举一反三 184

六、上机练习 188

模块三　班级主页页面特效制作 189

一、能力目标 189

二、任务布置 189

三、任务解析 189

四、操作步骤 194

五、举一反三 196

六、上机练习 198

项目二 《森兴木材》企业网站的创建 199

任务一　企业网站主页的设计 200

模块一　企业网站服务器的配置 200

一、能力目标 200

二、任务布置 200

三、任务解析 200

四、操作步骤 200

五、举一反三 204

六、上机练习 205

模块二　企业网站主页的设计 205

一、能力目标 205

二、任务布置 205

三、任务解析 205

四、操作步骤 206

五、上机练习 207

任务二　企业网站新闻的创建 209

模块一　任务预备知识 209

一、教学目标 209

二、理论知识 209

模块二　企业网站数据库的创建与连接 216

一、能力目标 216

二、任务布置 216

三、任务解析 216

四、操作步骤 216

五、举一反三 218

六、上机练习 219

模块三　企业网站新闻的基本操作 220

一、能力目标 220

二、任务布置 220

三、任务解析 221

四、操作步骤 221

五、举一反三 227

六、上机练习 228

模块四　企业网站新闻的显示 228

一、能力目标 228

二、任务布置 229

三、任务解析 229

四、操作步骤 229

五、上机练习 231

模块五　企业网站管理员登录页的设计 232

一、能力目标 232

二、任务布置 232

三、任务解析 232

四、操作步骤 232

五、举一反三 234

六、上机练习 235

项目三　My Zone个人主页设计与制作 236

一、项目需求分析 236

二、项目实施模块划分 236

任务一 《My Zone》个人主页的界面设计 239

模块一　任务预备知识 239

一、教学目标 239

二、工作任务 239

三、理论知识 239

模块二　个人主页结构的分析与素材的准备 261

一、能力目标 261

二、任务布置 261

三、任务解析 261

四、操作步骤 261

五、举一反三 266

六、上机练习 267

模块三　片头欢迎动画的设计制作 267

一、能力目标 267

二、任务布置 267

三、任务解析 267

四、操作步骤 267

五、上机练习 277

任务二　具体页面的制作和ActionScript的添加 278

模块一　任务预备知识 278

一、教学目标 278

二、工作任务 278

三、理论知识 278

模块二　按钮和页面跳转的实现 281

一、能力目标 281

二、任务布置 281

三、任务解析 281

四、操作步骤 281

五、举一反三 284

六、上机练习 285

模块三　首页的制作 285

一、能力目标 285

二、任务布置 285

三、任务解析 285

四、操作步骤 285

五、举一反三 290

六、上机练习 290

模块四　相册页面的制作 290

一、能力目标 290

二、任务布置 290

三、任务解析 290

四、操作步骤 290

五、举一反三 293

六、上机练习 293

模块五 日志页面的制作 294

一、能力目标 294

二、任务布置 294

三、任务解析 294

四、操作步骤 294

五、举一反三 302

六、上机练习 302

模块六　好友页面的制作 302

一、教学目标 302

二、工作任务 302

三、任务解析 302

四、操作步骤 302

五、举一反三 306

六、上机练习 306

模块七　音乐的添加 306

一、能力目标 306

二、任务布置 306

三、任务解析 306

四、操作步骤 306

五、举一反三 309

六、上机练习 309

附录A　Fireworks 8工具箱面板功能表 310

附录B　Dreamweaver 8工具栏工具按钮列表 312

附录C　Flash 8工具箱面板功能表 315

参考文献 316