计算机实用技术 刘毅 第9章 综合与提高.pptVIP

第9章 综合与提高 目录 9.1 网站的设计 9.2 成果发布到互联网上 9.1 网站的设计 9.1.1 站点规划 9.1.2 首页制作 9.1.3 模板的制作 9.1.4 其他静态页面的制作 9.1.1 站点规划 任何网站的建设都是从网站策划开始的。网站策划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出策划。网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。 9.1.1 站点规划 1． 明确创建网站的目的和用户的需求 2． 出具网站策划书 9.1.2 首页制作 1.网站策划 2.首页的版面设计 3.切割设计稿 4.制作导航动画 5.制作产品展示动画 6.首页的完成 1.网站策划 网站色彩布局 首页采用了褐黄、白、灰3色搭配，给人一种文静、舒适、温馨的感觉 网站结构布局 2.首页的版面设计 （1）制作网站Banner （2）制作Logo与左侧内容 （3）创建网站导航 （4）制作版权信息 （5）制作产品展示部分 3.切割设计稿 注意：拖出的参考线要便于依据参考线切割，切割的原则是每个独立的区域要切割成一个整体，在网站设计中不动的部分就切割成图片。动画部分隐藏。 4.制作导航动画 若要导航有相应的导航功能需要在动作面板的代码窗口中写入下面代码： on (release) { getURL(index.html); } 注：首页按钮的代码， index.html是相应的首页的网页文件名。 5.制作产品展示动画 注：第一幅图片要和舞台的左上角对齐，只能容纳3幅图片，其余的图片依次往右边放置并和前面图片对齐，我这里共放置了6幅图片。由于要形成滚动显示的效果，需要把前3幅图片重复并按前面的顺序放到后面并对齐。 6.首页的完成 虽然在Photoshop 中输出Web时产生了网页，但是该网页是由一个表格组成的图像文件，还不能使用，下面将在Dreamweaver中创建表格重新组合。在组合过程中，要根据切割图片的尺寸精确设置表格或者单元格的宽度和高度，这样制作出来的网页才不会错位。 9.1.3 模板的制作 1．CSS规则的定义 2．模板的制作 1．CSS规则的定义 .style1 { font-family: 宋体; /*设置标题样式*/ font-size: 36px; font-style: normal; font-weight: bold; color: #FF0000; margin-right: 4px; } .STYLE2 { font-size: 24px; /*设置左边窗口文字格式*/ color: #00CCFF; } .STYLE3 {font-size: 14px} /*设置正文文字样式*/ 2．模板的制作 模板是网页编辑软件生成具有相似布局结构和外观的一种网页制作功能。如果希望站点中的网页享有某种特性，例如相同的布局结构、相似的导航栏等内容，模板是非常有用的。 对于模板而言，新的页面可以从一个模板中创建。一旦被创建，这个新的文档将保持和原来模板的联系，除非被明确地隔离分开。一旦把模板应用于一组网页，就可以通过编辑该模板来改变这一组网页中的共享信息。例如，将模板中的导航栏更改后，应用该模板页面中的导航栏将自动被更新。 9.2 成果发布到互联网上 9.2.1 站点的本地测试 9.2.2 域名空间的申请 9.2.3 发布站点 9.2.4 更新维护站点 一个网站从建立到投入使用通常要经过以下步骤：合理规划站点、构建本地站点和远程站点、站点的测试、站点的上传与发布。 在完成了本地站点所有页面的设计后，必须进行必要的测试工作，当网站能够稳定地工作后，就可以将站点上传到远程Web服务器上，使之成为真正的站点，这就是站点的发布。 9.2.1 站点的本地测试 当用户获得了域名和网站空间后，应当对本地站点进行完整的测试，再将页面上传到远程Web服务器中，主要的测试工作包括： 站点浏览器的兼容性检查。 站点的链接检查。 在浏览器里预览整个站点中的所有页面，检查可能存在的其他问题。 9.2.1 站点的本地测试 1．检测浏览器的兼容性 2．检查站点的链接错误 9.2.2 域名空间的申请 在上面有哪些信誉好的足球投注网站域名空间的申请，可以得到很多相关信息。若需要申请免费的域名和空间，就需要有哪些信誉好的足球投注网站免费域名空间。（我就试试网），直接访问该网站就可以申请免费域名空间。如图9-63所示，单击“注册”按钮进入注册页面，填入相关信息，申请成功即可登录进入自己的空间页面，如图9-64所示。特别要注意记下自己的FTP上传地址、FTP上传账号和FTP上传密码，这用于把已经做好的网站上传到该地址空间。至于系统自动分配的域名也要记住