_CS3网页设计与制作教程 第2版 教学课件 申莉莉教案 第2章本地站点的规划和创建.pptVIP

第2章 本地站点的规划和创建　　　 本章内容 2.1 规划站点----个人网站规划 2.2 创建本地站点 2.3 管理站点内容 2.4 制作个人网站首页 2.5 测试与发布 2.6 文件的上传和下载 2.7 习题 2.1 规划站点----个人网站规划 2.1.1 规划站点结构 2.1.2 构建站点的整体风格 2.1.3 主页和其他页面的设计 2.1.1 规划站点结构 规划目录结构 一般使用文件夹构建文挡的结构。首先创建一个根文件夹（根目录），然后创建多个文件夹，再将文档分门别类存储到相应的文件夹下。 其次要按栏目内容建立子目次，对每个栏目都相应建立一个文件夹。 目录名和文件名，尽量使用英文或汉语拼音。 2.1.1 规划站点结构 2. 规划链接结构 网站的链接结构: 内部链接和外部链接。 2.1.1 规划站点结构 3.规划模板和库的使用 设计时使用模板功能取得一致效果。同时，使用模板和库，可以在不同的文档中重用页面布局和页面元素，给网页的维护带来很大的方便。 对于经常使用的对象，应该先设计好该元素，并把它存入到库中。 2.1.2 构建站点的整体风格 1．网站的标志（LOGO） 标志是网站的特色和内涵的集中体现，标志的设计和创意应当来自网站的名称和内容。常用方式是用网站的英文名称作标志，采用不同的字体、字母的变形及图像组合而成。 2.1.2 构建站点的整体风格 2．设计网站色彩 “标准色彩”是指能体现网站形象和延伸内涵的色彩，应用于网站的背景，主菜单和主色块。给人以整体统一的感觉。一般来说，一个网站的标准色彩不超过3种，其它色彩只是作为点缀和衬托。 2.1.2 构建站点的整体风格 3．设计网站字体 标准字体是指用于标志，标题，主菜单的字体。一般网页默认的字体是宋体。为了体现站点的风格及网站所表达的内涵，可以选择其他更贴切的字体。 2.1.2 构建站点的整体风格 4．设计网站广告语 网站广告语是网站的精神、主题与中心，用一句话或者一个词进行高度概括。富有气势的广告语，进行对外宣传，可以收到比较好的结果。 2.1.3 主页和其他页面的设计 1. T型布局 T结构指页面顶部为横条网站标志或广告条，下方左面为主菜单， 右下方显示具体的网页内容。因为菜单栏背景较深，整体效果类似英文字母T，所以称之为T结构布局。 T型布局： 2.1.3 主页和其他页面的设计 2. 口型布局 口型布局常见的形式是页面上下各有一个广告条，左面是主菜单，右面是友情连接等，中间是主要内容，形状像一个“口”字。 口型布局 2.1.3 主页和其他页面的设计 3. 三型布局 这种布局特点是将页面整体分割为三部分，页面上横向采用两条色块，色块中有时放置广告条。 三型布局 2.1.3 主页和其他页面的设计 4. 对称对比布局 此布局结构采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。 对称对比布局 2.1.3 主页和其他页面的设计 5. POP布局 POP引自广告术语，是指页面布局像一张宣传海报，以一张精美图像作为页面的设计中心。常用于时尚类站点。 POP布局 2.2 创建本地站点 2.2.1 利用建站向导创建站点 2.2.2 利用增强方式创建站点 2.2.1 利用建站向导创建站点 （1）打开Dreamweaver，在网页编辑窗口中选择“站点”→“新建站点”命令。 （2）选择是否需要使用服务器。 （3）输入文件存储位置。 （4）选择想要连接的远程服务器类型 （5）选择是否允许合作伙伴能够同时编辑文件。 （6）查看所创建站点的基本信息。 （7）选择“站点”→“管理站点”命令可见建立的站点 。 2.2.2 利用增强方式创建站点 （1）选择“站点”→“新建站点”命令，系统弹出定义站点的对话框。 （2）单击【高级】选项卡，设置本地信息。 （3）单击“完成”按钮。选择“站点”→“管理站点”命令可见建立的站点。 2.3 管理站点内容 2.3.1 编辑站点属性 2.3.2 操作站点文件 2.3.1 编辑站点属性 选择“站点”→“管理站点”命令，系统弹 出“管理站点”面板，选择要进行编辑的站点 名称。 2.3.2 操作站点文件 选择“窗口”→“文件”命令，弹出 站点窗口。 单击选择“本地视图”中所创建的站 点，单击右键弹出快捷菜单。 2.4 制作个人网站首页 2.4.1 页面属性 2.4.2