第一章DW站点建立试卷资料.docVIP

第一部分：网络编辑实务之一网站建设 第一章 网站规划与网页设计 站点建设 教学目的：站点规划与站点的创建，是为网页制作前必须进行的设计，以便以后对整个网站维护与管理。是极其重要前提。 时间安排：4课时 教学重点：站点建设 教学方式：讲授+指导 教学过程： 序言 DW是美国著名的多媒体软件开发商MACROMEDIA公司推出的一套专业可视化网页开发工具。它与FLASH、FIREWORKS并称为“网页三剑客”，其中FALSH是用来制作网页动画，FIREWORKS是用来网页图像制作，而DW是用于网页开发，可以用于各类素材的集成与发布，可视性强，而且支持FLASH、SHOCKWAVE、ACTIVE等许多外部媒体的发布，再加上使用简单、方便，到目前为止，全世界范围超过60%的专业网页设计师都在使用这款软件来开发网页，编织他们的梦想。 界面如下 ●菜单栏：包含10类主菜单，涵盖了几乎DW所有的功能。 ●插入栏，包含很多可以插入的按钮。 ●文档工具栏：提供各种文档窗口的视图（如“设计”视图和“代码”视图） ●文档窗口：显示当前创建和编辑的文档。 ●属性面板：用于查看和设置属性 ●面板组：是各种面板的组合，不需要的可以暂时关闭。 知识点： 规划站点： DW是一个创建站点和管理站点工具，因为使用它不仅可以制作精美WEB网页，而且可以创建完整的WEB站点。为了达到最好效果，在设计网页之前，首先都必须对站点进行设计和规划。这个规划包括站点结构和导航系统的规划，网页模板和库的使用等等。 站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一个清晰的思路。 如何创建站点。 在正式开始制作网页之前呢，最好先定义一个新网站。这样做目的是可以利用站点窗口对站点文件进行管理。也可以尽可能减少一些错误出现。比如路径出错或者链接出错。（特别是对于我们这些初学者，更要注意条理性与结构性，一个文件放这里，另外一放那里。或者所有文件都放在同一文件夹里，这样显得很乱，而且容易出错,所以创建站点是非常必要的。 　1、本地站点 在Dreamweaver中制作网站，您必须定义一个本地站点，它是您的计算机上任意位置的一个文件夹。之所以一定要定义它，是为了告诉Dreamweaver您的文件存放位置，然后Dreamweaver就会将所有的设置针对该地址设置。　　具体操作为：　　1．My Site”，而实际上我的网站的名字叫“雅心居”）→在对话框中选择是否使用服务器技术--------因为我们现在建立是一个静态站点，因为选择否，我不想使用服务器技术---下一步---默认编辑到我计算机上本地副本----点击框右边的文件夹标志，在你的硬盘上查找并选择相应的文件夹．点击OK，本地站定义完成，Dreamweaver会自动导入站点的所有文件及信息。您可以在视窗中的本地站点窗口中查看。 2、定义站点 无论您制作的是个人主页还是公司网站，所有的文件都需要上传到网站服务器才能提供给访问者。在Dreamweaver中内置了FTP工具，因此你无须切换到其他软件就可以连接网站主机，上传更新您的站点。　　要使用Dreamweaver中的FTP功能，就必须定义站点的外部信息，具体操作方法为： 　　1． FTP 方式 　　．输入FTP相关信息例如： FTP主机地址、默认的远端文件夹、FTP登录用户名、Password（FTP登录密码） 　　　　下图为定义FTP方式示例：图：定义FTP方式的外部站点 　　如果您是在局域网内操作不需要FTP方式，您可以选择 方式。或者您已经熟悉使用其他的FTP软件而不愿意使用Dreamweaver内置的FTP功能，因此您可能只是在本地机操作，但我仍然建议您选择此方式定义一个外部文件夹，从而起到备份站点文件的作用。 与FTP定义方式相类似，您只需要在 中选择 方式，然后选择一个远端文件夹—编辑---进行编辑 第二节 站点内容编辑 一、创建站点文件 1．打开站点，在站点下建立文件。右键单击站点文件夹→新建文件→untitled.htm（我们给这个无标题页面起个名字，一般情况下首页的名字是“index.html”。浏览器打开某个网站，一般是先找“index.html”，再找“index.htm”这个顺序是服务器决定的，而且绝大多数服务器都遵循这个原则，而且一般用户是无权修改这种设定。所以在制作网站的时候，我们最好把网站的第一页命名为index.html或index.htm. 2.把untitled.htm修改为index.htm(主页),双击主页文件index.htm，回到编辑区域，在标题栏里输入名字：我的主页，然后保存（ctrl+s）. 注意：①页面的名称必须是小写的英文字母。②htm是文件的后缀，也就是这网页文件的类型说明，表示这个网页是静态的htm