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

第4讲网的基本编辑操作及站点管理 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望本讲主要内容本讲主要内容v1 1网页中的颜色和单位；网页中的颜色和单位；v2 2“页面属性页面属性”对话框设置和列表；对话框设置和列表；v3 3站点及建设流程；站点及建设流程；v4 4新建和管理站点；新建和管理站点；v5 5上传和浏览站点；上传和浏览站点；v6 6总结并布置作业。总结并布置作业。2022/12/6广东金融学院21网页中的颜色和单位网页中的颜色和单位v网页中颜色的表示方法网页中颜色的表示方法网页文档中的颜色表示有两种方法：使用颜网页文档中的颜色表示有两种方法：使用颜色名称，例如红色、绿色和蓝色分别用色名称，例如红色、绿色和蓝色分别用redred、greengreen和和blueblue表示；使用十六进制格式数表示；使用十六进制格式数值值#RRGGBB#RRGGBB表示，其中表示，其中RRRR、GGGG和和BBBB分别表示分别表示颜色中的红、绿、蓝三基色的两位十六进制颜色中的红、绿、蓝三基色的两位十六进制数据，每种基色的范围是数据，每种基色的范围是0000FFFF，例如红色、，例如红色、绿色和蓝色分别用绿色和蓝色分别用#FF0000#FF0000、#00 FF 00#00 FF 00和和#0000 FF#0000 FF表示。表示。2022/12/6广东金融学院31网页中的颜色和单位网页中的颜色和单位v网页中颜色的表示方法网页中颜色的表示方法2022/12/6广东金融学院4颜颜 色色名名 称称十六进制值十六进制值颜颜 色色名名 称称十六进制值十六进制值淡蓝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#FFFF001网页中的颜色和单位网页中的颜色和单位v网页颜色使用举例网页颜色使用举例2022/12/6广东金融学院51网页中的颜色和单位网页中的颜色和单位v网页元素的单位网页元素的单位网页文档中大部分网页元素都可以设置大小，网页文档中大部分网页元素都可以设置大小，如文本、表格、图象等。如文本、表格、图象等。网页元素的大小用数值表示，并且有确定的网页元素的大小用数值表示，并且有确定的单位。在网页文档中，单位可分为：绝对值单位。在网页文档中，单位可分为：绝对值单位和相对值单位。单位和相对值单位。2022/12/6广东金融学院61网页中的颜色和单位网页中的颜色和单位v网页元素的单位网页元素的单位（1 1）绝对值单位）绝对值单位 英寸（英寸（inin）：）：1 inch=2.54 cm1 inch=2.54 cm。厘米（厘米（cmcm）。）。毫米（毫米（mmmm）。）。点数（点数（ptpt）：）：1 point=1/72 inch1 point=1/72 inch。12pt12pt（pcpc）：）：1 pica=12point1 pica=12point。2022/12/6广东金融学院71网页中的颜色和单位网页中的颜色和单位v网页元素的单位网页元素的单位（2 2）相对值单位）相对值单位 字体高（字体高（emem）：在特定的范围内以有效的字）：在特定的范围内以有效的字符高度为符高度为1 1个单位。个单位。字母字母x x的高（的高（exex）：在特定的范围内以有效的）：在特定的范围内以有效的小写字母小写字母“x x”的高度为的高度为1 1个单位。个单位。像素（像素（pxpx）：将一个像素点（即）：将一个像素点（即1 Pixel1 Pixel）视）视为一个单位。为一个单位。百分号（百分号（%）：相对于某个基准（如浏览器窗）：相对于某个基准（如浏览器窗口大小或表格中的单元格大小）的比例。口大小或表格中的单元格大小）的比例。2022/12/6广东金融学院81网页中的颜色和单位网页中的颜色和单位v网页元素单位使用举例网页元素单位使用举例2022/12/6广东金融学院9水平线的宽值为80%水平线的宽值为80像素2“页面属性页面属性”对话框设置和列表对话框设置和列表v“页面属性页面属性”对话框对话框2022/12/6广东金融学院102“页面属性页面属性”对话框设置和列表对话框设置和列表v使用列表使用列表Dreamweaver 8Dreamweaver 8提供了项目列表和编号列表提供了项目列表和编号列表两种列表项格式，其中，编号列表是一种有两种列表项格式，其中，编号列表是一种有序的文本编排方式，而项目列表则是无序的序的文本编排方式，而项目列表则是无序的文本编排方式。文本编排方式。2022/12/6广东金融学院11项目列表样式项目编号样式3站点及建设流程站点及建设流程vWebWeb站点的概念站点的概念WebWeb站点是由一组相关的网页文件和相关文站点是由一组相关的网页文件和相关文件（如构成网页的图像、动画等）组成的，件（如构成网页的图像、动画等）组成的，这些文件存储在这些文件存储在WebWeb服务器上，由服务器上，由WebWeb服务器服务器管理并对外提供管理并对外提供WebWeb服务。服务。站点中的文件是一个相互联系的集合体，它站点中的文件是一个相互联系的集合体，它们通过超级链接关联起来，通常具有相似的们通过超级链接关联起来，通常具有相似的特征。特征。2022/12/6广东金融学院123站点及建设流程站点及建设流程vWebWeb站点的概念站点的概念通常，每个站点有一个被称为主页（或首页）通常，每个站点有一个被称为主页（或首页）的网页，浏览者可借助主页中的超级链接实的网页，浏览者可借助主页中的超级链接实现对整个站点的浏览。现对整个站点的浏览。站点通常包含两部分：本地计算机（即网页站点通常包含两部分：本地计算机（即网页设计人员使用的计算机）上的一个文件夹设计人员使用的计算机）上的一个文件夹（本地站点）和远程（本地站点）和远程WebWeb服务器上的一个文服务器上的一个文件夹（远程站点）。件夹（远程站点）。2022/12/6广东金融学院133站点及建设流程站点及建设流程v本地站点本地站点本地站点是为了在制作网站过程中，方便统本地站点是为了在制作网站过程中，方便统一管理，对外不提供一管理，对外不提供WebWeb服务，但本地站点服务，但本地站点文件夹中的目录结构和远程站点是一致的。文件夹中的目录结构和远程站点是一致的。如果本地站点中的网页设计工作已经完成并如果本地站点中的网页设计工作已经完成并测试无误，我们可以将本地站点上传到远程测试无误，我们可以将本地站点上传到远程站点上，以便对外提供站点上，以便对外提供WebWeb服务。服务。2022/12/6广东金融学院143站点及建设流程站点及建设流程v远程站点远程站点远程站点是本地站点的复制，是存于远程站点是本地站点的复制，是存于WebWeb服服务器上的网页文档及相关文件的集合。务器上的网页文档及相关文件的集合。远程站点通过远程站点通过WebWeb服务器对外提供服务器对外提供WebWeb服务。服务。v本地站点和远程站点之间的关系本地站点和远程站点之间的关系2022/12/6广东金融学院15Web服务器（远程站点）本地计算机（本地站点）上传下载3站点及建设流程站点及建设流程v站点建设的一般流程站点建设的一般流程确定站点主题确定站点主题收集资料收集资料制作网页制作网页测试测试申请空间申请空间发布发布网站维护网站维护2022/12/6广东金融学院164新建和管理站点新建和管理站点v创建站点创建站点使用站点向导创建本地站点使用站点向导创建本地站点使用高级设置建立本地站点使用高级设置建立本地站点2022/12/6广东金融学院174新建和管理站点新建和管理站点v管理站点管理站点打开站点打开站点编辑站点属性编辑站点属性删除站点删除站点操作站点文件操作站点文件新建文件或者文件夹新建文件或者文件夹重命名文件或者文件夹重命名文件或者文件夹删除文件或者文件夹删除文件或者文件夹编辑文件编辑文件2022/12/6广东金融学院184新建和管理站点新建和管理站点v问题问题1)1)新建的站点是本地站点，还是远程站点新建的站点是本地站点，还是远程站点？2)2)新建站点时，为什么要在本地磁盘中新新建站点时，为什么要在本地磁盘中新建一个文件夹？建一个文件夹？3)3)删除站点时，站点对应的文件夹也一起删除站点时，站点对应的文件夹也一起被删除吗？被删除吗？4 4）有没有其它手段实现对站点文件的操作）有没有其它手段实现对站点文件的操作（如新建、删除、重命名等）？（如新建、删除、重命名等）？2022/12/6广东金融学院195上传和浏览站点上传和浏览站点v上传前准备上传前准备远程主机远程主机IPIP地址地址FTPFTP账号名称账号名称FTPFTP账号密码账号密码WebWeb站点的访问站点的访问URLURL2022/12/6广东金融学院205上传和浏览站点上传和浏览站点v上传站点上传站点2022/12/6广东金融学院215上传和浏览站点上传和浏览站点v浏览站点浏览站点根据预先提供的根据预先提供的WebWeb站点访问站点访问URLURL信息，在浏信息，在浏览器中便可以浏览上传的站点。览器中便可以浏览上传的站点。2022/12/6广东金融学院226总结并布置作业总结并布置作业v(1)(1)总结总结本次课共介绍了两个主题：网页的基本编辑本次课共介绍了两个主题：网页的基本编辑操作和操作和WebWeb站点的建设。网页的基本编辑操站点的建设。网页的基本编辑操作是网页制作的基础，是网页设计初学者首作是网页制作的基础，是网页设计初学者首先要掌握的内容。讲解站点建设和管理的目先要掌握的内容。讲解站点建设和管理的目的是想让学生能够尽早地从整体上把握网页的是想让学生能够尽早地从整体上把握网页制作的基本目的。制作的基本目的。2022/12/6广东金融学院236总结并布置作业总结并布置作业v(2)(2)作业作业1 1上网查询虚拟主机的相关资料及注册虚上网查询虚拟主机的相关资料及注册虚拟主机的基本步骤。拟主机的基本步骤。2 2在网络中注册一个免费的虚拟主机，然在网络中注册一个免费的虚拟主机，然后将自己的网页上传到新注册的后将自己的网页上传到新注册的WebWeb站点中。站点中。2022/12/6广东金融学院24LOGO