《网页设计实用教程》第09章.pptx

21世纪计算机系列教程网页设计实用教程电子教案

第9章

DreamweaverMX综合应用

学习目的：网站的设计构思资源面板的应用行为面板的应用站点窗口的应用网站建设的全过程

本章概述：STEP1STEP2STEP3本章任务在于利用DreamweaverMX的综合知识，设计一个关于网校的网站，从网站设计的构思到设计的准备，从网站的制作到网站的上传，基本体现了用DreamweaverMX设计一个网站的全过程，通过这个网校网站制作的实例，读者可以进一步学习有关网站构架设计、网站制作中资源面板的使用、网站上传知识。

插入-媒体-flash第九章插入-媒体-flash.htm

添加声音第九章添加声音.htm1、插入-媒体-插件Mp3注意：如果想隐藏播放器设置插件的宽、高直接制作链接向页面添加声音

用代码向页面添加背景声音第九章用代码向页面添加背景声音.htm格式：在body中bgsoundsrc=“文件名”loop=“循环次数例如：bodybgsoundsrc=sound/我祈祷.mp3loop=2/body

从左往右的（默认）添加方法：在设计窗口中找到位置代码窗口中输入Marquee注释：n.大帐篷?字幕格式：marqueedirection=“方向值”内容/marquee向右marqueedirection=right内容/marquee第九章滚动字幕.htm

利用刚刚制作的网页

1.设置根目录所谓根目录，就是网站上所有文件放置的地方，根目录的建立，有利于文件的集中管理。根目录的建立方法很简单，在电脑硬盘的任一位置新建一个文件夹即可。此处，新建为网站根目录的文件夹取名为xxwx（“小小网校”的拼音字母缩写）。2.设置网站是用DreamweaverMX设计网站时要做的一项很重要的准备工作。主要分为设置本地网站与设置远程网站两步。

建立具有Internet信息服务功能的服务器（IIS服务器）FTP站点Web站点模拟远程站点（使用Win2000或Win2003FTP站点

确认“允许匿名访问”

Web站点

dreamweaver站点?管理站点

设置本地网站

设置远程网站

浏览Web站点

9-4

9-5

9-6

9-79-89-9

网站风格有很多类型，从网页繁简的角度可以分为复杂型与简洁型，所谓复杂型，就是在页面上放满了文字与图片，显得内容众多，面对众多的内容，有时让人无所适从，本书第六章“一个用表格设计网校主页的例子”，可以说就是属于复杂性的范畴。所谓简洁型，就是在排版时，突出几项主要内容，并修饰以简洁明快的图案，让人感觉轻松自然，如图9-1所示，就是一个简洁型网页设计的例子。图8-1

本小节，将介绍一个简洁型网站主页制作的实例，其效果如图9-2所示。该网站的内容同样是关于网校的介绍，只是在设计风格上与第六章的内容完全不同，网站的名称叫“小小网校”，内容主要有“报名细则”、“网校地址”、“学员作品”、“初级培训班”、“中级培训班”、“网上报名”、“关于我们”等七个栏目，整个风格以“小”为主。图9-2“小小网校”效果图

1.设置页面属性2.设置网页的尺寸以下没有素材，无法实现3.插入表格4.插入图片、Flash动画、按钮5.绘制层并在层上插入网页元素6.保存文件及设为首页7.上传文件

9.2知识要点上一小节介绍了一个简洁性网校设计的例子，这个例子基本上反映了制作一个网站的全过程，知识要点有网站的设计构思、资源面板的应用、行为面板的应用、站点管理器的应用。网站的设计构思包括：素材的准备、网站风格的选型、网站设计创意、网站设计流程等方面，以后，应该形成一份网站设计分析报告和网站构架蓝图。如果是进行专业网页制作，这个步骤显得更为重要。

资源面板的应用在专业网站设计过程中，面对大量的网页资源，如何行之有效地使用是一个很重要的方法。1DreamweaverMX提供的资源控制面板，能够高效率地帮助设计出网页。2资源控制面板几乎包含了网页设计中拥有的一切网页元素，这些网页元素可以很方便地在网站的任何一个网页中引用。3资源控制面板中的组件4

资源控制面板包括九个资源组件：颜色、图像、链接（URLs）、Flash动画、Shockwave、影片、脚本、库、模板，如图9-29所示。图9-29资源控制面板包括九个资源组件图像颜色链接Flash动画shockwave影片脚本模板库注意：在使用资源控制面板前，必须正确将本地网站设置好，且一定要选择（启用缓存）。

2.显示资源控制面板要显示资源控制面板，有两种方法：按【F11】键。执行主菜单命令“窗口”/“资源”。3.更新