第一篇：网页设计整理总结
第一章
1.网页一般分为静态网页和动态网页。
2.静态网页工作原理：接受客户端请求；找到静态网页；发送网页
3.动态网页工作原理：接受客户端请求；找到动态网页；执行程序代码，生成静态网页；发送网页
4.HTML是Hyper Text Markup language的缩写，意思是超文本标记语言
5.网页主要由文字，图形图像，动画，表格，表单，超级链接等基本元素组成 6.常用网页设计和制作的专门工具有Microsoft Frontpage和Adobe Dreamweaver 7.网页：按照网页文档规范编写的一个或多个文件，通常是HTML格式的文件 8.网站：是各种各样网页，文件，脚本，数据库以及众多资源的集合。9.网页设计与制作流程：确定网站目标；规划网站结构；确定网站风格。10.网页的访问方法（P18）
第二章
1.要创建网站，可以先设置一个本地站点，然后对其进行定义。选择（站点）-（新建站点）菜单命令可以打开定义新建站点对话框。2.在Dreamweaver中预览网页的快捷键是（F12），保存网页的快捷键是（ctrl+s）.第三章
1.在“页面属性”对话框的（外观）分类中，可以设置当前网页的背景图像。2.在网页“文档”窗口中可以通过（SHIFT+回车键）快捷键插入换行符。3.在网页中文本的对齐方式有默认，居中对齐，左对齐和右对齐。4.网页中水平线的对象的标签是（hr）。
5.网页的三种视图：代码，拆分和设计视图。
第四章
1.网页中插入的图像有三种格式：GIF,JPEG，PNG。其中GIF这种索引颜色格式的最大缺点是它只有256种颜色。2.PNG文件特性：使用彩色查找表或者叫做调色板可支持256种颜色的彩色图像；流式读写性能；逐次逼近显示；透明性；辅助信息；独立于计算机软硬件环境；使用无损压缩。
3.同时设置背景颜色和图像时，图像盖住颜色。
4.网页中常用音频文件格式：.wav.midi.mp3.aif.ram 第五章
1.超级链接由源端点和目标端点组成。超级链接根据创建链接对象的不同，可以分为：文本链接，图像链接和表单链接。根据目标端点的位置及方式不同，可分为外部链接，内部链接，局部链接和电子邮件链接。2．链接的四种方式（肯定考）：
blank:单机文本链接后，目标端点页面会在一个新窗口中打开。
parent：单击文本链接后，在上一级浏览器窗口中会显示目标端点页面，这种情况在页面中常见。Self: Dreamweaver的默认设置，单机文本链接后，在当前浏览器窗口中显示目标端点页面。
Top:单击文本链接后，在最顶层的浏览器窗口中显示目标端点页面。3.锚记链接又称为页内链接，它通过对文档制定的位置命名，实现单击锚记链接而直接跳转到该命名位置的效果。
4.脚本链接可以让用户不用离开当前页面就能得到关于某个项目的一些附加信息。此外，还可以用于执行计算，表单确认以及其他处理任务。
第六章
1.组成表格的最小单位是单元格。“单元格边距”表示在文本框中输入单元格中的文本与单元格边框之间的距离值；“单元格间距”表示在文本框中输入单元格与单元格之间的距离值。2.在表格的属性面板中，“填充”表示单元格内容和单元格边界之间的像素数，“间距”表示表格单元格之间的像素数。
3.应用框架结构的页面被划分为若干个区域，每一个区域都是一个框架，它们的集合称为框架集
4.框架的HTML标签是frame，框架集的HTML标签是frameset。5.设置表格的宽度的单位有像素和百分比。
6.在模版文档中，基于模版的页面中可以更改的内容称为可编辑区。
7.在应用模版和库修改网页时，应用（库）的网页可以自动更新，而应用（模版）的网页不会自动更新。
8.库的扩展名为（.lpi）,模版的扩展名为（.dwt）
9.CSS样式表（肯定考）：CSS是用于控制网页样式并允许将样式与网页内容分离的一种标记性语言。（P102）
第七章
1.在Dreamwraver CS4中，分配有绝对值位置的HTML页面元素统称为（Ap元素）。2.AP Div功能：是绝对定位的，游离在文档之上，利用它可以浮动定位网页元素；AP Div的Z轴属性使多个AP Div可以发生堆叠，也就是多重叠加的效果； 显示和隐藏可以控制，从而使网页的内容变得更加丰富多彩。
3.Z轴功能：具有上下叠放顺序，Z轴小的在下面，大的在上面，上面的通常会遮盖下面的AP元素。
4.打开层面板需要使用F2键。
5.利用键盘方向键移动层时，一次按键只能移动1个元素。6.层的对其方式“设成宽度相同”的含义是所有层的宽度调整为和最后选取的层的宽度一样。
7.所有具有绝对定位的AP元素都会显示在（AP元素）面板中。
第八章
1.行为是用来动态响应用户操作，改变当前页面效果或是执行特定任务的一种方法。对象是产生行为的主体，事件是触发动态效果的条件，动作是最终产生的动态效果。
2.事件的种类
OnClick:当用户在页面中单击使用行为的元素，如文本，按钮或图像时，就会触发该事件。
OnMouseover：在浏览器中，当用户将鼠标指针指向一个使用行为的元素时，就会触发该事件。（交换图像）
OnMouseout：当用户将鼠标从建立行为的元素移出后，触发该事件。
OnUnload:当用户离开当前网页（关闭浏览器或跳转到其他网页）时，触发该事件。
3.如果希望用户输入数据，通常使用文本字段密码域和文本区域。4.如果要验证文本域中输入IP地址的合法性，使用Spry验证文本域。5.用来代替标准按钮工作的表单对象是标签按钮 6.当用户改变页面的参数时产生OnChange事件。
7.选择dreamweaver菜单栏中的“插入”——“apry”命令，可以向页面中插入各种spry构件。
第九章
1.静态网页的扩展名为（.htm）,ASP文件的扩展名为（.asp）
2.目前流行的可以编辑动态网页的网络程序设计语言有ASP，PHP，JSP 3.ASP脚本程序是在服务器端执行的，运行时要有IIS支持。
第二篇：网页设计总结
网页设计听课总结
网页设计的阶段性课程：
1、规划阶段（网站策划）
2、设计阶段（网页美工）
3、实施阶段（网页制作）
详细流程：站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布
从创建站点开始（学会搭建并定义本地站点）
规划站点结构的原则（用文件夹来保存文档、使用合理的文件名称、首页名称、将本地和远端站点设为同样的结构）搭建自己的网页文件夹 比如（images、midea等等）
创建站点文档（添加文件和文件夹、文件的管理）
HTML代码的基本结构（头部、主体）：
….
…
设定meta内容（通用头元素的设置、添加meta元素。设置关键字和描述文字、刷新网页设置）
设定页面属性（标题、背景图像、背景色、文本颜色、边距）
添加文本（插入特殊字符、设定文本属性、改变字体和尺寸）
换行快捷键：enter 和shift+enter（br式回车 紧凑型）
网页支持的图像格式：gif、JPEG、png等
图像在网页中自动变形后，可以按“重新取样”后改变图片的大小
底部水平线修改颜色：点击快速标签编辑器修改源代码即可（如：color=“green”）插入flash动画、flash按钮与文字、flash图片查看器、flashpaper文件
插入javaapplet元素（源代码：）
插入交互图像（翻转图片和导航条）
JavaScript 脚本语句：
设置滚动文字属性：在滚动文字前加上
鼠标指向时停止滚动命令：onmouseover=“this.stop()”
鼠标离开时开始滚动命令：onmouseout=“this.start()”
在滚动文字结束代码的最后写上：
例如：
网页链接：绝对路径（http://）
相对路径(相对于同网站下的链接b.htm)
根路径（a.htm）
内部链接、外部链接、锚链接、Email链接、链接的目标窗口、图像的超级链接、热点 链接的源代码：
邮件链接：（mailto:邮件地址？subject=网站意见反馈&cc=邮件地址）
例如：mailto:xxx@163.com?subject=网站意见反馈&cc=xxx@163.com
锚链接的使用方法：先在头部抛锚，然后在页尾链接到锚点（在目标处写：#top）源代码如下：返回头部
图像的热点：在一张图片的不同地区选择新的链接。
脚本链接：例子：关闭窗口的链接：JavaScript：window.close()
表格的应用：新增表格、表格的属性设定
学会用fireworks切片，并且在Dreamweaver中导入fireworks HTML并调整表格的操作 Html源代码 表格:
表格的绘制：（绘制表格、绘制单元格）扩展、标准、布局
快捷键：ctrl + ：放大ctrl-： 缩小
做好切片及排版
制作表单：（什么是表单？客户端填写表单（提交反馈）服务器端处理表单、加入空白表单、设定表单属性）
表单动作：（表单内容发到邮箱）mailto:xxx@163.com &cc=xxx@163.com
文本域、单选按钮、复选框
源代码：
id=”leftFrame“ title=”leftFrame“ />
添加浮动框架： 使用浮动框架（制作浮动框架、设置浮动框架属性、制作浮动框架链接）
属性的设置源代码：
制作复杂的嵌套结构框架页面、学会在页面中使用嵌套框架，并制作框架页面间的链接。模板的应用：模板的功能 什么是模板 为什么用模板（方便制作及更新）
创建模板（根据已有文件建立模板）文件菜单下：另存为模板„
定义可编辑的区域
库的建立及应用 库的建立（什么是库？为什么使用库？）便于局部文件的修改
1、建立库
2、应用库
3、更新库
层的使用 创建层 设置层属性（选择层 改变层的大小 移动层 排列层）
插入层的html语句：
层是属于CSS样式表的一种定位技术
作用：直接使用层排版、利用层来设计表格（层和表格可以互换）、使用层溢出属性 控制当层的内容超过层的大小的时候就要用到层的溢出属性（类似滚动条效果）
溢出属性的选择有四种：
1、visible（可见的）
2、hidden（隐藏的）
3、scroll（滚动效果）
4、auto（自动）
行为（什么是行为/动作/事件 选择对象 添加动作 调整事件）
行为的应用：制作弹出信息窗口、制作打开浏览器窗口、播放音乐（实现背景音乐）在html语言中添加背景音乐：
其中的（loop=”-1“：指的是无限循环）
设置状态栏文本 针对输入文本框的行为事件“点击”是：onfocus
不在文本框的行为事件是：onblur
控制flash的播放 先给flash命名 然后在下方设置控制播放的命令 给名字设置空连接（空
连接的目标为：#）
检查表单 对按钮实施行为事件
转到URL
交换图像
显示弹出式菜单
检查插件（新建文字 指向空连接 然后设置行为属性即可。）
检查浏览器（在IE流行的现在时代，一般不使用）
改变属性（例如改变图片的边框属性 如：border）
拖动层的效果（拖动层要对整个页面进行实施）
设置显示隐藏层（例如：鼠标划过时出现图片，离开时消失）
设置层文本
制作时间轴动画（层的漂浮效果）Fps：帧速率 在路线中添加关键帧
控制时间轴（鼠标经过停止、鼠标离开浮动）
常用事件：onmouseover、onmouseout、onfocus、onload等等
使用插件
1、手动安装插件：扩展对象、扩展命令（对于鼠标跟随的效果，字体的设置直接在CSS样式表中）、扩展行为
2、自动安装插件（使用插件管理器）：Dreamweaver中的标准插件后缀名为：*.mxp去adobe网站找插件。主要包括：扩展对象、命令、行为
预览和出版：检查网站中的错误链接、检查某个html页面的链接错误
Dreamweaver课程总结：
1、建立站点、维护站点
2、页面构成元素：文字（特殊字符）、图片、表单、多媒体（embed、marquee、bgsound）、头信息的加载
将其上传到网站的根目录即可。如果需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，在Html中的＜head＞部分加入如下的代码：
第三篇：网页设计总结
四川机电职业技术学院
有一句话说的真的很对“纸上得来终觉浅，绝知此事要躬行”，大学生活我想人人都向往，为什么呢？因为玩得很好。高中时老师们就经常把大学如何如何挂在嘴边。是呀大学生大部分就是不上课就玩，缺乏实践和动手能力，思维有时也变得越来越不活跃。这次的实训就是很好的列子。
实训第一天，因为是设计动态网页要在ASP的平台上才能显示，老师就教我们安装，文件不要乱放等，就这一个安装我就试了好几次才成功，心情很不好，总是感觉计算机在跟我作对，很奇怪吧，有时候就是不想承认别人都做出来了，自己却没有。现在想想都觉得自己那时好幼稚，好可笑，好无知。随着做网页的时间增多，有的事就越做越熟练，就不会像第一天安装那个平台要试几次，现在一次就行而且是百分之百的成功。整个实训的过程可以说是所学知识的一个整理，一个综合，一个灵活运用。之前我们课堂上学的东西是一个个知识点，比较零散。虽然在实训之前我们也做过两个网站，但那是我们小组合作的，所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站，做网站的各个环节都要自己亲力亲为，可以说是一个挑战，同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作，也是potoshop、flash软件的熟练运用。我们需要自己设计网站的LOGO这就需要运用到potoshop软件强大的图形图像处理功能，需要做出生动的网页效果，就需要flash做出动态的文字效果和图片切换效果。免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，在CSS的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果„„通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。
在这次实训中，也有许多的困难的和问题，以前我还以为制作网页很简单，只需要在网页制作工具中动动鼠标，找点资料就可以完成，原来是我把网页制作看得太简单了，在这次实训中我知道我错了。制作网页不是简单的，需要分步骤，而且还要会为网页取名，取名真的很重要，而且要记着保存，有的时候吧，我就会忘了保存。老师在实训中也是不自一次的说建了一个网页或修改了网页中的东西，一定要记住保存，还有名字不能取中文。再取名字中也遇到了点问题，因为网页太多了，有时候自己取的什么名字都忘了，共 页
第页
四川机电职业技术学院
找一个后台就会找很久，然后慢慢学乖了，这个现象也在慢慢减少。当然了这还不是在制作过程中遇到最困难的问题，最困难的问题的是什么呢，当然是打不开网页了。我相信很多人都会遇到，我遇到的时候当然也是去看源码又没错，有时候是单词写错了，可有的时候我就是不知道哪里有错，找了很久也找不到，总之很心烦它就是不出来。这时候你就知道同学朋友有多重要了，我问好朋友为什么，也问同学，请他们帮我找错，他们也是很有耐心的帮我解决我所遇到的问题，有时候三四个人还一起讨论，感觉很棒。数据库的连接说容易也不容易，一不小心把文件的路径给改了或放错了位置也是不行，网页就会显示没找到所说的文件或对象，也可能无法显示。而且在制作过程中感觉很有趣，因为是按照自己的设计而制作的。要把自己所写的内容在网页上显示又需要连接和后台，我就在上面遇到了一个问题找不到对象，我明明有链接呀，也有内容呀，后来才清楚我只连接了一个地方还有个地方没连接所以就不能显示啦，而且也找不到。
在两周的实训日子里，虽然有时很心烦，无奈，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和独立思考的能力。
共 页
第页
第四篇：网页设计培训总结
网页设计技能比赛总结
12月24日，结束了河北省网页设计项目技能比赛，我校取得了团体三等奖的成绩，其中六名选手均获得三等奖。先将本次比赛总结如下: 一.整体训练过程
在本次比赛中，领导、技术科给予了很大的支持，学生经过严格的筛选，教研室主任也从选人，培训时间，培训内容等很多方面协助我们的学生选定,日常培训等工作。培训时间从11月2日至12月20日，主要利用中午休息时间以及周末时间，考前最后一周，进行集训，共48天。
二.培训情况（1）学生选定
学生选择范围是13、14计算机专业的在校学生，除了学生自愿报名以外，我还咨询了几个班级的班主任老师以及计算机专业任课教师，由他们推荐了几名优秀学生，又通过平时培训中的观察，最后选出基础扎实，领悟能力较强的六名学生参加比赛。
（2）培训计划
借鉴上次比赛的经验，我决定这次培训要做到全面细致，基于这个目标制定培训计划。网页设计项目需要学习的软件有dreamweaver、flash和photoshop。老师和学生一起在学校图书馆借来大量的学习资料和教学光盘。经过分析三门课程的难易程度以及在网页制作中的作用，列出了培训计划，以dreamweaver为主为先，flash和photoshop同时进行的学习。
（3）前期培训
对每一个关于网页制作的知识点都力求讲过练过，不放过任何一个知识点，做到全面。又通过强化练习的方式使学生对基础知识做到熟练，能够灵活运用每个知识点。
培训时间分为两段，中午是基础知识的学习，下午是综合实例的训练，这样将基础知识及时应用于网站建设，提高了学习效率。
（4）后期培训
由于比赛有时间限制，根据以往的比赛，技能有两场考试：第一场三个小时，第二场两个小时，所以在后期培训中，采用测验的方式，要求学生必须在三小时内完成六七个页面的网站，要求每个网页效果图都能还原成网页，经过这样的练习，学生的技能得到强化，操作速度也有了很大的提升。
（5）临赛之前
另外，总结每次比赛都有学生因为读题失误而丢分的情况，我找遍资料，找到了河北，保定CEAC考试题，以及评分标准，带领学生仔细读题，审题，揣摩试题的规律，进行练习。
考前几天，分析比赛过程中的注意事项，如果遇到某类情况应该如何应对，希望学生们在比赛中不要慌款，紧张。
（6）学生学习刻苦努力。
在培训的50天里，学生和老师放弃了休息时间，除了生病，没有缺勤的记录。因为冬天流感盛行，有两个学生生了病，除了输液时间都坚持来培训，每名学生都努力提高技能，希望在比赛中取得好成绩。除了培训时间，学生还来利用晚上回家时间搜集资料，加强练习，和老师一起探讨。
我也为了比赛付出了很多，平时在家里，每天都有家务活和孩子，这近两个月只能放下这些全力备赛，有很多次因为孩子没有人看，带着孩子来培训，平时上课已经很紧张，再加上比赛更显得忙碌疲惫。期间还病了一场，缺勤了一天，学生们都发来安慰的短信，没有因为我的生病而耽误练习。培训的过程中有辛苦也有感动。
三.比赛感受
作为指导老师，此次带领学生参加技能比赛，虽然拿回了团体奖项，但成绩不算很理想，更使我认识到与其他职业中学的差距，学生的技能水平和理论水平方面都有所欠缺。
四.比赛成绩分析及改进方向（1）学生的筛选方式可以更多样。
本次比赛选手的全由指导教师从报名的学生的中筛选，有些计算机专业的优秀学生没能参加，或者是因为对技能比赛的重要性缺乏认识，或者是因为惰性、怕辛苦等原因。而指导教师还需要时间对不熟悉的学生进行了解。所以除了自愿报名外，也可以由平时与学生接触较多的任课教师或班主任进行择优推荐，多向学生们说说参加技能比赛的重要性，以及对自身能力的提高，这样还可以达到鼓励学生参加技能比赛。
（2）学生应试能力较差。由于参加这种大型比赛经验缺乏，有些选手考试由于紧张，对考试环境的不适应，导致没有发挥出正常水平，出现读题不细致，由于慌张没有正常发挥等问题。所以，学生应该多一些机会参加比赛，锻炼心理素质和应试能力。
（3）赛前准备还应再加强。
熟练度方面，还应在技巧方面多下功夫，改掉浪费时间且造成代码冗余的不良操作习惯，精细度方面，网页作品还应该再细化，有些同学觉得差不多就行了，对作品没有追求完美。
（4）理论题还应该再加强
理论题复习内容主要是CEAC和人才培养工程的题目，理论性较强，而考试题目针对日常操作的题目较多，所以理论题的复习也应该更加全面。
（5）比赛题目不清楚
对于技能比赛的考试范围，都是听学生考完之后的描述，但具体的评分标准和题目要求都不清楚，有时候成绩下来并不知道与一等奖究竟差距在哪里，看不到一等奖学生的作品。再加上网页三门软件培训范围太广，所以有时候培训重点抓不到。
总之，这次比赛是网页设计专业在教学好实践中的又一次探索，鉴于中职学校的特点，在今后的教学实践中，会更加注重学生技能的培养，使我们的学生掌握更多的专业知识，在以后的工作中学以致用，存在的问题和不足，我们也力求在今后的类似活动中克服和改进。
第五篇：网页设计教学总结
网页设计教学总结
这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。
下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度
按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。教学方法
教学中我从以下几方面进行努力：
一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。设计一些实际中的商业网站案例。
二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。
三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。存在问题:
一、教学中的相互合作有待提高。
二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。
总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。
屈明 2011-12-28
点击咨询 