网站规划设计和Dreamweaver 简介.ppt

2.1 网站内容的确定与组织 2.2 网页设计的构思 2.3 网页设计的构思 2.4 网页设计的构思 认识Dreamweaver CS3 Dreamweaver CS3 的启动与退出 Dreamweaver CS3 的工作界面 插入栏 文档工具栏 浮动面板组 “属性”面板 状态栏 网页文件操作 新建网页 设置网页属性 保存网页 预览网页 打开网页 实例——新建“小小”网页 第3章 规划与创建站点 3.1 站点的规划 认识站点 本地站点 远程站点 测试站点 2. 规划站点结构 3.2 站点的创建与管理 3.2.2 站点的管理 实例——规划并创建“生活一点通”站点 * * Dreamweaver 是由Macromedia公司开发的一款专业网站设计工具，用于网站网页的设计、编码和管理。它既便于手工编写 HTML 代码，又可在可视化编辑环境中完成创作。它是目前最常用的网站与网页开发环境。 在接触软件之前，有必要先了解关于网站和网页构成、内容设计和编排等基本知识。 第2章 网站规划设计和Dreamweaver 简介 只有网站的前期设计完成了，才能进入制作阶段。当然，学习制作技术之前也要清楚网站与网页应如何进行策划。 lyc 2008/3/24 深圳职业技术学院软件工程系 李云程制作 首先应从整体上对网站建设进行策划，这是一个网站的立足之本。明确自身的定位，具体内容包括网站用户定位，功能定位，网站自身特色的定位。 网站内容设计对于网站建设至关重要，包括： 网站内容的组织的总体结构要层次分明。 文字信息可提供较快的浏览速度。而图像、声音和视频信息会产生强大的吸引力。 网站主页是非常重要的，内容的适用性和组织的合理性。 网站内容应是动态的，随时进行修改和更新。 网页中的文本内容应简明、通俗、易懂。 首页的设计是一个网站成功与否的关键。 确定首页功能模块： 网站名称(logo) 广告条(banner) 主菜单(menu) 新闻(whats new) 有哪些信誉好的足球投注网站(search) 友情链接(links) 邮件列表(maillist) 计数器(count) 版权(copyright) 设计首页的版面： 画面正常平衡，亦称匀称。指左右、上下对照对比能达到均衡的效果。 异常平衡，即非对照形式。让画面布局能达到强调特别信息，引起用户高度关注的效果。 对比。利用色彩、色调等技巧来作表现。 尽量用图片做解说。对不能用语言说服、或用语言难以表达的信息，特别适合图片解说，可以传达给用户的更多的心理因素。 彩色的搭配使色彩千变万化： 网页的背景、文字、图标、边框和超级链接等，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵 。 页面内容设计 : 页面内容设计, 要表达的是一定意图和要求，在页面的环境中为人们所理解和接受。因此，在页面设计时要注意画面内容的简洁性、一致性和好的对比度。以及页面信息的编排。 站点建好后，所有和本网站相关的资源都可以保存在以该文件夹核心的相关文件夹内，以便对站点的资源文件进行规划和组织。 3.2.1 创建本地站点 站点是网站资源的存放场所，一个站点需要一个根目录，来保存资源。 称为站点根目录，其实它就是一个文件夹。 一个网站要进行良好的信息组织，在技术上取决于整个站点的文件规划和组织。 创建站点是建设网站的第一步。建立一个本地站点，实质上就是在本地计算机的硬盘上建立一个文件夹 。 lyc 2008/3/24 深圳职业技术学院软件工程系 李云程制作 定义站点之后，可以对站点进行管理，如修改站点参数、复制站点和删除站点等。 案例 编辑站点 制作要求： 利用Dreamweaver 的站点编辑工具对站点进行管理维护。包括编辑站点，删除站点，复制站点等。 制作步骤 ： 1．选择主菜单站点/编辑站点。 2． 在对话框中，可以根据需要选择不同的选项。 *