基于dreamweaver的高职教育网站设计

《基于dreamweaver的高职教育网站设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、基于Dreamweaver的高职教育网站设计第一章Dreamweaver8简要概述1.1熟悉Dreamweaver8的操作环境首先是安装Dreamweaver8.在我们安装完成Dreamweaver8并且进入到它之后，我们看到的是它的起始页。可以看到，在Dreamweaver8的起始页面我们可以创建新页面或者是打开我们近期制作过的或者是使用过的网页。在我们点击起始页面的“创建新项目”一列中的HTML之后，我们将会看到从左到右、从上到下依次为：标题栏、菜单栏、“插入”栏、文档工具栏、文档窗口、状态栏和属性面板，而右侧是面板组。Dreamweaver8中，最重要的并且

2、是使用最多的要数超链接了。超链接是网站的灵魂，并且是网站中最重要的组成部分，它的功能是指向人们将要访问的目标文档或是网页的其他元素，从而可以使我们从当前页面跳转到另外一个页面，或者在当前页面执行某项操作。11在超链接之前，必须明确的一点是，无论是使用图像、动画，还是设置链接，如果目标文件位于站点内，都涉及到路径的使用。在网页中，我们只能使用相对路径，即不包含站点根目录名称的的路径。学习超链接需要解决3个问题，一是可以将哪些网页元素设置成超链接，二是如何设置超链接，三是可以设置哪些类型的超链接。至于如何设置网页在何处打开，共有四个选项，其作用分别是：*-blank表

3、示的是在新窗口中打开链接目标。*-parent表示的是在当前窗口的父窗口中打开链接目标（针对框架网页，指的是当前框架的框架集）。*-self表示的是在当前窗口中打开链接目标，这是软件的默认选项。*-top表示的是在当前整个窗口的顶层窗口打开链接目标（针对框架网页，表示的是指当前框架的顶层框架）。1.2网站规划与管理创建网站的第一步也是比较重要的一步是创建站点。如果想要建立一个完整的网站，就必须要我们事先规划好整个网站的结构，然后再根据结构图设置网站栏目相关文件的存放目录并准备相应的素材和文件。第一点：根据要求确定网站内容。第二点：规划网站栏目。第三点：确定网页尺寸

4、与版面布局。第四点：确定网站配色与风格。第五点：收集网页所用素材。第六点：利用软件制作网页。第七点：测试和发布网站。下图是本论文网站的结构图，该图形象、直观地显示了整个网站的结构与分支。首页教学案例教学大纲教学改革教学课件职业素养资格证书新闻资讯网站首页网站结构图通常情况下，一个网站的结构往往与该网站的导航菜单相对应。拥有清晰的结构、完整的内容的网站结构，不但有利于设计和管理，而且还能提高浏览者的访问效率，使浏览者更容易更快速地找到所需要的信息。同时，只有在我们创建了站点之后，我们做起网站来才更加有章可循，更加顺手。我们在后期管理我们的网站时，文件的上传于取回也是

5、非常的重要。利用Dreamweaver8的新功能，我们可以在获取或者是上传文件期间执行其他与服务器不相干的活动，例如新建文件或是编辑文件等。无论是从本地站点上传文件到远程服务器，还是从远程服务器上取回文件，都应首先建立本地站点和远程服务器之间的连接。为此，可单击“站点”面板工具栏上的“连接到远程主机“按钮来连接本地站点与远程服务器。如果与服务器的连接成功，该按钮左侧的绿灯会被点亮。再次单击该按钮，则将断开与服务器的连接。111.3div+CSS层叠技术字体属性字体属性主要包括：字体族科、字体大小、字体样式和字体加粗。文本属性CSS文本属性主要包括字符间距、文字修饰

6、、文本排列、文本缩进、行高等。颜色和背景属性CSS的颜色属性可以为元素指定一个颜色，背景属性可以控制元素的背景。边框属性边框属性用于设置元素边框的宽度、样式和颜色。利用边框属性只能设置一组边框的宽度和样式。为了给出一个元素4种边框的不同值，必须利用一个或更多的属性，如上边框、下边框、左边框、右边框、边框颜色和边框宽度等。鼠标光标属性网页中默认的鼠标指针只有两种，一个是最普通的箭头，另一个是指向链接时出现的“小手”。使用CSS鼠标指针技术，当鼠标指向链接时，可以看到多种不同的效果。CSS可以通过鼠标光标属性实现通过样式改变鼠标形状，鼠标放置于被此项设置修改的区域上时

7、，形状会发生改变。定位属性定位技术是CSS的一个应用很广的知识点。通过该技术不仅可以控制元素的颜色、边框等属性，还可以控制元素的平面或空间位置以及可见性。CSS提供了两种定位方法，相对定位与绝对定位。所谓相对定位是指让某元素在相对其他元素的位置上进行偏移。而绝对定位是指让元素参照原始文件进行偏移。区块属性在格式化页面对象时，CSS将所有对象都放置在一个容器里面，这个容器成为区块。列表属性CSS中有关列表的设置极大地丰富了列表的外观。11第二章Dreamweaver8的发展前景2.1网页三剑客网页三剑客究竟指的是哪三剑客呢？顾名思义，它是网页编辑工具，并且是非常强大

8、的网页编辑