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

《《网页设计实用教程》第09章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、21世纪计算机系列教程网页设计实用教程电子教案退出第9章DreamweaverMX综合应用学习目的：网站的设计构思资源面板的应用行为面板的应用站点窗口的应用网站建设的全过程本章概述：本章任务在于利用DreamweaverMX的综合知识，设计一个关于网校的网站，从网站设计的构思到设计的准备，从网站的制作到网站的上传，基本体现了用DreamweaverMX设计一个网站的全过程，通过这个网校网站制作的实例，读者可以进一步学习有关网站构架设计、网站制作中资源面板的使用、网站上传知识。增加部分（第九章）一、插入-媒体-flash第九章插入-媒体-flash.htm二、添加声

2、音第九章添加声音.htm1、插入-媒体-插件Mp3注意：如果想隐藏播放器设置插件的宽、高2、直接制作链接向页面添加声音3、用代码向页面添加背景声音第九章用代码向页面添加背景声音.htm格式：在中例如：三、滚动字幕从左往右的（默认）添加方法：在设计窗口中找到位置代码窗口中输入Marquee注释：n.大帐篷字幕格式：内容向右

3、ueedirection="right">内容第九章滚动字幕.htm制作简单主页利用刚刚制作的网页9.1.1建站准备1.设置根目录所谓根目录，就是网站上所有文件放置的地方，根目录的建立，有利于文件的集中管理。根目录的建立方法很简单，在电脑硬盘的任一位置新建一个文件夹即可。此处，新建为网站根目录的文件夹取名为xxwx（“小小网校”的拼音字母缩写）。2.设置网站是用DreamweaverMX设计网站时要做的一项很重要的准备工作。主要分为设置本地网站与设置远程网站两步。3、模拟远程站点（使用Win2000或Win2003）建立具有Internet信息

4、服务功能的服务器（IIS服务器）（1）FTP站点（2）Web站点（1）FTP站点确认“允许匿名访问”（2）Web站点确认文档dreamweaver站点管理站点设置本地网站设置远程网站上传文件浏览Web站点9-49-59-69-79-89-99-10网站风格有很多类型，从网页繁简的角度可以分为复杂型与简洁型，所谓复杂型，就是在页面上放满了文字与图片，显得内容众多，面对众多的内容，有时让人无所适从，本书第六章“一个用表格设计网校主页的例子”，可以说就是属于复杂性的范畴。所谓简洁型，就是在排版时，突出几项主要内容，并修饰以简洁明快的图案，让人感觉轻松自然，如图9-1所

5、示，就是一个简洁型网页设计的例子。图8-19.1一个网站建立的实例本小节，将介绍一个简洁型网站主页制作的实例，其效果如图9-2所示。该网站的内容同样是关于网校的介绍，只是在设计风格上与第六章的内容完全不同，网站的名称叫“小小网校”，内容主要有“报名细则”、“网校地址”、“学员作品”、“初级培训班”、“中级培训班”、“网上报名”、“关于我们”等七个栏目，整个风格以“小”为主。图9-2“小小网校”效果图1.设置页面属性2.设置网页的尺寸以下没有素材，无法实现3.插入表格4.插入图片、Flash动画、按钮5.绘制层并在层上插入网页元素6.保存文件及设为首页7.上传文件9

6、.1.2制作网站9.2知识要点上一小节介绍了一个简洁性网校设计的例子，这个例子基本上反映了制作一个网站的全过程，知识要点有网站的设计构思、资源面板的应用、行为面板的应用、站点管理器的应用。9.2.1网站的设计构思包括：素材的准备、网站风格的选型、网站设计创意、网站设计流程等方面，以后，应该形成一份网站设计分析报告和网站构架蓝图。如果是进行专业网页制作，这个步骤显得更为重要。9.2.2资源面板的应用在专业网站设计过程中，面对大量的网页资源，如何行之有效地使用是一个很重要的方法。DreamweaverMX提供的资源控制面板，能够高效率地帮助设计出网页。资源控制面板几乎

7、包含了网页设计中拥有的一切网页元素，这些网页元素可以很方便地在网站的任何一个网页中引用。1.资源控制面板中的组件资源控制面板包括九个资源组件：颜色、图像、链接（URLs）、Flash动画、Shockwave、影片、脚本、库、模板，如图9-29所示。图9-29资源控制面板包括九个资源组件图像颜色链接Flash动画shockwave影片脚本模板库注意：在使用资源控制面板前，必须正确将本地网站设置好，且一定要选择（启用缓存）。2.显示资源控制面板要显示资源控制面板，有两种方法：按【F11】键。执行主菜单命令“窗口”/“资源”。3.更新资源控制面板内容4.资源组件分类资源

8、控制面板上