第一篇：网页设计课程总结

网页设计课程总结

摘要：自从第一个网站在上个世纪 90 年代初诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。然而，时代在进步，接下来出现了表格布局，然后是 Flash，最后是基于 CSS 的网页设计。很有幸的,这学期跟着老师学习了网页课程设计，了解了网页设计的基础知识，会制作简单的小网页。

关键字：基础知识原则要点软件发展方向主流技术 发布与维护 网页设计基础知识

说起网页，不得不提几个和它相关的名词。

（1）WWW 又称万维网，也可以简称为WEB或3W，是一种建立在INTERNET上的庞大的基于超文本的网络信息系统，具有全球性、交互性、动态性、跨平台、分布式等特点。

（2）www浏览器是专门用来定位和访问WEB信息的应用程序或工具软件。常用的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator.ta.（3）WWW服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网

页提供者将制作和的网页存放在服务器上供用户浏览。采用客户机/服务器的工作模式。

（4）超文本与超媒体是WWW的信息组织形式。在WWW系统中，信息是以一种非

线性的超文本方式组织的。

（5）超链接在本质上属于网页的一部分，它是一种允许我们同其他网页或站点

之间进行连接的元素。

（6）URL统一资源定位器是对Internet上资源的一种准确的定位机制，它以

一种全世界统一的唯一标识来确定某个网络资源，可以访问Internet上任何一台主机或者主机上的文件。

（7）搜索引擎是一个对Internet上的信息资源进行搜集整理，并供用户快速

查询的系统。

（8）网页是构成WEB站点的基本单位，是一种包含HTML格式内容的文本文件，它存放在INTERNET上的WWW服务器中，当用户在客户端浏览器中输入网址发出

请求时，就被快速传送到客户机上，经过浏览器解释，在窗口显示丰富多彩的网页内容。

网页设计中应遵循的原则

1、页面内容要新颖 网页内容的选择要不落俗套，要重点突出一个“新”字

2、网页命名要简洁 在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。

3、要及时更新网页

因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，4、注意视觉效果

设计Web页面时，一定要用不同于1024*768的分辨率来 分别观察。

5、随时注意网站升级 时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。

6、网页内容要易读

必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合。一般来说，浅色背景下的深色文字为佳。，7、善用表格来布局 要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。

8、少用特殊字体 在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。

9、多学习和使用HTML 为了成功地设计网站，你必须理解HTML是如何工作的。还有一些小细节：尽量少用Java程序，少放网站地图，要为图片附加注释文字，做个网站介绍，考虑浏览器的兼容性，不宜多用闪烁文字，每个页面都要有导航按钮，避免长文本页面，网页风格要统一，动画最多只用一个，善用图像，网站导航要清晰，最好不用记数器，不能忽视错别字，不要用框架，使用著名的插件，使网站具有交互功能等

网页设计要点

一、确定网站的整体风格

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

二、网页色彩的搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

网页制作工具软件介绍

1.Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具；

2.Frontpage，跟Dreamweaver一样，不过个人感觉还是Dreamweaver好；

3.Flash，网页需要画面流动时的首选择；

4.Photoshop，图像处理软件，一般网页都需要有图片相搭配，Photoshop是款很强大的工具。

5.Fireworks，跟Photoshop一样都是图像处理软件，但Fireworks偏向与对网页的处理。

网页设计发展方向

1.更多的CSS3 + HTML5

这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在2013年CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之。2013年，Flash渐行渐远，魔术师“HTML5”成为舞台的主角：

2.简单的配色方案

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果。网页制作主流技术

目前，最常用的三种动态网页语言有ASP(Active Server Pages)，JSP(Java Server Pages)，PHP(Hypertext Preprocessor)

ASP全名Active Server Pages，又成为服务器端的VBScript，所以采用我们非常熟悉的VB语法。由于采用Basic语法，只要熟悉Basic语言，有点html基础，要学习掌握ASP是很简单的事情。任何文本编辑都可以进行编辑，当然，对于asp我们还是推荐采用Microsoft公司的InterDev。可它却只能在NT和win2000上很好的支持。

