网页基础知识及站点要素.pptVIP

第1章 网页设计基础与制作流程 1.1 因特网基础知识 1.2 什么是网页 1.3 网站制作概述 1.4 站点的管理 1.4.1 站点的规划 要制作一个能够被公众浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站上传到因特网的web服务器上； 一个好的站点，应该具有明确的目标。站点的目标因主题而异，例如，娱乐性站点与信息类站点的目标与风格会迥然不同； 站点的内容一定要丰富。将各种不同的内容划分为几个板块，例如，生活、旅游、健康、IT等，这样既可以方便网站设计者进行设计，又能方便用户获取相关信息。 除了文本和图像等内容外，如果需要，则还可以加入多媒体元素等多姿多彩的内容。 1.4.1 站点的规划 一个优秀的站点应该具有明确的导航系统，避免用户在页面上迷失方向。 1. 建立返回首页的链接 2. 导航标题应明确 注意： 尽量避免使用中文名称； 有的Web服务器是区分大小写的，通常采用小写字母命名站点中的文件。 1.4.1 站点的规划 1.4.1 站点的规划 放置在本地磁盘上的网站称为本地站点，处于因特网的web服务器里的网站称为远程站点； Dreamweaver CS6提供了对本地站点和远程站点强大的管理功能； 通常情况下，都是创建本地站点，完成后，再设置远程服务器信息，将网站上传到远程服务器； 使用下面的方法之一可以打开站点定义向导，即打开“站点设置对象”对话框。 “站点”|“新建站点”命令。 “站点”|“管理站点” |“新建站点”按钮。 1.4.2 创建本地站点 刚创建的站点，通常都是空的，用户可以根据网站的实际需要在站点中创建文件夹和文件。 通常，网站中需要的图片放在images文件夹下，动画放在flash文件夹下，脚本程序放在js文件夹下； 1.4.2 创建本地站点 在站点中新建文件夹 在站点中新建文件夹后，就可以在站点中创建新的页面了。 在站点中新建html文件 使用文件“新建”菜单创建文件 1.4.2 创建本地站点 在站点中新建文件 移动和复制文件或文件夹 重命名文件或文件夹 删除文件或文件夹 注意： 　无论重命名还是移动，最好是在“文件”面板中进行，这样可以确保站点内部不会出现链接错误。 1.4.2 创建本地站点 站点中文件常见操作 使用下面的方法之一可以打开“站点设置对象”对话框对站点进行管理。 “站点”|“管理站点” 1.4.3 管理站点 1.4.4 边学边练 建立站点 建立一个名为MyTest的站点，保存位置为D:\DWBook\ch2\，具体操作步骤如下。 (1) 依次选择“站点”|“新建站点”命令，打开“站点设置对象”对话框，如左图所示。 (2) 设置站点的名称为My Test，并设置本地站点文件夹，如中图所示。 (3) 单击“保存”按钮，完成本站点的创建。在“文件”面板中可显示出所创建的站点，如右图2-23所示。 编辑站点 (1) 在“文件”面板的下拉菜单中选择“管理站点”选项，如左图所示。 (2) 打开“管理站点”对话框，在站点列表中选择要编辑的站点，单击“编辑当前选定的站点”按钮，如右图所示。 (3)打开“站点设置对象”对话框，修改相关参数，完成后单击“保存”按钮，如图所示。 (4)单击“管理站点”对话框中的“完成”按钮，完成站点编辑。 (5) 如果要删除站点，则在“管理站点”对话框中单击“删除当前选定的站点”按钮即可。 注意： 创建站点是进行网站设计制作的第一步，也是非常关键的一步； 良好的网站站点应该结构清晰，这样有助于网站后期开发和维护； 要熟悉创建站点，编辑站点和管理站点的方法。 本章小结： 网页设计的基础知识 网页构成的基本元素 网站制作的基本流程 站点的创建和管理 * 课程安排 前期课程： 计算机导论 工具软件： dreamweaver 总学时： 56h：40h（理论教学）+24h（上机） 上机时间安排： * 考试安排 考试形式：大作业+上机 考试时间：课程结束后 最终成绩=平时成绩*30%+卷面成绩*70% 迟到一次扣5分平时成绩。 缺课或作业缺交，一次扣10分平时成绩。 课堂提问缺席者按缺课算。 平时成绩低于60分者取消考试资格！ * 课程内容 主要内容： 网页设计基础 HTML语言 CSS样式 JavaScript JQery（建议自学） Jqery EASY-UI （建议自学） * 参考书籍 1.教材 2.参考书籍 CSS网页设计标准教程，温谦编著，北京：人民邮电出版社 JavaScript网页开发体验式学习教程，张孝乡编著，北京：清华大学出版社 锋利的jQuery，单东林著，北京：人民邮电出版社 3.书籍获取方法 图书馆借阅、网络下载等 服务器的选择 选择使用配置和学习服务器