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

网页设计与制作 第二章　站点的创建与管理 站点与网站空间 新建站点 管理站点 编辑站点 新建文件和文件夹 设计站点地图 页面属性设置 准备知识 站点 站点是一组具有共享属性（如相关的主题、类似的设计或共同的目的）的链接文档，是管理网站中所有关联文档的工具，它利用不同的文件夹，将不同的网页内容分门别类的保存。它由文档和存放文档的文件夹组成。通过它可将文 件上传至Web服务器、自动跟踪和维护超级链接、管理文件和共享文件。 准备知识 一般说，要制作一个优秀的网站，首先在本地磁盘 上制作该网站，完成后再将其上传到与internet相连的 web服务器上。 站点分类 1、本地站点：即放在本地磁盘上的网站。 2、远程站点：位于互联网web服务器上的网站 3、测试站点：处理动态网页 站点与网站空间 什么是网站空间？ 一、规划站点目录结构 将站点中的内容进行分类：创建根文件夹，多个子文件夹 命名文件和文件夹：命名使用英文或汉语拼音，不要使用中文、不能含空格等非法字符。（建议使用小写的英文名称）。命名要有规律，意义明确，便于记忆和日后管理。 　　 合理分配各类型的文件：对文件进行分类存放，放在不同的文件夹里，使网站的结构清晰明了，便于查找、使用和管理文件。 \images \photo 　 E：\myweb \works \sound \media 本地站点的目录结构 二、创建本地站点 一是利用向导完成。 二是利用高级设定来完成。 站点创建过程 1、先启动Windows的资源管理器，在F盘根目录下创建“myweb”文件夹，并在其中创建“image” 子文件夹。 2、启动Dreamweaver 后，单击“站点”菜单中的“新建站点” 命令，弹出“未命名站点1的站点定义为”对话框，在对话框 中选择“高级”标签 “分类” “本地信息”。 3、输入“站点名称”、 “本地根文件夹”等一系列信息。 4、单击“确定”按钮，即可完成本地站点的创建。 完成了站点的创建后，我们可以在“文件”面板中看到。 三、管理本地站点 1、 新建文件夹和新建网页 新建网页文件：网页分为主页和普通网页，主页一般直接存放在站点文件夹下。 文件和文件夹的移动、复制、粘贴、删除可以选择“编辑”，也可以用鼠标直接拖动。 2、站点管理 新建站点 编辑站点 复制站点 删除站点 导出和导入站点 网站-《NBA精彩回放》分析 四、网页基本操作 新建空白网页 保存网页 打开网页 关闭网页 创建一个简单网页 1、单击“创建”按钮，Dreamweaver 将自动创建一个空白文档。 2、在“文档”工具栏的“标题”文本框中输入“我的第一个网页” 3、用鼠标在文档窗口的工作区中单击，将插入点置入工作区的左 上角，输入“Hello，world！”，按回车键后，再输入“这是一个用 Dreamweaver 生成的网页”。 4、用鼠标拖动选中刚输入的两行文字，在“属性”面板的“大小”下 拉列表中选择“36”，并单击“居中对齐”按钮，将文字居中放置。或 通过“页面属性”进行设置。 5、单击“文件”菜单中的“保存”命令或按“Ctrl+S”键，打开“另存为” 对话框，在“保存在”下拉列表框中选择D盘根目录，在“文件名”列表 框中输入“firstpage.htm”,单击“保存”按钮，保存刚创建的网页。 6、按F12键，启动浏览器预览网页。浏览结束后，单击窗口右上角 的“关闭”按钮，关闭浏览器窗口。 五、设置网页的页面属性 跟踪图像设置 打开页面属性对话框，选择跟踪图像选项 选择需要的图像 设置透明度 跟踪图像对话框 五、用浏览器浏览网页 快捷键F12 文件-在浏览器中浏览-浏览器 六、标尺 显示和隐藏 更改标尺原点 重设原点 更改度量单位 七、使用辅助线 显示隐藏辅助线 靠齐辅助线 锁定辅助线 查看辅助线的位置 查看辅助线之间的距离 编辑辅助线 清除辅助线 小结： 站点的创建 基本网页操作 设置网