JSP全名Java Server Pages，采用java语法，由于java体系的任何东西都是需要JDK支持的，同样，JSP也离不开JDK。由于java高度的面向对象和灵活性，所以，比Basic稍微要难点。任何文本编辑都可以进行编辑，但是，却需要JDK先编译好。对于我们目前流行的两种最主流的网络操作系统（UNIX/Linux和NT/Win2000），都能很好的支持。

PHP全名Hypertext Preprocessor，采用类似C的语法。由于采用C语法，要学习掌握PHP也是比较简单的事情。任何文本编辑都可以进行编辑。对于我们目前流行的两种最主流的网络操作系统（UNIX/Linux和NT/Win2000），它都可以很好的支持，而且根本不用修改任何代码。

网页设计发布和维护

网页在本地制作完毕并测试成功后，需要上传到Internet上，这样用户才能访问，如果是个人网站，可以到internet上申请一个免费空间。

维护网站

在上传网页之前，还有一些工作需要做，这也是维护网站的一些手段，如：

（1）站点报告

（2）检查站点范围的链接

（3）查找和替换功能

（4）清理文档

（5）保持同步

参考文献：

1、黄斯伟.CSS完全使用详解[M].北京:人民邮电出版社,2007.72、刘瑞新.网页设计基础与网站维护教程[M].北京:机械工业出版社,2006.103、陈承欢.网页设计基础与网站维护案例教程[M].北京:人民邮电出版社,2007.34、温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.35、VK工作室.HTML+CSS入门讲座[M].北京:科学出版社,20046、胡艳洁.HTML标准教程[M].中国青年出版社,2004.9

第二篇：网页设计课程小结

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过寒假期间的学习，在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与c语言的基本掌握，自学网络设计的基础部分便显得较为轻松。谁然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

第三篇：网页设计高级课程

网页设计高级课程（5个月）

学习内容：使用Dreamweaver制作网页、使用Photoshop处理图像、网站配色与布局、制作Flash动画、DIV+CSS、淘宝网店装饰与推广、网站架构与策划、PHP+MySql网站开发、SEO网站优化与推广。白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333 px.byxy.com byxy.com

网页设计制作基本概述

理解网页设计制作原理、基本手段、流程与制作要求。

1．互联网、网页、网站、超级连接、HTML语言等基础网络知识的概念及定义

2．网站设计制作的常用工具与基本流程

3．HTML语言的基本结构和语法

熟练掌握网页设计制作的基础操作。讲解HTML代码。主要包括：

1、如何建立站点

2、对于网站文字，图片，超链接的设置

3、以及以上网页元素所对应的html代码

熟练掌握常用的页面版式与布局控制技术。

1、表格的应用

2、表单的应用

3、框架的使用

熟练掌握css+div的模式进行网页设计，并能够使用css制作特殊的效果的样式。讲解css和div的相关知识，主要包括：

1.css的基本概念，基础知识

2.css对于文字，图片的设置

3.css对于网页布局的控制，css的特殊效果等

使用JavaScript的相关行为进行网页的一些特效以及验证。

1、讲解JavaScript的基础知识

2、讲解JavaScript的常用方法。

了解网页设计色彩的搭配原则以及网站logo设计的基本原则。

1、网页色彩的色调组合，网页设计中色彩的基本原则

2、网站logo设计的原则以及基本创意

3、优秀网站作品赏析

掌握网站导航条的设计制作技巧以及网站banner的制作方法。

1、导航条设计的原则

2、导航条设计的创意

3、网站banner的表现手法

4、制作网站banner常用的技法

5、如何制作有创意且美观的网站banner

白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333

px.byxy.com byxy.com 欢迎前来报读

第四篇：浅谈网页设计课程教学

浅谈网页设计课程教学

摘要：网页设计课程是计算机和艺术的交叉学科课程，应注重将技术和艺术相结合起来进行教学。本文针对“网页设计 ”课程的特点，结合实践应用，阐述在教学方面的一些体会。

关键词：网页设计，教学方法

Abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these subjects.this paper is to base on the feature of “website design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method

一、引言

