《DW课件上第一章网页设计导论》由会员分享，可在线阅读，更多相关《DW课件上第一章网页设计导论（24页珍藏版）》请在金锄头文库上搜索。
1、第二章 Dreamweaver的基本操作,一、站点的建立,（一）站点介绍： 1、站点的作用： 所谓站点，可以看作是一系列文档的组合，这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要建立站点，修改某网页内容时，也必须打开站点，然后修改站点内的网页。,站点分类： Web站点：从访问者的角度来看，Web站点是一组位于服务器上的网页，使用Web浏览器访问该站点的访问者可以对其进行浏览。 远程站点：从创作者的角度来看，远程站点服务器上组成Web站点的文件。 本地站点：与远程站点上的文件对应的本地磁盘上的文件。通常，先在本地磁盘上编辑文件，然后再将它们上传到远程站点的服务器上。,（二）创建本地站点
2、： 策划网站的目录结构（主要是规范网站目录的名称和网页名称） 对于网站目录和网页文件的命名最好使用英文单词去命名,或者使用拼音去命名 首先在某个磁盘中建立一个文件夹（例如在D盘建立myweb目录），然后在myweb目录文件夹中创建若干个相应的文件夹，用于分类存放其他各种类型的文件（例如图像文件可以存放在images目录中，论坛存放在bbs目录中，下载的文件存放在down目录中，软件或工具存放在soft或tools目录中等）,3.网站的目录结构常用名称,注意：从根目录开始所有对象命名都需要是英文命名。,建立本地站点： 目的： 在本地建立一个文件夹，此文件夹放置网站用到的所有文件。 建立站点的方法
3、： 菜单/站点/管理站点 图 管理站点/新建站点 图 下拉菜单/管理站点/新建站点 图,图,图,图,3.建立内容设置：,4. 建立完毕 5. 保存站点： 导出导入站点 导出的站点格式为：*.ste,二、网页的建立、保存及页面设置,（一）文件的建立 菜单栏/新建/常规/基本页/HTML/创建 快捷键CTRL+N 注：1.与2.两种创建方法 需要对话框选择（图 示见下页） 3. 起始界面HTML 注：最后一种直接创建。,（二）文件的保存 单击【文件】【保 存】或【另存为】命 令 保存快捷键Ctrl+S 另存为Ctrl+Shift+S 全部保存 注意:主页或首页的文件命名必须是index.htm，且
4、文件需保 存在站点根目录下。,（三）页面设置 页面属性修改准备 新建页面 在新建站点中的新保存文件index.htm，空白的页面上。我们来了解页面属性的设置和作用。 打开页面属性面板方法 在工作区点鼠标右键，选择页面属性或者在属性检查器上单击页面属性的按钮。 文档页面上鼠标右键单击，关联菜单最后一个。 菜单栏修改菜单页面属性 快捷键Ctrl+J 打开页面属性对话框的状态 .（图见下页）,页面属性各项内容的设置及作用： 【外观】设置 选择【页面属性】【外观】选项，就可以在该对话框的右侧位置分别设置当前网页的页面字体、大小、文本颜色、背景颜色、左上边距等，然后单击【确定】或【应用】按钮就可以使当前
5、的设置生效 。 【链接】设置 选择【页面属性】【链接】选项，就可以在该对话框的右侧位置分别设置当前网页的链接字体、大小、链接颜色、变换图像链接、已访问链接、活动链接、下划线样式等的参数。,3. 【标题】设置 用来设置网页文字 中的标题文本。 标题 1 至标题 6 指定最多六种标题标签使用的字体大小和颜色。 4. 【标题/编码】 设置 选择【页面属性】【标题/编码】选项，在该对话框的右侧位置可以设置当前网页的【标题】名称，也可以在当前网页中的【标题】位置设置该网页的【标题】名称 5. 【跟踪图像】设置 指定在复制设计时作为参考的图像。该图像只供参考，当文档在浏览器中显示时并不出现。 透明度：确定
6、跟踪图像的不透明度，从完全透明到完全不透明。,（四）网页文件头设置 插入搜索关键字 在互联网上通过搜索引擎查找资料时，搜索引擎自动读取网页中标签的内容，所以网页中搜索关键字非常重要，它可以间接地宣传网站，提高访问量。 插入HTML文件头标签关键字 插入HTML文件头标签Meta 都会产生以下代码： “”,插入作者和版权信息 设计制作网页后，可对自己制作的网页设置网页的作者和版权信息，以此宣传。 插入HTML文件头标签Meta 值：/x.Copyright 内容：作者名称和版权信息,设置刷新时间 要指定载入页面刷新或者转到其他页面的时间，可设置文件头部的刷新时间项。 插入HTML文件头标签刷新
7、延迟：设置浏览器刷新页面之前需要等待的时间，以秒为单位。 操作： 转到URL：在规定的延迟时间后，浏览器是转到另一个URL还是刷新当前页面。 刷新此文档：指刷新当前文档。（用于实时改变动态信息，如在线或离线用户等）,设置描述信息 搜索引擎也可通过读取标签的说明内容来查找信息，但说明信息主要是设计者对网页内容的详细说明，而关键字可以让搜索引擎尽快搜索到网页。 插入HTML文件头标签说明,设置页面中所有链接的基准链接 基准链接类似于相对路径，若要设置网页文档中所有链接都以某个链接为基准，可添加一个基本链接，但其他网页的链接与此页的基准链接无关。 插入HTML文件头标签基础 “HREF”设置页面中所有链接的基准链接。 “目标”指定所有链接的文档都应在哪个框架或窗口中打开。,（五）局域网网站的发布及测试（详见Word文档） 在windows xp环境下 在windows 7环境下,四、总结,掌握站点建立及管理使用。 对网页的建立、保存 页面属性设置操作。 网页文件头设置 局域网网站的发布及测试,五、作业,建立一个高级站点，创建一个新的文档，设置一个漂亮的背景，最好是连续纹样的，做好该文件中网页文件头的设置。并在局域网进行发布测试。 可以选择一篇小说来设计。,
