单元8 规划网站与设计网页.pptVIP

【任务实施】 1．清理文档 清理文档的具体步骤如下： （1）打开需要清理的网页文档。 （2）在Dreamweaver CS4主界面中，单击菜 单命令【命令】→【清理XHTML】，打开 【清理HTML/XHTML】对话框，在“移除” 选项组中选择“空标签区块”、“多余的嵌 套标签”复选框，也可以在“指定的标签” 文本框中输入所要删除的标签。 在“选项”选项组中选中“尽可能合并嵌套的/font标签”和“完成后显示记录”复选框，如图8-32所示。 然后单击【确定】按钮，Dreamweaver CS4自动开始清理工作。 （3）单击菜单命令【命令】→【清理Word生成的HTML】，打开【清理Word生成的HTML】对话框，在该对话框中进行相应的设置之后，如图8-34所示，然后单击该对话框的【确定】按钮即可。 2．测试网页 （1）检查链接 （2）检查浏览器兼容性 （3）验证标记 3．测试本地站点 （1）检查链接 （2）检查页面效果 （3）检查网页的容错性 （4）检查兼容性 4．用户测试 以用户身份测试网站的功能。 主要测试内容有：评价每个页面的风格、颜色搭配、页面布局、文字的字体、大小等方面与网站的整体风格是否统一、协调；页面布局是否合理；各种链接所放的位置是否合适；页面切换是否简便；对于当前访问位置是否明确等。 5．负载测试 安排多个用户访问网站，让网站在高强度、长时间的环境中进行测试。 主要测试内容有：网站在多个用户访问时访问速度是否正常；网站所在服务器是否会出现内存溢出、CPU资源占用是否不正常等。 6．创建网站报告 Dreamweaver CS4能够自动检测网站内部的网页文件，生成关于文件信息、HTML代码信息的报告，以便网站设计者对网页文档进行修改。 【任务8-9】发布网站 【任务描述】 （1）尝试申请一定容量大小的免费网站空间。 （2）尝试上传网站中的网页文档和素材到远端服务器。 （3）尝试从远端服务器获取文件。 【任务实施】 1．申请网站空间 2．上传文件 （1）使用Dreamweaver上传文件 （2）使用CuteFTP上传文件 3．获取文件 获取文件之前同样要连接远端服务器，获取文件的操作如下： （1）在远端服务器浏览窗口中选择需要获取的文件或者文件夹。 （2）单击【获取文件】按钮 ，文件即会被下载到本地站点中。 【任务8-10】推广与维护网站 【任务描述】 熟悉宣传与推广网站的途径和方法。 【任务实施】 1．宣传与推广网站 （1）注册到搜索引擎 （2）参加广告交换组织 （3）借助网络广告 （4）添加到网址导航网站 （5）通过邮件推广 （6）利用友情链接 （7）BBS宣传 （8）传统宣传方式 2．网站的维护 （1）使用设计备注 （2）使用遮盖 （3）取出文件和存回文件 3．网站的更新 网站更新主要包括以下方面： （1）完善内容 （2）更新内容 （3）更新风格 【8.4 考核评价】 【考核任务描述】 教材配套光盘中已提供了考核评价项目所需的网页素材，请完成以下操作。 （1）拟开发一个旅游网站，该旅游网站的名称为“易游天下网”，对该网站的风格、栏目结构、目录结构和链接结构进行规划与设计。 （2）对“易游天下网”的文件名称、CSS样式 名称、图像名称进行规划设计。 （3）对“易游天下网”首页的布局结构进行规划，利用Word文字处理软件或者Photoshop图像处理绘制网站首页的布局结构图。 （4）为“易游天下网”首页的主体布局结构定义CSS样式，并利用教材配套光盘中提供的网页素材创建首页的主体布局结构。 如果时间允许请参考彩图7制作完善的“易游天下网”首页。 【评价要点】 本单元的考核评价表如表8-30所示。 【单元小结】 本单元以“购物网站”为例全面介绍了网站的开发流程，重点对网站的功能、主题、风格、栏目结构、版式结构、链接结构、目录结构、内容版块等方面进行规划。 还介绍了网页布局结构和功能的设计、网站模板制作、首页和二级页面的制作等。 一个网站开发完成后必须经过认真的测试才能发 布，以免浏览网站时出现一些错误。 一个网站要发布在服务器上去，才能被他人浏览。 本单元还介绍了测试网站、