《网页设计》课程是职业院校计算机类专业及电子商务专业的一门专业课程，也是一门实践性很强的职业技术课程。由于《网页设计》课程实践性和更新性很强，该课程如果采用传统的教学方式，那结果是不理想的。在这里结合自身的实际经验，谈谈网页设计课程的教学。

二、教学策略

1．课程特点

网页设计课程是计算机和艺术的交叉学科课程。在教学过程中，除了要求学生掌握基本的技术外，也必须对艺术设计有一定的了解。网页设计应注重技术和艺术的统一性。在进行网页设计时，应考虑网站的总体结构，风格定位，色彩的应用，版式的设计等方面的因素，力求形式与内容的统一，让网页的显示达到快捷，美观的视觉效果。

2．教学方案

要设计一个好的网页作品，首要的因素不是创新，而是“用户体验”，第一步应该站在用户的角度去考虑设计方案，所有的形象风格都必须服从主题，服务用户。这就对网页的整体形象有了较高的要求，整体形象包括版式设计，色彩的应用，logo设计，素材设计，广告设计，web图像设计及优化，交互方式等等。在教学时，我们可以结合实际，要求学生从版式布局设计和网页元素的处理及色彩搭配三方面着手，归纳如下：

（1）版式设计

网页的美感来源于网页的版式设计，它突出了网页设计的艺术性和个性，属于网页的艺术设计，好的版式设计会使得网页显得更具有美感和创意。网页的版式设计是基于内容的，应该从实用性和艺术性考虑。网页内容一定要主次分明，中心突出；导航要清晰；可以图文并茂，是网页显得生动和活跃。除此以外，网页的版式设计要符合统一、分割的原则。统一即指整个网站版式风格的统一性、整体性；分割即指要科学的划分整个页面。

网页的版式设计主要是表格、层等技术的应用。表格是一种最简单的布局手法，它可以将图像和文字做最恰当的编排，达到清晰易懂的效果。层（div）的布局，是现在正当流行的排版手法，它主要应用相对位置等的关系进行准确定位，再加上层叠样式表的辅助，突出了它对网页的设计具有可扩展的优势。

文字是网页内容的主要载体，所以文字的视觉效果在版式设计中也起着关键的作用。文字的设置可以分为字体、大小、颜色、行距等，通过这些属性设置，使文字排列得整体和美观。但要注意的是中文字体和英文等其他字体的设置，是有一定区别的。英文的字体有很多的选择，但中文的正文字，总的来说，就两种：宋体和黑体。在传统的版式设计中，大家都还是倾向于英文的排版，从视觉上来看，英文字体更有韵律性，因为每个字母本身高矮不一致；但是中文字体相对来说，就显得单调和独立些，所以在设计时，这两种文字要作不同的处理。另外，也不要选择一些非常特殊的字体，除非用户的浏览器认识这些特殊字体，否则将会出现乱码。如果遇到非要使用特殊字体的情况，可将文字转换成图片再将其应用。对于字号而言，单位应采用em，而不是px，这点在使用层叠样式表（css）时尤为重要，还要注意的是em和px是有差别的，所以在使用的时候也要对上号，否则也达不到预先的视觉效果。文字一行的字数最好不超过50字，首页的标题在10-20字为佳；行距一般使用的是20-22像素的行距，这样使得整个的文字内容部分不会显得太紧凑或者太松散。文字的整体排列一般有四种基本形式：两端对齐、居中对齐、左对齐或右对齐、图文环绕排列。在整个网页版式设计中，标题文字的设计原则应该是“醒目而不夸张”。

导航栏的设计在网页设计中也很重要，它对整个网站内容有提纲和导航的作用，在设计的时候，要注意首先导航栏的风格也要和整个网页风格保持统一，另外最好采用文字，因为网络的速度可能会影响图片的正常下载；不过现在flash按钮的导航栏已经成为时尚，它可以实现丰富的动感效果。

（2）网页元素的处理

