第一篇：网页设计总结（小编推荐）
网页设计说明
一﹑作品内容介绍
我的网页设计主题是一页姑苏城，顾名思义，围绕的中心是苏州，根据苏州这座城市的标志性地标进行了一系列的介绍。我的网页中主要介绍了金鸡湖，观前街，李公堤，还有月光码头。这些地方都是每个苏州人都耳熟能详的，希望通过我的网页能使大家对这些地方有初步的了解。
二﹑开发环境
Dreamweaver cs3
三﹑系统的结构说明
题目和导航运用了字幕标记，五张图片是利用鼠标经过图像，还进行了链接。金鸡湖这个页面我将页面分为了上，左，右三块，鼠标点击左边的模块，右边的页面会有相应的展示，展示中运用了字幕标记，表格，指向文本中的链接等。李公堤这个页面，我将框架分成了上下两块，运用了表单技术。观前街这个网页我将页面分成了左右两块，利用了字幕标记对图片和文字进行了处理。月光码头，利用了指向文本中的链接。
代码说明
这是字幕标记的代码表示的是字幕向下浮动到达边界停止
这是鼠标经过图片会变成另外一张图片的代码
账号:
密码:
maxlength=“8”>
这是制作表单的代码
src=”images/bf096b63f6246b60c0c2fb09ebf81a4c500fa2fb_副本.jpg“ width=”200“ height=”180“ />
用图片作为超链接
定义表格的宽和高边框颜色
四﹑学习该课程的体会与心得
不知不觉接受网页制作及网站设计这门课程已经一个学期了，通过这门课程的学习，我意识到了我们平时上网所浏览到的网页都不是轻轻松松得到的，这都是经过设计者无数次的修改所得到的，即使是一张简简单单甚至是被我们潜意识所认为不那么好看的网页也运用了无数的技巧。平时浏览网页时，有些网页总是让人眼花缭乱，有些总是跳出我们不想看到的页面，从来没想过这些让人心烦的东西的行成也是需要许许多多的技巧的，真是对这些网页制作的技术人员无比的钦佩之情啊。暑假打工的时候认识了一个上职高的小弟弟，他说他自学网页制作然后帮别人设计网页赚钱，当时以为网页制作是一件很简单的事情，可是等到自己接触到这方面的时候，才知道其实事实不是我想想中的那样。那个小朋友肯定也是经过无数次的试验才有了如今的技术的。要制作出好的网站，光有自己设计上的想法是不够的，如果你没有制作网页的工具，你的想法将全部都是空想。掌握好网页制作工具，才能高效地按照规划制作漂亮的页面。现在我们学习到的只是网页制作的基础，只是九牛一毛，还有好多好多的东西需要我们继续去探索和学习，其中的技巧种类繁多以至于我们难以想象，我们应该对网站设计的初步技巧有很好的掌握，如果我们以后想从事这方面的工作，那么光靠我们课堂上所学习到的知识是远远不够的，我们可以利用课余时间在这方面进行自我学习，其实有时候做一下网页也是挺好玩的，特别是当自己制作出好看的网站时，将会有一种成就感。如果我有空就学习一点网页制作方面的知识，我想那我肯定会受益匪浅的。
第二篇：网页设计总结
网页设计听课总结
网页设计的阶段性课程：
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
点击咨询 