第1讲 网站规划及Dreamweaver 8.doc

第一讲 网站规划及Dreamweaver 8基础 教学目的与要求： 通过对本堂课的学习，使学生掌握网站和网页的基本知识，了解网站建设整体规划方法。熟悉DREAMWEAVER 8中文本、多媒体、表格及层的使用，弄清静态网页与动态网页的区别。 二、教学难点与重点： 1、网站的整体规划 2、网站设计原则 3、网页中图像、声音及FLASH的插入 4、用表格布局网页 三、教学方式 1、任务驱动法 2、理论与实践一体化：先讲解知识点，演示例题，再由学生动手练习 四、教学手段：讲授+演示+学生实践操作 五、课时：2 六、作业布置：到网络上浏览一些好的网站，学会欣赏，记下成功网站的布 局、经验和技巧 七、教学过程与内容： （一）提出任务，引入课题（5分钟） 上学期我们学过一门课程：《网页制作》，所用的软件是Dreamweaver 8,但主要内容是讲解网页制作的基础知识，以静态网页为主。那我们在上网的时候，进入像：新浪、网易等这类网站的时候会发现，他不仅仅是静态网页，也不是一个页面；他们基本上都是具有有动态功能的网站，并且有很多页面组成。 我们要想设计一个完整的网站，甚至是具有动态功能的网站，那该如何进行呢？ 这一学期的《网站建设和管理》这门课程将会详细告诉我们如何理解网站、动态网页及网站管理的基本概念，掌握网站制作、网站管理的基本方法。 （二）分析任务，讲授新课（15分钟） 一、网站的系统规划 网站的系统规划工作，原则上是按照信息系统的流程来进行的。然而，根据网站这类特殊信息系统的自身特点，在规划企业网站时，特别需要注意对网站定位、环境设置等方面的总体考虑。要了解客户需求，进行网站结构规划、内容编辑，撰写“网站功能需求分析报告”，提供网站系统硬件、软件配置方案，整理相关技术资料和文字资料。 1、题材的选择 在INTERNET上，各种各样的网站非常之多，题材千奇百怪,琳琅满目1 网上求职2 网上聊天／即时信息/ ICQ　3 网上社区／讨论 / 邮件列表4 计算机技术　5 网页/ 网站开发?6 娱乐网站?　7 旅行?　8 参考 /资讯　9 家庭/教育10 生活/时尚网页色彩搭配的原理1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。3.色彩的合适性。色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。有这么一句俗语：好的开是成功的一半。在网站设计上也是如此，首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页设计的功力了。所以，首页的设计和制作是绝对要重视和花心思的。这个站点很cool，很有个性！ 2、插入栏： 3、面板： 4、视图模式： A、设计视图：一个用于可视化布局、可视化编辑和快速应用程序开发的环境 B、代码视图：一个用于编写和编辑HTML、JSP、ASP等语言的环境 C、拆分视图：窗口中能同时显示设计和代码视图两部分 5、静态网页与动态网页的区别： A、静态网页：在任何情况下浏览页面，所看到的结果都是不变的（一致的） B、动态网页：页面可动态更新，能与浏览者进行互动 四、文本与图像的处理： 1、文本： 网页设计中通用的字体为“宋体”，字的大小为12像素（注：必须指定字的大小，否则显示可能异常） 2、图像： A、图形文件不要使用中文或特殊符号居住面积 文件名 B、图像使用前应先复制到指定文件夹，否则可能不能正常显示 C、替代文本：是指图形不能显示或鼠标停留时显示的文字提示 五、添加声音与FLASH： （1）声音：应采用体积小，压缩格式的音乐文件，如：MID、MP3等，否则影响速度 例：将bg.mid做为背景音乐播放BODY中加入 bgsound src=”bg.mid” loop=”-1”/ 其中loop=”-1”表示播放次数为“无限循环” （2）视频的添加： 如：play.rm aa.mov 将视频播放代码捆绑到网页中，修改文件的路径等相应的参数 （3）FLASH： SWF “插入”—”媒体”(”FLASH”(选择FLASH文件 设置FLASH的透明播放:参数 Wmode(transparent 六、表格的应用： 1、插入表格：确定行列 2、属性设置：设置高、宽、填充、间距、对齐等 3、单元格的合并与拆分 4、表格使用技巧 （三）解决任务，学生实践（20分钟） 任务一： 打开新浪、网易、久久音乐网等网站进行欣赏和参考，再为自己规划一个网站、写一篇规