网页元素包括logo、按钮、图片、动画、声音、banner等。在网页中包含这些对象时要注意的有：首先是logo的设计，logo代表了整个网站或者企业的文化，一个有特色、具有视觉冲击力的logo，可以直接影响浏览者对网站的判断，给浏览者留下记忆深刻的印象。其次，要确保网页上的每一个元素都有存在的必要性，不要使用冗余的技术和内容；再次，要保持形式和内容的统一；最后，要尽量的使网页具有快捷性。对于网页的特效技术，最好采用javascript或css技术来实现。

（3）色彩的处理

并非所有的颜色都能应用于网页，网页中的颜色会受到硬件、浏览器等的影响，即使网页中使用了非常合理、非常漂亮的配色方案，每一位用户所看到的效果也不一定相同。所以，最好使用使用网页安全色来避免和解决这种问题。网页安全色是指在不同的硬件环境和软件环境下都能在浏览器上正常显示的颜色，并且现显示的效果都一样，不会出现失真的现象。在页面设计中，整个网页的色彩种类最好不要超过3种，一种或者两种主体色，其他为辅助色。颜色种类太多，会让人觉得很杂乱。另外，文字内容和网页的背景颜色的对比要做到突出，比如：背景为深色，则文字的颜色可以选取浅色调；背景为浅色时，文字颜色就应该深些；这种深浅的变化在色彩学中称为“明度变化“。比如有些主页，背景色和文字颜色都采用的是深色，由于色彩的明度较近，所以浏览者来浏览阅读的时候，会感觉吃力，从而影响阅读；但是色彩的明度变化也不能太大，明度变化大会导致亮度的反差强，让人觉得很刺眼，同样会影响整个网页的视觉效果。在进行颜色搭配时，还要注意的是：第一，采用的颜色应具有联想性，不同的色彩会产生不同的联想，所以色彩的选取也要和网页的内涵有关。第二，色彩的合理性。根据网页的主题的不同，选取相应的色彩，比如红色，可以体现出网站的热情和喜庆；蓝色可体现出科技的气息等。第三，色彩要有鲜明性，这个才能给浏览者深刻的印象，并有耳目一新的感觉。

（4）网页赏析

在教学过程中对学生的引导是非常重要的，设计网页得多看多学，网页设计的技术和风格在日新月异地变化，所以在提高学生设计技术的同时，还要多培养学生的审美能力，知道怎么设计才是一个好的网页。创建网页是一个不断学习的过程，在看一个网站的时候，找到这个网站的优点缺点，注意哪些是可以借鉴的，哪些是需要避免的，在看的同时，可以看些成熟的网站，也可以看些成长中的作品，在同期的比较中，也有助于自身的提高。另外，鼓励学生看源文件，了解某些效果是如果实现的，在效仿的同时进行改进和创新。

（5）考核方式

网页设计课程的考核应该打破传统的考试方式，建议采用机考的方式，学生通过一学期的学习，应能自行设计各种网页，熟练掌握其基本制作方法和技巧，在规定的时间内设计网 页。这也是一种对提高学生动能能力的一种鞭策方法。

三、结束语

在网页设计课程教学中，应当充分认识到网页设计课程的特点，结合实际，采取相应的教学措施和方法完成教学任务，以达到良好的教学效果。对于信息科技迅猛的发展今天，必须摒弃陈旧的教学理念，及时提高自身的专业水平，完善自身的教学理念，寻找更好的教学方法，激发学生的学习兴趣，培养学生追求新知的能力和动手实践的能力，从而达到学以致用的效果。

参考资料： 田博文，《Dreamweaver8基础培训教程》，人民邮电出版社，2007年2月

孙素华，<< Dreamweaverms2004完美网页设计>>，中国青年出版社，2005年10月

第五篇：《网页设计》课程教学大纲

《网页设计》课程教学大纲

课程编号：

英文名称：WebPages Designing 课程类型：专业选修课 学时/学分：24+24/2 授课对象：专科生

先修课程：计算机文化基础 课程简介：

《网页设计》是一门重要的信息管理专业的选修课程。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。

教学目的和要求：

通过学习，使学生了解网页网站的基础知识；掌握网页三剑客的使用方法，以便能够正确应用和维护网站。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

教学内容：

