第一篇:网页设计基础讲座总结
《网页设计基础》讲座总结
《网页设计基础》讲座是面向全校07级本科生开设的创新实验课程,主要讲解了网页的基本概念、网页的基本组成、HTML语言、网页设计工具等相关内容,并通过实例讲解了网页设计的基本方法和步骤。
按照预定安排,于本学期第十三、十四教学周星期
六、星期日下午在一号实验楼6、10号机房进行了四场讲座。共有530多人参加。
通过本次讲座,使参加学生初步了解了网页设计的相关技术,了解了HTML语言的基本语法,了解了网页设计的基本方法和步骤,从而能进行简单的网页设计。
本次讲座参加人数高于预期人数,尤其最后两场人数较多,有部分同学两人共用一台机器。
较为遗憾的是,由于时间有限,没能给大家较多的介绍诸如图片处理、动画制作等应用技巧,还有就是参加人员数量有限制,未能满足大多数学生的学习要求,以至于还有学生依然对这项活动继续咨询,还有学员要求能不能继续将内容延续下去。
邓小亚
2007年12月17日
网页设计基础总结
应教务处的要求,按照教研室的安排于第十三教学周星期六(2007年12月1日)全天在铁道校区一号机房进行了机电与环工学院部分学员网页制作的强化训练。这次强化训练共分三个层次:一是讲述了HTML(超文本标记语言)的层次结构,主要包括:①文档结构②保存与预览③文档标志④文档属性与注释⑤文字段落及换行⑥指定颜色、字号与字体⑦建立超链接⑧加入声音、图像与影像⑨开发表格等内容;二是讲述了用 JAVA script组件渲染网页背景及动态效果的技巧;三是讲述了用Frontpage2000制作网页的基本方法。另外为了满足学员的要求,还穿插讲解了flash动态画面的制作技术,同时为了让大家对网页制作有更进一步的了解,我还展示了自己用Deamweaver制作的网页,适当的为他们展示了动态画片、样式应用的效果。
这次强化训练,使参加学员们初步掌握了网站建立、网页编辑与修饰、超级链接、布局安排、组件、插件使用的基本方法,尤其是滚动字幕、背景设置、横幅广告管理器与悬停按钮的使用使大家兴趣显得非常浓厚。通过这次训练,参加的学员对网页制作有了一定的了解,也不同程度的掌握了简单的网页制作技术。
较为遗憾的是,这次活动时间仓促,没能给大家较多的介绍诸如Deamweaver等软件的应用技巧,还有就是参加人员数量有限制,未能满足大多数学员的学习要求,以至于上周及本周还有学员依然对这项活动继续询问。
梁建隽
2007年12月11日
关于铁道校区进行微机拆装实验的报告
本次实验于12月1日-2日(周六、日)进行了两天,共有从车辆、热动等专业选抽的约120名同学参加了实验。参加的同学热情高涨,都能认真细致地进行实验。近距离地认识了微机的CPU、主板、内存、硬盘等部件,了解了部件之间的连接及主要技术性能指标。加深了对微机硬件的感性认识。同学们普遍反映较好,许多同学因为未能参加上,而深感遗憾。
存在的主要问题是:由于实验场地的限制(没有电源),未能进行CMOS参数设置以及操作系统的安装。
总结人:张效幸 2008年12月10日
第二篇:网页设计总结
网页设计听课总结
网页设计的阶段性课程:
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的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果„„通过这次网页设计与制作实训,一定把以前所学过的知识重新温故。
在这次实训中,也有许多的困难的和问题,以前我还以为制作网页很简单,只需要在网页制作工具中动动鼠标,找点资料就可以完成,原来是我把网页制作看得太简单了,在这次实训中我知道我错了。制作网页不是简单的,需要分步骤,而且还要会为网页取名,取名真的很重要,而且要记着保存,有的时候吧,我就会忘了保存。老师在实训中也是不自一次的说建了一个网页或修改了网页中的东西,一定要记住保存,还有名字不能取中文。再取名字中也遇到了点问题,因为网页太多了,有时候自己取的什么名字都忘了,共 页
第页
四川机电职业技术学院
找一个后台就会找很久,然后慢慢学乖了,这个现象也在慢慢减少。当然了这还不是在制作过程中遇到最困难的问题,最困难的问题的是什么呢,当然是打不开网页了。我相信很多人都会遇到,我遇到的时候当然也是去看源码又没错,有时候是单词写错了,可有的时候我就是不知道哪里有错,找了很久也找不到,总之很心烦它就是不出来。这时候你就知道同学朋友有多重要了,我问好朋友为什么,也问同学,请他们帮我找错,他们也是很有耐心的帮我解决我所遇到的问题,有时候三四个人还一起讨论,感觉很棒。数据库的连接说容易也不容易,一不小心把文件的路径给改了或放错了位置也是不行,网页就会显示没找到所说的文件或对象,也可能无法显示。而且在制作过程中感觉很有趣,因为是按照自己的设计而制作的。要把自己所写的内容在网页上显示又需要连接和后台,我就在上面遇到了一个问题找不到对象,我明明有链接呀,也有内容呀,后来才清楚我只连接了一个地方还有个地方没连接所以就不能显示啦,而且也找不到。
在两周的实训日子里,虽然有时很心烦,无奈,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。
共 页
第页
第四篇:web总结之网页基础
1.简单的网页
夏天很热!
第五篇:网页设计培训总结
网页设计技能比赛总结
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)比赛题目不清楚
对于技能比赛的考试范围,都是听学生考完之后的描述,但具体的评分标准和题目要求都不清楚,有时候成绩下来并不知道与一等奖究竟差距在哪里,看不到一等奖学生的作品。再加上网页三门软件培训范围太广,所以有时候培训重点抓不到。
总之,这次比赛是网页设计专业在教学好实践中的又一次探索,鉴于中职学校的特点,在今后的教学实践中,会更加注重学生技能的培养,使我们的学生掌握更多的专业知识,在以后的工作中学以致用,存在的问题和不足,我们也力求在今后的类似活动中克服和改进。