第一篇:网页总结
总
结
本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。
充分发挥动手能力
本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。
作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。
在设计过程中不断提高网页设计水平
在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页,到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页,完善网页。在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。1.简明易读
网页设计最重要的技巧,就是网站风格整体清新、简明、易读。看上去就明白是什么内容,信息间相互干扰程度降到最低。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。注意不要使背景的颜色冲淡了文字的视觉效果,一般来说,浅色背景下的深色文字为佳。
这个原则也意味着,你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。
2.网站导航清晰简洁
所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾花里胡哨的视觉效果,而让人家不知东西南北,造成查看困难。
链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。如果你一定要别出心裁,链接的文本就要想着以什么方式加以突出,比如说加粗体?加字号?两侧加竖标?或者几者兼用。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向。
清晰导航还要求:读者进入目的页的点击次数,不能超过三次。如果三次以上还找不到,人家可就失去耐心了。你的网站也就做失败了。
3.网页风格要统一
其实,这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
很多缺乏编辑、出版背景的网友,很容易忽视这点,特别是网页一多,更容易忘。
4.页面容量越小越好,别超过75K
有研究显示,如果一个网站页面的主体在15秒之内显现不出来,访客会很快失去对该站的兴趣。当然,也有例外,比如内容实在太精彩,人家不去不行。再像视觉艺术类站点,也不能以“快”为唯一设计标准。不过,即使这类站点,也该在加个导引页,给读者一个提示,别不理睬人家的心情。
有人或许要和我抬杠:不见得吧?微软和Sn公司的站点怎么也慢得可怕?没错,就是这样慢,还有人绕开高峰时间去上,谁叫人家那么大的名气呢?如果你的名头没那么响,还是合作一点,放读者一马吧!
要限定页面的大小,就得从各个角度考虑节省。最大的一头是图像,有的好东西,只得割爱了。想想看,在创意表达、品牌形象、挣钱几个目标之中,哪个最重要?
网页制作,只要把握这几个基本原则。再加上多多实践,一段时间后就会找到感觉了。网
第二篇:网页总结
网页总结
不知不觉一学期又过去了,回首这一学期发生了许多事,也学到了很多东西。就拿网页制作这门课来说吧,刚开始接触这门课时觉的好困难哦。一个网站有这么多的东西都要你一点一点做出来,光是那些特效就不知道要怎么弄了,所以刚开始的时候我是抱着畏惧的心情去学习网页这门课的。但是经过一段时间的学习后发现网页其实是很有趣的一门课,而且只要自己用心去学了也不是很难。所有的东西都是从难到易,学网页也是一样,想想自己一开始因为看到做好的网站就觉的好难就好笑。呵呵......一开始网页教一些代码或者像输入框、留言板之类的制作,有点枯燥,但这些都是基础,在以后的网页学习中这些都是非常有用的,尤其是那些代码的正确使用,对一个网站制作成功与否有至关重要的作用。
再到后来学习的布局,像表格布局、DIV布局还有APDIV,刚开始一直觉的APDIV最好用了,一直觉的好奇怪既然可以用APDIV为什么还要用其他的方法呢?后来在网站综合练习的时候发现光光只有APDIV是不够的,各种布局方法都它们自己的优点,表格简单好用,DIV美观严谨,APDIV使用方便。
最后要学习的就是在布局好的网页中插入内容了,这些内容包括了文字、图片、视频、各种特效等等。这是我个人觉的整个网页学习中最难的部分了,记得老师布置的制作个人网站的作业,光光是一个鼠标跟随的特效,我就做了整整三个小时,先是在网上找特效的代码,然后把代码放入Dreamwever中,但是往往都是不成功的,还要不停的调试,看是那一部分代码是错误的,再改。不停的改,一直到代码正确后还要换上自己要的图片。虽然很辛苦但是看到问题一个接一个的解决,一种自豪感油然而生。在看到自己做好的网站,虽然可能比不上那些大公司的网站但还是有一种成就感。
一学期就要结束了,总结一下网页学习,也分析一下自己的缺点,首先基础很重要,我就是基础没打好,所以到后来的综合应用的时候就有点力不从心的感觉。每次做网页的时候还要查一下代码是怎么样的。还有细节很重要,做网页的时候哪怕是多一个空格或者多一个字母你要的效果都会出不来。总的来说网页设计这门课还是非常有趣的。
第三篇:网页设计总结
网页设计听课总结
网页设计的阶段性课程:
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的具体应用还不是和很熟练,没有能完全达到自己预期的效果,还好通过老师的细心指导才能达到最终效果„„通过这次网页设计与制作实训,一定把以前所学过的知识重新温故。
在这次实训中,也有许多的困难的和问题,以前我还以为制作网页很简单,只需要在网页制作工具中动动鼠标,找点资料就可以完成,原来是我把网页制作看得太简单了,在这次实训中我知道我错了。制作网页不是简单的,需要分步骤,而且还要会为网页取名,取名真的很重要,而且要记着保存,有的时候吧,我就会忘了保存。老师在实训中也是不自一次的说建了一个网页或修改了网页中的东西,一定要记住保存,还有名字不能取中文。再取名字中也遇到了点问题,因为网页太多了,有时候自己取的什么名字都忘了,共 页
第页
四川机电职业技术学院
找一个后台就会找很久,然后慢慢学乖了,这个现象也在慢慢减少。当然了这还不是在制作过程中遇到最困难的问题,最困难的问题的是什么呢,当然是打不开网页了。我相信很多人都会遇到,我遇到的时候当然也是去看源码又没错,有时候是单词写错了,可有的时候我就是不知道哪里有错,找了很久也找不到,总之很心烦它就是不出来。这时候你就知道同学朋友有多重要了,我问好朋友为什么,也问同学,请他们帮我找错,他们也是很有耐心的帮我解决我所遇到的问题,有时候三四个人还一起讨论,感觉很棒。数据库的连接说容易也不容易,一不小心把文件的路径给改了或放错了位置也是不行,网页就会显示没找到所说的文件或对象,也可能无法显示。而且在制作过程中感觉很有趣,因为是按照自己的设计而制作的。要把自己所写的内容在网页上显示又需要连接和后台,我就在上面遇到了一个问题找不到对象,我明明有链接呀,也有内容呀,后来才清楚我只连接了一个地方还有个地方没连接所以就不能显示啦,而且也找不到。
在两周的实训日子里,虽然有时很心烦,无奈,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。
共 页
第页
第五篇:网页制作总结
首先,二电一班的学生总的来说是属于聪明但懒惰的学生,他们的学习领悟能力比较好,很多东西一讲他们就会,但因为在初中阶段养成了一些不良的学习习惯,以致学习方法上欠缺正确的方式、方法。我觉得首先从授课方式角度来分析的话,我们作为一个专业课老师应当在课堂上调动学生的兴趣,网页设计与制作这门课程本身就是一门实践性交强的课。作为一个老师不应当按照那些传统的授课方式去讲给学生,就那我来说吧。我本人讲课是根据自己的教学理念去设计每趟课的详细内容,我更为注重的是学生的学习视点以及他们的开发能力。把每一趟详细的课程以及我个人的教学培训理念结合起来去引导学生,使他们独立创新、开拓思维。就说网页设计这门课吧,它的操作性很强。因此我上课的方式就采用的是案例教学法。通过案例的整体架构剖析再进行实战强化训练最后制作成功。
从学生的角度来讲,网页这个东西现在很多的同学都上过网,都知道。所以不用我多讲学生们也都知道网页有什么用处,而我所做的就是引导他们入门,把网页制作的方法教给他们。给他们看看网上一些很常精美的网页,让他们多见识一下各种各样的网页是如何进行布局。而学生们因为见识过那些漂亮的网页模板,心中也就有了个底。在课新知识点用实例效果来引导他们的兴趣,这样他们对网页就更感兴趣,所以他们的学习是各人有各人的方向,他们学起来也就很努力认真。在学的过程中,有时也会出现有些网页特效不记得怎么做了,这个时候他们就能明白自己是什么地方没学会。经过反复的练习,再加上这个班的学生比较团结,在学习上互帮互助,所以他们进步的很快。慢慢的就将网页制从基本构思到网页布局再到修饰最后添加动态网页特效,每个过程和各个小技巧全都掌握了。在课堂上我还会单独拿出提问的时间,让学生把自己迫切想知道的知识提出来,然后我在针对性的去详解,达到即学即会的效果。从学生的角度来说,目的是想“学到真正的知识、学会自己不会的知识”。而我就是把“学生的需求、以及想要的知识”用心去教会他们,让他们学到真正具有实际价值的东西。学生不会的老师教会你,你不懂的老师也让你学会。你想知道的、想学习的、我会针对性的去详解。传统的那种授课模式在我们学校己经彻底打破,我们更追求的是“创新、实战、交流。也就是说“创造性的学习、目标性的实现。
网页设计与制作这门课程看起来挺复杂的,其实当你真正的着手去学习的话。一句话很简单,它注重的就是实际操作。只要你用心去多上机操作,几天就学会了。
经过这个学期的教学,我觉得在教学上对学生不能太好了,一定要给他们施加压力,他们如果没有事情可做,就会没有压力。要求他们在学完课程后,每个人都要完成相应技术的网页效果的作品。所以在平时上机时他们就很主动练习,在完成任务之后在他们的心中也感到成就感和愉悦感。而平时上课也是每节课都有相应的作业要求他们去做,并且做完之后要给我或小组长检查并登记,结果他们上机时就更主动了,再没有闲着无所事是的了,但只有少数一两个男生无论怎么教导都无济于事。对于这一两个学生只有通过多方面的教学和引导才有可能改变他们的学习态度。