第1章 网页设计快速入门（2）

1、教学内容：

1.1 在Internet上安个家

1.2 知识要点

1.2.1 有关网页设计的概念

1.2.2 网页设计软件

1.2.3 网页制作过程

1.2.4 企业建立网站的过程

1.2.5 网页设计与HTML 1.3 本章小结

2、教学重点：

网页设计的概念、网页制作过程。

3、教学难点： 网页设计与HTML。

第2章 Dreamweaver MX快速入门（1）

1、教学内容：

2.1 制作网站电子相册

2.2 知识要点

2.2.1 认识Dreamweaver MX中文版基本界面

2.2.2 认识窗口项目

2.2.3 面板组

2.3 本章小结

2、教学重点：

Dreamweaver MX中文版基本界面。

3、教学难点：

面板组的使用。

第3章 用Dreamweaver MX设计首页（1）

1、教学内容：

3.1 一个简单首页设计的例子

3.2 知识要点

3.2.1 页面属性

3.2.2 文本属性

3.2.3 表格属性 3.2.4 单元格属性

3.2.5 图像属性

3.3 本章小结

2、教学重点：

设置文本、表格和图像的属性。

3、教学难点： 页面属性的设置。

第4章 Dreamweaver MX的CSS样式（2）

1、教学内容：

4.1 制作动态链接效果

4.1.1 Microsoft中国公司主页的动态链接效果

4.1.2 为网页制作动态链接效果

4.2 知识要点

4.2.1 什么是CSS样式

4.2.2 CSS样式与HTML样式

4.2.3 CSS样式控制面板

4.2.4 定义CSS样式

4.3 本章小结

2、教学重点：

CSS样式控制面板的使用、定义CSS样式的方法。

3、教学难点：

定义CSS样式的方法。第5章 表格应用（2）

1、教学内容：

5.1 用表格实现一个系部主页的设计

5.1.1 网页结构分析

5.1.2 设计页眉区

5.1.3 设计导航栏区

5.1.4 设计信息区

5.1.5 设计版权区

5.2 知识要点

5.2.1 标准视图中的表格与布局视图中的表格

5.2.2 标准视图模式下表格的应用技巧

5.2.3 布局视图模式下表格的应用技巧

5.3 本章小结

2、教学重点： 标准视图模式下表格的应用。

3、教学难点：

布局视图模式下表格的应用。

第6章 Dreamweaver MX图层应用（2）

1、教学内容：

6.1 一个弹出式菜单设计的实例

6.1.1 设计弹出式菜单的效果图

6.1.2 设计弹出式菜单的过程

6.2 知识要点

6.2.1 创建层

6.2.2 选择层

6.2.3 插入层对象

6.2.4 移动层

6.2.5 对齐层

6.2.6 层与表格相互转换

6.2.7 设置层属性

6.3 本章小结

2、教学重点：

层的基本操作和层的属性设置。

3、教学难点：

层与表格的转换、行为和事件。

第7章 Dreamweaver MX时间轴（2）

1、教学内容：

7.1 制作一个动态地址导航图

7.2 知识要点

7.2.1 时间轴控制面板

7.2.2 时间轴的基本应用

7.3 本章小结

2、教学重点： 时间轴的基本应用。

3、教学难点： 录制层路径。

第8章 表单操作（2）

1、教学内容：

8.1 制作一个网上报名表单

8.1.1 制作网上在线报名表单

8.1.2 预览网上在线报名表单

8.2 知识要点

8.2.1 插入表单

8.2.2 插入文本对象表单

8.2.3 插入按钮

8.2.4 插入复选框

8.2.5 插入单选按钮

8.2.6 插入列表/菜单域 8.2.7 插入文件字段

8.2.8 插入图像域

8.2.9 插入隐藏域

8.2.10 插入跳转菜单

8.3 本章小结

2、教学重点：

表单和常用表单域的用途和使用方法。

3、教学难点：

插入隐藏域和跳转菜单。

第9章 Dreamweaver MX综合应用（2）

1、教学内容：

9.1 一个网站建立的实例

9.1.1 建站准备

9.1.2 制作网站

