网页的设计实用教程第09章.pptVIP

21世纪计算机系列教程 第9章  Dreamweaver MX综合应用 学习目的： 　网站的设计构思 　资源面板的应用 　行为面板的应用 　站点窗口的应用 　网站建设的全过程 本章概述： 本章任务在于利用Dreamweaver MX的综合知识，设计一个关于网校的网站， 从网站设计的构思到设计的准备，从网站的制作到网站的上传，基本体现了用Dreamweaver MX设计一个网站的全过程， 通过这个网校网站制作的实例，读者可以进一步学习有关网站构架设计、网站制作中资源面板的使用、网站上传知识。 增加部分（第九章） 一、插入-媒体-flash 第九章插入-媒体-flash.htm 二、添加声音 第九章添加声音.htm 1、插入-媒体-插件 Mp3 注意：如果想隐藏播放器 设置插件的宽、高 2、直接制作链接 向页面添加声音 3、用代码向页面添加背景声音 第九章用代码向页面添加背景声音.htm 格式：在body中 bgsound src= “文件名” loop=“循环次数 例如： body bgsound src=sound/我祈祷.mp3 loop=2 /body 三、滚动字幕 从左往右的（默认） 添加方法： 在设计窗口中找到位置 代码窗口中输入 Marquee 注释： n.大帐篷?字幕 格式： marquee direction=“方向值” 内容 /marquee 向右 marquee direction=right 内容 /marquee 制作简单主页 利用刚刚制作的网页 9.1.1建站准备 1. 设置根目录 所谓根目录，就是网站上所有文件放置的地方，根目录的建立，有利于文件的集中管理。 根目录的建立方法很简单，在电脑硬盘的任一位置新建一个文件夹即可。 此处，新建为网站根目录的文件夹取名为xxwx（“小小网校”的拼音字母缩写）。 2. 设置网站 是用Dreamweaver MX设计网站时要做的一项很重要的准备工作。 主要分为设置本地网站与设置远程网站两步。 3、模拟远程站点（使用Win2000或Win2003） 建立具有Internet信息服务功能的服务器（IIS服务器） （1）FTP站点 （2）Web站点 （1）FTP站点 确认“允许匿名访问” （2）Web站点 确认文档 dreamweaver 站点?管理站点 设置本地网站 设置远程网站 上传文件 浏览Web站点 9.1 一个网站建立的实例 网站风格有很多类型，从网页繁简的角度可以分为 复杂型与简洁型， 所谓复杂型，就是在页面上放满了文字与图片，显得内容众多，面对众多的内容，有时让人无所适从， 本书第六章“一个用表格设计网校主页的例子”，可以说就是属于复杂性的范畴。 所谓简洁型，就是在排版时，突出几项主要内容，并修饰以简洁明快的图案，让人感觉轻松自然， 如图9-1所示，就是一个简洁型网页设计的例子。 本小节，将介绍一个简洁型网站主页制作的实例，其效果如图9-2所示。 该网站的内容同样是关于网校的介绍，只是在设计风格上与第六章的内容完全不同， 网站的名称叫“小小网校”，内容主要有“报名细则”、“网校地址”、“学员作品”、“初级培训班”、“中级培训班”、“网上报名”、“关于我们”等七个栏目，整个风格以“小”为主。 9.1.2制作网站 1. 设置页面属性 2. 设置网页的尺寸 以下没有素材，无法实现 3. 插入表格 4. 插入图片、Flash动画、按钮 5. 绘制层并在层上插入网页元素 6. 保存文件及设为首页 7. 上传文件 9.2知识要点 上一小节介绍了一个简洁性网校设计的例子，这个例子基本上反映了制作一个网站的全过程， 知识要点有网站的设计构思、资源面板的应用、行为面板的应用、站点管理器的应用。 9.2.1网站的设计构思 包括：素材的准备、网站风格的选型、网站设计创意、网站设计流程等方面， 以后，应该形成一份网站设计分析报告和网站构架蓝图。 如果是进行专业网页制作，这个步骤显得更为重要。 9.2.2资源面板的应用 在专业网站设计过程中，面对大量的网页资源，如何行之有效地使用是一个很重要的方法。 Dreamweaver MX提供的资源控制面板，能够高效率地帮助设计出网页。 资源控制面板几乎包含了网页设计中拥有的一切网页元素，这些网页元素可以很方便地在网站的任何一个网页中引用。 1. 资源控制面板中的组件 资源控制面板包括九个资源组件： 颜色、图像、链接（URLs）、Flash动画、Shockwave、影片、脚本、库、模板，如图9-29所示。 2. 显示资源控制面板 要显示资源控制面板，有两种方法： 按【F