使用Dreamweaver模板构建网站.doc

使用Dreamweaver模板构建网站网站内页的设计大部分是一致的，当制作完许多内页后，如果想要更新网站，一个一个文件地修改显然十分麻烦。其实只要引用模板，就可以轻松构建和更新网站。 效果说明先制作一个简单的页面，并将其制作成模板，然后以模板新建页面，随意输入内容。再次打开，并更新模板，页面也会随之更新。 创作思想打开 Dreamweaver MX 2004 软件新建页面，然后依次单击【插入】、【模板对象】、【创建模板】命令创建模板。制作完模板后，调用模板新建页面。更新网站时，打开模板文件进行修改并保存。 操作步骤 （ 1 ）打开 Dreamweaver MX 2004 软件，新建文件，单击【插入】菜单，开始创建模板，如图 5-1 所示。提示：创建模板之前必须先建立站点，否则 Dreamweaver 会提示新建站点。因为创建的模板页面必须放在站点下才能应用到其他页面中。 （ 2 ）制作导航栏与框架。先插入表格，两行一列，在表格第一行输入“首页”、“我的相册”、“我的日记”、“联系本人”，然后将鼠标定位在第二行，单击【插入】菜单，创建可编辑区域，如图 5-2 所示。 （ 3 ）添加表格。在可编辑区域内添加表格，用表格控制可编辑区域的宽度和高度，如图 5-3 所示。 （ 4 ）设置表格并保存文件。设置表格的高度并保存文件，保存文件名为“ index.dwt ”，如图 5-4 所示。 （ 5 ）使用模板新建文件。在上面保存好了模板文件后，就可以使用模板新建文件，操作如图 5-5 所示。 （ 6 ）在页面中的可编辑区域输入信息，可以随便输入，在此只是演示而己。 （ 7 ）打开模板文件，如图 5-6 所示。 （ 8 ）更新模板内容并保存，如图 5-7 所示。 （ 9 ）执行完图 5-7 中所示的第 4 步操作后，会弹出一个如图 5-8 所示的提示框，单击该提示框中的【关闭】按钮完成操作。这时在浏览利用模板创建的网页，可以发现其中与模板内容相同的某些内容有所改变。 模板是一种特殊的文档，可以按照模板创建新的网页。模板中有些区域是不能编辑的，称为锁定区；有些区域则是可以编辑的，称为可编辑区。可以通过编辑可编辑区的内容，从而得到与模板相似但又有所不同的新的网页。使用模板创建网页的最大好处就是，当你修改模板时使用该模板创建的所有网页可以一次自动更新，这就大大提高了网页更新维护的效率。Dreamweaver网页编辑常用表现的实现方法取消文本居中 在编排网页文本时，你可能会遇到这样的问题：只想让一行字符居中，但其它行的字符却会跟着也变成居中了。其实，这是因为在Dreamweaver MX中进行居中、居右操作时，默认的区域是P、H1H6、Div等格式标识符，如果你的语句没有用标识符隔开，Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用隔开。让链接文字有提示信息当鼠标停留在链接上时，在光标的右下方有时会出现一个提示信息框，对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。在a href=“”中添加“Title”属性，“Title”后面添加提示内容即可。例如： 。快速调用时间轴使用Dreamweaver MX制作网页的朋友都知道，新安装的Dreamweaver MX在快速启动面板中没有时间轴，如果要急着用它的话该怎么办？这里有一个快速调用时间轴的方法，按下“Alt+F9”组合键，或是在软件主窗口中依次点击“窗口其它时间轴”。 自动刷新页面无论是重复刷新还是自动跳转，在设计中都是相当实用的操作。下面介绍一下它们的制作方法。选择Dreamweaver MX插入控件面板的“文件头”部分，然后点击“刷新”按钮，随即会跳出“刷新”对话框，然后输入框中键入刷新延迟的时间“300”（单位：秒），“操作”为刷新指定的目标URL。因为现在是刷新当前页面，直接选择“刷新此文档”选项即可。定义网页关键字当用户使用搜索引擎搜索内容合适的网页时，关键字起着不容忽视的作用。大多数搜索服务器会每隔一段时间自动探测网络中是否有新网页产生，并按关键字进行记录，以方便用户查询。这时关键字的定义就尤为重要了。选择Dreamweaver MX插入控件面板的“文件头”部分，点击“关键字”按钮，弹出定义窗口，录入需要逐个定义的关键字即可。注意每个关键字以“；”号隔开，数目没有限制。制作“空链接”“空链接”就是没有链接对象的链接，“空链接”中的目标URL是用“#”来表示的。也就是说制作链接时，只要在属性面板的链接输入框中录入#标记后，它就是个空链接了。在很多情况下都要用到空链接，比如一些没有定期完成的页面，或是为了保持链接样式与普通文字样式的一致性。让文字和图片内容共处在Dreamweaver MX中，图片对象往往是独占一行，那么文字内容只能在与其平行的位置上，怎么样才可以让文字围绕图片显示呢？方法如下：选中图片，在属性面板的右上方找到“对齐”的属性选单，选择“左对齐”，这时你就会发现文字已经整齐地排列在图片的右边了。 以新窗口形式打开链接要想在不覆盖当前窗口的前提下，打开一个新的浏览器窗口，你可以直接在链接代码a href=中加入“Target=_blank”语句。也可以在Dreamweaver MX属性面板的“目标”下拉框中点击下拉菜单，选择“_blank”即可实现。制作随意拖动的对象访问网站时，经常能见到不少可以用鼠标拖动的元素，其中以图片居多。比如，一张广告图片挡住了你想浏览的内容，你可以用鼠标选中它把它扔到一边去！制作这种效果是通过图层的“拖动层”行为实现的，单击行为面板中“+”号，选择“拖动层”，制作之前你应该保证目标图层处于选中状态，进行简单设置后就OK了。调整表格高度我们在使用Dreamweaver制作主页的时候往往需要改变表格的高度。然而有时当我们拖动表格的边框，无论怎样拖动，等到松开鼠标时，表格却又恢复到原来的样子。这种情况的原因在于我们已经为表格提供了一个固定的高度。如何去除表格的高度设置呢？简单方法是：首先我们需要选定表格，将光标移动到表格内，然后按“Ctrl+A”组合键，选中光标所在位置的最小表格，然后在属性框中点