网页设计基础Dreamweaver 8.docVIP

网页设计基础Dreamweaver 8 1 网站规划设计 1.1 网站的基本概念 因特网美国国防部高级研究计划管理局Advanced Research Projects Agency)建立的。网站(Website)是指在上，根据一定的规则，使用HTML等的用于展示特定内容的相关网页的集合。简单地说，网站是一，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。目录规划：等等。程序：网页互动程序，例如：ASP PHP、 XML 、 CGI等等。特效：让网页看起来生动活泼的各种应用，如：FlashJava script 、Java applets 、 vb script 、DHTML等等。7、?内容：网站主题、整体实用性、文件关联性、内容切合度、是否有不必要的档案等等。8、走向：对于网站的未来规划、网站整体内容走向等。 Dreamweaver软件。应尽量选用较新的版本，新版本会有一些功能上的更新。本章主要讲解用Dreamweaver8的基本操作。 2 Dreamweaver 8的基本操作 2.1 建立站点 在制作网页之前，用户首先要创建站点，这是网页制作的前提。 以创建个人站点为例，其操作步骤为： 单击“站点”-“新建站点”命令，弹出“站点定义”任务窗格（如图8-2-1所示），选择“基本”选项卡，现在就可以按照软件的提示，一步一步进行站点的定义： 第1部分，要给你的网站定义一个名称，比如MySite，然后单击“下一步”； 图8-2-1 第2部分，是否选择服务器技术，由于我们这是静态网页的制作，可以不用服务器技术，所以选“否，我不想使用服务器技术”（如图8-2-2所示），然后单击“下一步”； 图8-2-2 第3部分，如何使用您的文件，我们一般制作和编辑网页都是在本地机上进行操作，所以选“编辑我的计算机上的本地副本...”，并在“您将把文件存储在计算机上的什么位置”处，选择你需要存储的位置（如图8-2-3所示），然后单击“下一步”； 图8-2-3 第4部分，如何连接远程服务器，这里我们在下拉菜单里选择“无” （如图8-2-4所示），然后单击“下一步”； 第5部分，到这里，站点的基本属性就已经基本定义好了（如图8-2-5所示），再检查一遍看是否有定义错的地方，然后就可以单击“完成”，完成站点的定义。 图8-2-4 图8-2-5 2.2 创建网页 站点定义好之后，就该开始为你的网站创建网页了。单击“文件”-“新建”命令，弹出“新建文档”任务窗格（如图8-2-6所示），选择“常规”选项卡，在“类别”选单里选择“基本页”，然后在“基本页”选单里选择“HTML”，然后单击“创建”，即可创建一个新的空白网页。 图8-2-6 空白页面新建好之后，我们就可以对网页进行编辑了。在编辑之前，首先来认识一下Dreamweaver软件的几个组成区域，分别有：菜单栏、工具栏、工作区域、“属性”面板、浮动面板等（如图8-2-7所示）。其中，工具栏、工作区域、属性面板这三个区，是我们在静态网页设计里使用最频繁的。 网页编辑过后，需要把网页保存在磁盘的某个位置。打开“文件”菜单，选择“保存”命令，网页就会保存在我们刚刚定义好的站点文件夹中。如果有需要，也可以选择“另存为”命令，将网页文件保存在其他的文件夹中。 图8-2-7 2.3 编辑文本 网页内容是丰富多彩的，有文字和图像，还有声音和动态内容。这些内容都需要在网页设计制作时输入到网页上，并进行一定的设置。文本是网页上最多、最基本的信息表达形式。文本的编辑、设置是网页的基本操作。在网页“设计”视图中对文本的输入和页面的编辑与Office系列软件中Word文字处理软件基本相似，这里简单的介绍一下。 输入文本 只要将鼠标移动到需要输入文本的位置输入文本即可。或者从其他文档中复制文本内容到预定的位置，在“编辑”菜单中选择“粘贴”命令即可。输入文本的页面如图8-2-8所示。 设置字体 将文本输入到页面上后，即可进行修饰和设置，具体操作方法如下： 关于段落的行首缩进和空格的运用 段落的行首缩进，通常采用插入三个不换行空格的方式，即在工具栏的下拉菜单中选择项，然后单击“文本”工具栏最右边的字符按钮，即选择“不换行空格”，就可以插入空格。 关于文本的换行方式 在页面上编辑文本时，有两种换行方式：一种是换行符，即按下“Shift+Enter”键，文本换行但不分段，上下两行文字之间不产生空行效果；一种是分段符，即只按下“Enter”键，文本换行并分段，段与段之间的文字会产生一个空行，产生段落效果。 文本的属性设置 Dreamweaver中网页文本的属性设置，都可以在“属性”面板中完成。首先选中你需要设置的文本，然后，就可以