Dreamweaver-CC实例教程(第5版)-第12章-综合设计实训.pdf

第12章　综合设计实训 本章简介： 本章的综合设计实训案例，根据网页设计项目真实 情境来训练读 如何利用所学知识完成网页设计项目。 通过多个网页设计项目案例的演练，使读 进一步牢固 掌握Dreamweaver CC 2019的强大功能和使用技巧， 并能应用所学技能制作出专业的网页设计作品。 课堂学习目标 掌握表格布局的应用方法和技巧 掌握CSS样式命令的使用方法 掌握动画文件和图像文件的插入方 法和应用 掌握超链 的方法和创建 掌握表单的创建方法和应用 案例类别 个人网页 游戏娱乐网页 户外运动网页 房产网页 购物网页 12.1 个人网页—李梅的个人网页 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 李梅 2．客户需求 李梅是一名专业的视觉设计师，为了使更多的人认识和 了 她以及展示其设计成果，需要制作一个属于她的个人网站， 网站内容包括其个人资料、个人作品、设计方向等。要求内容 全面，具有独特的个性和个人特色。 项目背景及要求 3．设计要求 （1）网页风格要求具有艺术与设计感。 （2）要求具有张扬的设计风格，充 凸显个性。 （3） 类明确，注重细节的修饰。 （4）使用红色作为网站的主体颜色，并且使用个人照片和作 品图片进行装饰。 （5）设计规格为1600像素 （宽）×1296像素 （高）。 项目创意及制作 使用 “Table”按钮，插入表格；使用 “Image”按 钮，插入图像；使用 “CSS 计器”面板，调整文字的颜色和 大小。 效果图 12.2 游戏娱乐——锋后游戏网页 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 锋后游戏公司 2．客户需求 锋后游戏公司是全球领先的游戏开发公司，公司现 出 几款新的游戏，要设计一个网页为其前期的宣传做准备，网页 内容要求能够表现公司的特点，并达到宣传效果。 3．设计要求 （1）浅色的背景与深色图像形成对比，突出前方的宣传主体。 （2）热烈的游戏画面能瞬间抓住访问者的视线，让人印象深 刻。 （3）整体设计整洁干净，方便访问者的操作。 （4）沉稳严谨的设计体现出公司的经营特色。 （5）设计规格为1600像素 （宽）×1440像素 （高）。 项目创意及制作 使用 “页面属性”命令，修改页面边距和页面 标题；使用 “属性”面板，设置单元 宽度、高度及背景颜色； 使用 “Flash SWF”按钮，插入Flash动画；使用 “CSS设计 器”面板，设置文字的大小、字体及行距的显示效果。 效果图 12.3 户外运动——户外运动网页 项目背景及要求 项目创意及制作 项目背景及要求 1．客户名称 WAM享运户外俱乐部 2．客户需求 WAM享运户外俱乐部是一个大型的户外运动俱乐部， 运动项目包括极 运动、自行车、摩托车、汽车、攀登、滑雪、 水上运动、探险等。现为扩展其知名度，需要制作一款网页， 要求网页设计围绕户外运动这一主题，表现出拥抱自然、挑战 自我的运动精神与魅力。