站点的创建与管理ok.ppt

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