网页设计与制作 教学课件 作者 李云程 主编 李亮 周光明 副主编 第3章.pptVIP

3.1 网站内容的确定与组织 3.3 网页设计的构思 3.3 网页设计的构思 3.3 网页设计的构思 3.4 Dreamweaver MX简介 3.4 Dreamweaver MX简介 3.4 Dreamweaver MX简介 * * Dreamweaver MX 是由Macromedia公司开发的一款专业网站设计工具，用于网站网页的设计、编码和管理。它既便于手工编写 HTML 代码，又可在可视化编辑环境中完成创作。它是目前最常用的网站与网页开发环境。 在接触软件之前，有必要先了解关于网站和网页构成、内容设计和编排等基本知识。 第3章 网站规划设计和Dreamweaver MX简介 只有网站的前期设计完成了，才能进入制作阶段。当然，学习制作技术之前也要清楚网站与网页应如何进行策划。 lyc 2008/3/24 深圳职业技术学院软件工程系 李云程制作 首先应从整体上对网站建设进行策划，这是一个网站的立足之本。明确自身的定位，具体内容包括网站用户定位，功能定位，网站自身特色的定位。 网站内容设计对于网站建设至关重要，包括： 网站内容的组织的总体结构要层次分明。 文字信息可提供较快的浏览速度。而图像、声音和视频信息会产生强大的吸引力。 网站主页是非常重要的，内容的适用性和组织的合理性。 网站内容应是动态的，随时进行修改和更新。 网页中的文本内容应简明、通俗、易懂。 首页的设计是一个网站成功与否的关键。 确定首页功能模块： 网站名称(logo) 广告条(banner) 主菜单(menu) 新闻(whats new) 搜索(search) 友情链接(links) 邮件列表(maillist) 计数器(count) 版权(copyright) 设计首页的版面： 画面正常平衡，亦称匀称。指左右、上下对照对比能达到均衡的效果。 异常平衡，即非对照形式。让画面布局能达到强调特别信息，引起用户高度关注的效果。 对比。利用色彩、色调等技巧来作表现。 尽量用图片做解说。对不能用语言说服、或用语言难以表达的信息，特别适合图片解说，可以传达给用户的更多的心理因素。 彩色的搭配使色彩千变万化： 网页的背景、文字、图标、边框和超级链接等，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵 。 页面内容设计 : 页面内容设计, 要表达的是一定意图和要求，在页面的环境中为人们所理解和接受。因此，在页面设计时要注意画面内容的简洁性、一致性和好的对比度。以及页面信息的编排。 Macromedia Dreamweaver MX 是由Macromedia公司开发的一款专业网站设计工具，用于网站网页的设计、编码和管理。它既可便于手工编写 HTML 代码，又可在可视化编辑环境中工作完成创作。 一、选择工作区布局 Dreamweaver MX工作区； Dreamweaver 4工作区。 二、Dreamweaver MX 工作区窗口 文档编辑窗口； 文档工具栏； 插入栏和插入选项； 属性面板和面板组。 1.文档编辑窗口与文档工具栏 文档编辑窗口，也称文档编辑区。用于编辑或显示当前页的文档内容。通常可以根据所要编辑内容和需要，可以与文档工具栏配合使用选择某一视图。 Show Code View代码视图显示； Show Code and Design Views代码和设计视图显示； Show Design View设计视图显示； Live Data View动态数据视图显示； Title文本框，输入所设计文档的标题； File Management文件管理； Preview/Debug in Browser在浏览器中浏览/编译； Reference代码参考； 代码导航； View Options。 文档工具栏实际是菜单命命令的常用快捷按钮： 2. 插入栏和插入选项 插入栏包含用于创建和插入对象（如表格、层和图像）的按钮，这些按钮被组织到选项卡中。 三、面板组和属性检查器 Commen常用、Layout布局、Test文本、Tables表、Frames框架、Forms表格、Templates模板、Characters 面板组 面板组是组合在一个标题下面的相关面板的集合。在窗口的右侧 ，通过菜单中窗口项选择是否显示。 2. 属性检查器 属性检查器用于检查和编辑当前选定页面元素（如文本和插入 　的对象）的属性。 *