最新网页设计任务一网站欣赏ppt模版课件.pptVIP

项目一 Dreamweaver CS3站点 Dreamweaver CS3 项目教程 项目一 Dreamweaver CS3站点 任务一 网站欣赏 技能目标 通过观察、分析不同主题的网页，从学习和任务中，归纳出不同网页的设计灵魂。 知识目标 在与老师和同学的交流合作中，能发表自己的观点、交流思想，从而总结出网页设计原则和色彩搭配原则。 项目一 Dreamweaver CS3站点 任务一 网站欣赏 1.1.1 国内外优秀网站欣赏 1.1.2 网站设计原则 1.1.3 不同风格网站示例 1.1.4 色彩搭配原则 1.1.5 软件安装 1.1.6 Dreamweaver CS3新增功能 项目一 Dreamweaver CS3站点 任务一 网站欣赏 国内外优秀网站欣赏 蒙牛集团：/index.asp 海尔集团：/cn/index.asp 可口可乐：/ 百事可乐：/ 波司登：/gb/global/home.php 七匹狼：/index.html TCL：/ 项目一 Dreamweaver CS3站点 任务一 网站欣赏 网站设计原则 1．明确建立网站的目标和用户需求 2．总体设计方案主题鲜明 3．网站的版式设计 4．色彩在网页设计中的作用 5．网页形式与内容相统一 6．多媒体功能的利用 项目一 Dreamweaver CS3站点 不同风格网站示例 韩国风格网站：，http://www.ubcare.co.kr/ 欧美风格网站：/，/ 艺术类网站：/zhowen.htm 旅游类网站：/ 时尚类网站：/ 任务一 网站欣赏 项目一 Dreamweaver CS3站点 不同风格网站示例 经济类网站：/special/2008/0916/15.shtml 教育类网站：/ 企业类网站：/， 儿童类网站：/ 任务一 网站欣赏 项目一 Dreamweaver CS3站点 Dreamweaver CS3提供了站点创建与管理工具，通过站点管理器可以更好地利用站点对文件进行管理，实现本地路径设置、地址信息管理、远程服务器信息管理、测试服务器环境配置、模板和库管理等功能。 Dreamweaver CS3有两种创建站点的方法：一是使用“站点定义向导”，可以逐步完成设计过程；二是使用“站点定义”对话框的“高级”选项卡进行，它可以根据需要分别设置本地、远程和测试文件夹。 任务一 网站欣赏—问题探究 项目一 Dreamweaver CS3站点 创建本地站点 在正式开始制作网页之前，最好先定义一个新网站，这是为了更好地利用站点窗口对站点文件进行管理。 方法一：在站点窗口的下拉菜单选择最后一项编辑站点，如右图所示。 方法二：选择菜单“站点”－－“新建站点”选项。（如右图所示） 在“站点定义”窗口中根据向导提示输入网站名称、本地根目录位置、服务器位置即完成建点创建。 任务一 网站欣赏—问题探究 项目一 Dreamweaver CS3站点 创建本地站点 本地站点创建好后，读者可以根据自己的需要创建各频道、栏目文件夹等，还可以利用站点窗口对本地站点的文件、文件夹进行创建、删除、移动和复制等操作，还可以对已创建好的站点进行重新规划。 任务一 网站欣赏—问题探究 项目一 Dreamweaver CS3站点 任务一 网站欣赏—知识拓展 网页布局 网页布局的好坏是决定网页美观与否的一个重要因素，主要从两方面去理解，一种是结构布局，另一种是艺术布局。通过合理的布局，可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排网页空间，优化网页的页面效果和下载速度。因此，在对网页进行布局的过程中，应遵循视觉的对称平衡、对比、凝视和空白等原则。常见的网页布局形式包括：π型布局、“三”型布局、框架布局和POP布局。 项目一 Dreamweaver CS3站点 任务一 网站欣赏—知识拓展 色彩基础 网页设计是一种特殊的视觉设计，它对色彩的依赖性很高。由于色彩能够在不知不觉间影响人的心理，左右人的情绪，所以色彩设计也是网站风格设计的决定性因素之一。色彩在网页上是看得见的视觉元素，虽然自然界的色彩各不相同，但色彩都具有色相、亮度、饱和度三个基本属性，也称色彩的三要素。 项目一 Dreamweaver CS3站点 任务一 网站欣赏—知识拓展 色彩基础 色彩的三要素： 色相。是指区别各类色彩的名称，是根据色的光波长划分的。只要色彩的波长相同，色相就相同，波长不同才产生色相的差别。色相体现着色彩外向的性格，是色彩的灵魂。比如红黄搭配有热烈感，蓝绿搭配则具有清凉感。 饱和度。指色彩的纯净程度，取决于色中含色成