网页设计(CS5)-第2讲-规划和创建站点.ppt

Dreamweaver CS5 第2讲·规划和创建站点 1 网站的规划与设计 规划站点结构的原则 创建站点 4 管理站点 5 设置默认图像文件夹 第2讲·规划和创建站点 Dreamweaver CS5 网站的规划与设计 1 网页设计·第2讲 网站的目标定位 题材 内容 网站名称 网站域名 网页设计·第2讲 网站的风格与形象 网站的风格—— 建立在有价值的内容之上； 明确希望网站留给浏览者的印象； 着手建立和加强网站印象 网站的形象—— 标志；标准色彩；标准字体 网站的规划与设计 1 网页设计·第2讲 网站的目录结构 注意不要将所有的文件都存放在根目录下 要按栏目内容建立子目录 要在每个主目录下都建立独立的图片目录 目录的层次不要太深 网站的规划与设计 1 网页设计·第2讲 网站的栏目和版块 网站的栏目相当于一个突出显示网站内容的大纲索引。版块的概念则要比栏目大一些，每一个版块都有自己的栏目。例如，搜狐的站点分为新闻、时尚、体育和汽车等版块，而每一个版块下面都有自己的主栏目。 网站的栏目和版块划分要服从并体现网站主题。一般的做法是将网站的主题按一定的方法分类并将其作为网站的主栏目。这样可使网站看起来更具有专业性，主题鲜明，容易给人留下深刻的印象。 网站的规划与设计 1 网页设计·第2讲 网站信息的准备与搜集 文字信息、图像、动画、视频和音频 网站的规划与设计 1 网页设计·第2讲 网站的规划与设计 1 网页设计·第2讲 网站信息的准备与搜集 文字信息、图像、动画、视频和音频 网站的规划与设计 1 规划站点结构的原则 2 网页设计·第2讲 原则一：用文件夹来保存文档 原则二：使用合理的文件名 （网页文件名通常使用小写英文，不能使用空格，最好不要使用特殊字符，不用中文）、首页名（index.html） 创建站点 3 网页设计·第2讲 什么是站点 Dreamweaver的站点是一种管理网站中所有相关联文件的工具。通过站点可以对网站的相关页面及各类素材进行统一管理，还可以以使用站点管理实现将文件上传到网页服务器，测试网站。 站点简单的说就是一个文件夹。在这个文件夹里包含了网站中所有用到的文件。我们通过这个文件夹（站点），对我们的网站进行管理，形成树状结构，脉络清晰。 创建站点 3 网页设计·第2讲 创建站点 A. 基本方式 在【管理站点】对话框中单击【新建】按钮，从弹出菜单中选择【新建】命令，弹出对话框，如下一页图所示。 网页设计·第2讲 定义站点名称与本地站点文件夹 创建站点 3 网页设计·第2讲 创建站点 B.其他方式 在某个盘的根目录下建立一个站点文件夹，可以在Dreamweaver中将其定义为站点。 任务描述：本单元将通过一个个人网站的创建，学习网站从规划到建立的流程，自己动手，打造属于自己的站点。 创建站点 3 创建站点 3 网页设计·第2讲 任务完成后如下图所示： 站点管理 管理站点 4 网页设计·第2讲 在“文件”面板中实现以下操作 选择编辑网页文件 创建文件或文件夹 剪切、粘贴、复制、删除、重命名文件或文件夹 编辑站点、复制站点、删除站点 设置默认图像文件夹 5 网页设计·第2讲 操作演示 文件面板 ↓ 站点管理 ↓ 编辑 归纳与小结 了解站点的基本概念 掌握创建与管理站点的方法 学会设置默认图片文件夹 第2讲·规划和创建站点 Dreamweaver CS5 第2讲·作业 步骤1：新建站点，站点名称“作业” 步骤2：选择第1讲建立好的“姓名+学号”文件夹作为本地站点文件 第2讲·作业 步骤3：在“姓名+学号”文件夹下建立“image”文件夹