第2章站点的创建与管理ok

青岛黄海职业学院信息工程系-1-网页设计与制作青岛黄海职业学院信息工程系-2-第二章站点的创建与管理青岛黄海职业学院信息工程系-3-站点与网站空间新建站点管理站点编辑站点新建文件和文件夹设计站点地图页面属性设置青岛黄海职业学院信息工程系-4-重点内容难点新建站点设计网站地图编辑站点站点的管理页面属性设置青岛黄海职业学院信息工程系-5-站点–站点是一组具有共享属性（如相关的主题、类似的设计或共同的目的）的链接文档，是管理网站中所有关联文档的工具，它利用不同的文件夹，将不同的网页内容分门别类的保存。它由文档和存放文档的文件夹组成。通过它可将文件上传至Web服务器、自动跟踪和维护超级链接、管理文件和共享文件。准备知识青岛黄海职业学院信息工程系-6-一般说，要制作一个优秀的网站，首先在本地磁盘上制作该网站，完成后再将其上传到与internet相连的web服务器上。–站点分类1、本地站点：即放在本地磁盘上的网站。2、远程站点：位于互联网web服务器上的网站3、测试站点：处理动态网页准备知识青岛黄海职业学院信息工程系-7-站点与网站空间什么是网站空间？网站空间就是网络上的服务器，具有固定IP地址，存储空间大，主要作用是为网络用户提供各项服务，实现网络资源共享。建立本地文件夹即可定义DreamWeaver网站，若要向Web服务器传输文件或开发程序，则需要建立远程站点和测试站点。青岛黄海职业学院信息工程系-8-将站点中的内容进行分类：创建根文件夹，多个子文件夹命名文件和文件夹：命名使用英文或汉语拼音，不要使用中文、不能含空格等非法字符。（建议使用小写的英文名称）。命名要有规律，意义明确，便于记忆和日后管理。一、规划站点目录结构网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。我们可以通过把站点中的内容进行分类，把相关的内容放在同一个文件夹中，使网站的结构清晰明了，便于管理和查找。青岛黄海职业学院信息工程系-9-合理分配各类型的文件：对文件进行分类存放，放在不同的文件夹里，使网站的结构清晰明了，便于查找、使用和管理文件。\images\photoE：\myweb\works\sound\media本地站点的目录结构青岛黄海职业学院信息工程系-10-二、创建本地站点一是利用向导完成。二是利用高级设定来完成。若已经存在站点可从管理站点中新建尽量用英文，方便站点上传青岛黄海职业学院信息工程系-11-站点创建过程1、先启动Windows的资源管理器，在F盘根目录下创建“myweb”文件夹，并在其中创建“image”子文件夹。2、启动Dreamweaver后，单击“站点”菜单中的“新建站点”命令，弹出“未命名站点1的站点定义为”对话框，在对话框中选择“高级”标签“分类”“本地信息”。3、输入“站点名称”、“本地根文件夹”等一系列信息。4、单击“确定”按钮，即可完成本地站点的创建。青岛黄海职业学院信息工程系-12-完成了站点的创建后，我们可以在“文件”面板中看到。青岛黄海职业学院信息工程系-13-三、管理本地站点直接展开浮动面板组中“文件”，点击“资源”，或“窗口”“资源”（F11）打开资源子面板。青岛黄海职业学院信息工程系-14-1、新建文件夹和新建网页因为在一般情况下，站点有由几大部分构成，每一部分又包含许多内容，所以为了便于网站管理，可以为每一部分创建一个文件夹，将同一类的内容存放在同一个文件夹中，还可以在文件夹下建立子文件夹。新建文件夹：打开“文件”面板点击右键青岛黄海职业学院信息工程系-15-新建网页文件：网页分为主页和普通网页，主页一般直接存放在站点文件夹下。打开“文件”面板点击右键若是为主页文件命名，则将主页文件命名为index.html或default.html设成首页：在网页文件上点击右键，选择“设成首页”。青岛黄海职业学院信息工程系-16-文件和文件夹的移动、复制、粘贴、删除可以选择“编辑”，也可以用鼠标直接拖动。青岛黄海职业学院信息工程系-17-2、站点管理新建站点编辑站点复制站点删除站点导出和导入站点青岛黄海职业学院信息工程系-18-导出和导入站点当站点被删除或重新安装DreamWeaver时，站点的设置信息就会丢失，这时就需要重建站点；此外当在其他电脑上编辑同一个站点时也需要重建。可将站点的设置信息导出为.ste文件，需要时直接导入即可。青岛黄海职业学院信息工程系-19-网站-《NBA精彩回放》分析青岛黄海职业学院信息工程系-20-四、网页基本操作新建空白网页保存网页打开网页关闭网页青岛黄海职业学院信息工程系-21-创建一个简单网页1、单击“创建”按钮，Dreamweaver将自动创建一个空白文档。2、在“文档”工具栏的“标题”文本框中输入“我的第一个网页”3、用鼠标在文档窗口的工作区中单击，将插入点置入工作区的左上角，输入“Hello，world！”，按回车键后，再输入“这是一个用Dreamweaver生成的网页”。4、用鼠标拖动选中刚输入的两行文字，在“属性”面板的“大小”下拉列表中选择“36”，并单击“居中对齐”按钮，将文字居中放置。或通过“页面属性”进行设置。5、单击“文件”菜单中的“保存”命令或按“Ctrl+S”键，打开“另存为”对话框，在“保存在”下拉列表框中选择D盘根目录，在“文件名”列表框中输入“firstpage.htm”,单击“保存”按钮，保存刚创建的网页。6、按F12键，启动浏览器预览网页。浏览结束后，单击窗口右上角的“关闭”按钮，关闭浏览器窗口。青岛黄海职业学院信息工程系-22-五、设置网页的页面属性主要讲解：-外观设置-链接设置-标题设置-跟踪图像设置青岛黄海职业学院信息工程系-23-外观设置青岛黄海职业学院信息工程系-24-链接设置青岛黄海职业学院信息工程系-25-标题设置青岛黄海职业学院信息工程系-26-跟踪图像设置打开页面属性对话框，选择跟踪图像选项选择需要的图像设置透明度设置跟踪图像可根据已设计好的布局快速建立网页，步骤如下：青岛黄海职业学院信息工程系-27-跟踪图像对话框青岛黄海职业学院信息工程系-28-五、用浏览器浏览网页快捷键F12文件-在浏览器中浏览-浏览器若文件未保存则会提示，如果在编辑－首选参数中选择在浏览器中预览后再选择使用临时文件预览，则不再出现此类提示。青岛黄海职业学院信息工程系-29-显示和隐藏更改标尺原点重设原点更改度量单位六、标尺P20青岛黄海职业学院信息工程系-30-七、使用辅助线显示隐藏辅助线靠齐辅助线锁定辅助线查看辅助线的位置查看辅助线之间的距离编辑辅助线清除辅助线青岛黄海职业学院信息工程系-31-小结：站点的创建基本网页操作设置网页的页面属性青岛黄海职业学院信息工程系-32-作业：什么是站点？DreamWeaver中的站点有几部分组成？如何建立站点地图？一般被默认为主页的网页名称是什么？导出站点的扩展名是什么？青岛黄海职业学院信息工程系-33-