Dreamweaver-CS6实例教程(第3版).ppt

本章简介： 本章的综合设计实训案例，是根据网页设计项目真实情境来训练学生如何利用所学知识完成网页设计项目。通过多个网页设计项目案例的演练，使学生进一步牢固掌握Dreamweaver CS6的强大操作功能和使用技巧，并应用好所学技能制作出专业的网页设计作品。 第13章　综合设计实训 课堂学习目标 掌握表格布局的应用方法和技巧 掌握CSS样式命令的使用方法 掌握表单的创建方法和应用 掌握动画文件和图像文件的插入方法和应用 掌握超链接的方法和创建 案列类别 个人网页 购物网页 休闲网页 房产网页 汽车网页 13.1 个人网页—李明的摄影网页 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 李明 2．客户需求 李明是一名专业的摄影师，为了使更多的人认识和了解他以及分享其摄影成果，需要制作一个个人网站，网站内容包括个人资料、个人作品、摄影日志等，内容全面，具有独特的个性和个人特色。 3．设计要求 （1）网页风格要求具有艺术与时尚感。 （2）设计要求具有张扬的设计，等够凸显个性。 （3）网页设计分类明确，注重细节的修饰。 （4）使用蓝绿黑三色进行搭配，并且摄影图片进行装饰。 （5）设计规格均为775px（宽）× 670px（高）。 项目创意及制作 使用“表格”按钮，插入表格；使用“图像”按钮，插入图像；使用“CSS样式”命令，调整文字的颜色、大小和行距。 效果图 13.2　购物网页—百货商场网 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 百货商城网 2．客户需求 百货商城网是一家网购专业平台，是中国电子商务领域较受消费者欢迎和较具影响力的电子商务网站之一。为了更好为广大消费者服务，需要重新设计网页页面，网页的设计要求符合百货商城网的定位，能够更加吸引消费者。 3．设计要求 （1）网页设计的背景使用白色，能够更好地突出产品。 （2）网页的页面分类明确细致，便于用户浏览搜索。 （3）网页的内容丰富，画面热闹，使用粉色进行装饰。 （4）整体设计更偏重于迎合女性消费者的喜好。 （5）设计规格均为1000px（宽）× 1412px（高）。 项目创意及制作 　　　 使用“表单”按钮，插入表单；使用“表格”按钮，插入表格；使用“图像”按钮，插入图像；使用“代码”命令，调整图片的属性；使用“CSS样式”命令，调整文字的颜色、大小和行距。 效果图 13.3　休闲网页—旅游度假网页 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 旅游网 2．客户需求 旅游网是专门面向旅游市场及宣传，向广大旅游朋友提供旅游相关信息资讯、产品等信息的旅游网站，旅游网站为了扩大知名度，特需重新对网页进行设计，网页设计要紧紧围绕网站主题，表现旅游的魅力与乐趣。 3．设计要求 （1）网页背景要求使用美丽的海边摄影照片，视野宽广。 （2）网页多使用清新干净的色彩搭配，为画面增添自然之感。 （3）图文搭配合理舒适，将主要内容放置在主要位置，达到宣传效果。 （4）导航栏的设计要直观简洁，方便浏览。 （5）设计规格均为1000px（宽）× 770px（高）。 项目创意及制作 使用“表格”按钮，插入表格；使用“图像”按钮，插入图像；使用“CSS样式”命令，调整文字的颜色、大小、行距和为表格添加背景图像。 效果图 13.4　房产网页—新焦点房产网页 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 新焦点房地产有限责任公司 2．客户需求 新焦点房产是一家经营房地产开发、物业管理、城市商品住宅、商品房销售等全方位的房地产公司。公司为迎合市场需求，扩大知名度，需要制作网站，网站设计要求厚重沉稳，并且设计精美，体现企业的高端品质。 3．设计要求 （1）设计风格要求高端大气，制作精良。 （2）要求网页设计使用深绿色的背景，深沉的色彩表现出画面质感。 （3）网站设计围绕房产的特色进行设计搭配，分类明确细致。 （4）整体风格沉稳大气，表现出企业的文化内涵。 （5）设计规格均为1000px（宽）× 842px（高）。 项目创意及制作 使用“页面属性”命令，调整页面的样式；使用“表格”按钮，插入表格；使用“图像”按钮，插入图像；使用“CSS样式”命令，调整文字的颜色、大小、行距和为表格添加背景图