第4讲网的基本编辑操作及站点管理.pptVIP

广东金融学院 LOGO 广东金融学院 广东金融学院 第4讲 网页的基本编辑操作及站点管理 参考资源： 3/kcpt/jkx.html 《大学计算机Ⅱ》 * * 广东金融学院 本讲主要内容 1．网页中的颜色和单位； 2．“页面属性”对话框设置和列表； 3．站点及建设流程； 4．新建和管理站点； 5．上传和浏览站点； 6．总结并布置作业。 * 广东金融学院 * 1．网页中的颜色和单位 网页中颜色的表示方法 网页文档中的颜色表示有两种方法：使用颜色名称，例如红色、绿色和蓝色分别用red、green和blue表示；使用十六进制格式数值#RRGGBB表示，其中RR、GG和BB分别表示颜色中的红、绿、蓝三基色的两位十六进制数据，每种基色的范围是00～FF，例如红色、绿色和蓝色分别用#FF0000、#00 FF 00和#0000 FF表示。 * 广东金融学院 * 1．网页中的颜色和单位 网页中颜色的表示方法 * 广东金融学院 * 颜 色 名 称 十六进制值 颜 色 名 称 十六进制值 淡蓝 aqua #00FFFF 海蓝 navy #000080 黑 black #000000 橄榄色 oliver #808000 蓝 blue #0000FF 紫 purple #800080 紫红 fuchsia #FF00FF 红 red #FF0000 灰 gray #808080 银色 silver #C0C0C0 绿 green #008000 淡青 teal #008080 橙 lime #00FF00 白 white #FFFFFF 褐红 maroon #800000 黄 yellow #FFFF00 1．网页中的颜色和单位 网页颜色使用举例 * 广东金融学院 * 1．网页中的颜色和单位 网页元素的单位 网页文档中大部分网页元素都可以设置大小，如文本、表格、图象等。 网页元素的大小用数值表示，并且有确定的单位。在网页文档中，单位可分为：绝对值单位和相对值单位。 * 广东金融学院 * 1．网页中的颜色和单位 网页元素的单位 （1）绝对值单位 ① 英寸（in）：1 inch=2.54 cm。 ② 厘米（cm）。 ③ 毫米（mm）。 ④ 点数（pt）：1 point=1/72 inch。 ⑤ 12pt（pc）：1 pica=12point。 * 广东金融学院 * 1．网页中的颜色和单位 网页元素的单位 （2）相对值单位 ① 字体高（em）：在特定的范围内以有效的字符高度为1个单位。 ② 字母x的高（ex）：在特定的范围内以有效的小写字母“x”的高度为1个单位。 ④ 像素（px）：将一个像素点（即1 Pixel）视为一个单位。 ⑤ 百分号（%）：相对于某个基准（如浏览器窗口大小或表格中的单元格大小）的比例。 * 广东金融学院 * 1．网页中的颜色和单位 网页元素单位使用举例 * 广东金融学院 * 水平线的宽值为80% 水平线的宽值为80像素 2．“页面属性”对话框设置和列表 “页面属性”对话框 * 广东金融学院 * 2．“页面属性”对话框设置和列表 使用列表 Dreamweaver 8提供了项目列表和编号列表两种列表项格式，其中，编号列表是一种有序的文本编排方式，而项目列表则是无序的文本编排方式。 * 广东金融学院 * 项目列表样式 项目编号样式 3．站点及建设流程 Web站点的概念 Web站点是由一组相关的网页文件和相关文件（如构成网页的图像、动画等）组成的，这些文件存储在Web服务器上，由Web服务器管理并对外提供Web服务。 站点中的文件是一个相互联系的集合体，它们通过超级链接关联起来，通常具有相似的特征。 * 广东金融学院 * 3．站点及建设流程 Web站点的概念 通常，每个站点有一个被称为主页（或首页）的网页，浏览者可借助主页中的超级链接实现对整个站点的浏览。 站点通常包含两部分：本地计算机（即网页设计人员使用的计算机）上的一个文件夹（本地站点）和远程Web服务器上的一个文件夹（远程站点）。 * 广东金融学院 * 3．站点及建设流程 本地站点 本地站点是为了在制作网站过程中，方便统一管理，对外不提供Web服务，但本地站点文件夹中的目录结构和远程站点是一致的。 如果本地站点中的网页设计工作已经完成并测试无误，我们可以将本地站点上传到远程站点上，以便对外提供Web服务。 * 广东金融学院 * 3．站点及建设流程 远程站点 远程站点是本地站点的复制，是存于Web服务器上的网页文档及相关文件的集合。 远程站点通过Web服务器对外提供Web服务。 本地站点和远程站点之间的关系 * 广东金融学院 * Web服务器（远程站点） 本地计算机（本地站点） 上传 下载 3．站点及建设流程 站点建设的一般流程 确定站点主题 收集资料 制作网页 测试