网页设计与制作案例教程第2章_本地站点的规划和创建.pptVIP

第*页 2.4.4 添加链接和交互 1．添加文本链接 选中相关的文字，在属性面板的链接文本框中输入文件名。 2．添加电子邮件链接 选择“插入记录”→“插入电子邮件 链接”命令。 第*页 2.5 测试与发布 2.5.1 测试站点 2.5.2 申请域名和空间 2.5.3 发布站点 第*页 2.5.1 测试站点 1．兼容性测试 选择“文件”→“检查页”→“浏览器兼容性(BCC)”命令来测试所制作的页面，以检查网页在不同版本、不同类型的浏览器中兼容性。 第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）选择“站点”→“