9.2 知识要点

9.2.1 网站的设计构思

9.2.2 资源面板的应用

9.2.3 行为面板的应用

9.2.4 站点管理器的应用

9.3 本章小结

2、教学重点：

网站的设计构思、资源面板的应用。

3、教学难点： 行为面板的应用。第10章 Flash MX快速入门（0.5）

1、教学内容：

10.1 制作一个移动的圆

10.2 知识要点

10.2.1 Flash MX的界面

10.2.2 主菜单项目

10.2.3 常用工具栏

10.2.4 时间轴面板

10.2.5 绘图工具栏

10.2.6 其他重要栏目

10.3 本章小结

2、教学重点：

Flash MX的工具栏和时间轴面板。

3、教学难点： 时间轴面板的使用。第11章 Flash MX的绘图功能（0.5）

1、教学内容：

11.1 制作一个网页广告

11.2 知识要点

11.2.1 绘图工具 11.2.2 指针工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 颜色设置

11.2.6 图片的使用

11.3 本章小结

2、教学重点： 绘图工具的使用。

3、教学难点： 图片的使用。第12章 Flash MX动画制作初步（1）

1、教学内容：

12.1 制作动态文字的实例

12.2 知识要点

12.2.1 图层（Layer）

12.2.2 帧（Frame）

12.2.3 使用图符、实例和库

12.2.4 用Sound面板引入和编辑声音

12.2.5 文件预览

12.3 本章小结

2、教学重点：

使用Flash MX制作简单动画。

3、教学难点：

帧的基本操作、在动画中添加声音。第13章 Flash MX动作的应用（1）

1、教学内容： 13.1 图像动画实例

13.1.1 制作可供控制播放的循环动画

13.1.2 制作按钮元件

13.1.3 设计场景

13.1.4 舞台播放区背景的制作

13.1.5 在场景上创建Daughter影片剪辑的实例

13.1.6 后台控制程序

13.2 知识要点

13.2.1 ActionScript的基本概念

13.2.2 用动作面板编辑对象动作

13.3 本章小结

2、教学重点： 动作面板的使用。

3、教学难点：

用动作面板编辑对象动作。第14章 Flash MX的综合应用（1）

1、教学内容：

14.1 制作一个网站的门户广告动画 14.1.1 设计构思

14.1.2 素材准备

14.1.3 制作过程

14.1.4 发布过程

14.2 知识要点

14.2.1 文件的导入与导出

14.2.2 文件的发布及发布设置

14.2.3 发布预览

14.3 本章小结

2、教学重点：

文件的导入和导出、文件的发布。

3、教学难点：

Flash MX动作的应用。第15章 Fireworks MX应用基础（1）

1、教学内容：

15.1 Web按钮制作实例

15.2 知识要点

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的编辑模式

15.2.3 Fireworks的工具详解

15.2.4 Fireworks中的对象

15.2.5 Fireworks的层

15.3 本章小结

2、教学重点：

Fireworks的工具详解。

3、教学难点： Fireworks的层。第16章 Fireworks MX进阶操作（1）

1、教学内容：

16.1 一个简单的动画

16.2 知识要点

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的颜色混合模式

16.2.3 Fireworks的热点和切片

16.2.4 Fireworks实用技巧 16.3 本章小结

2、教学重点： Fireworks实用技巧。

3、教学难点：

Fireworks的蒙版、热点和切片。第17章 站点的发布、宣传推广与维护（2）

1、教学内容： 17.1 站点的发布

17.2 网页的测试 17.2.1 下载时间测试

17.2.2 浏览器兼容性测试

17.2.3 拼写检查测试

17.3 站点宣传与推广的一般方法

17.4 站点的维护与更新

17.5 本章小结

2、教学重点： 站点的发布。

3、教学难点： CuteFTP的使用方法。

实验内容：

实验一

(使用HTML语言制作简单网页)（2）

1、实验目的：

熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。

2、实验内容：

用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。

一首唐诗

夜雨寄北

李商隐

君问归期未有期，

巴山夜雨涨秋池。

何当共剪西窗烛，

却话巴山夜雨时。