高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网站制作辅导心得(推荐5篇)

网站制作辅导心得 第1篇

在炎热的夏季,又在闷热的机房中,我们又一次的完成了网站建设的实习。在这实习期间,有太多的话想说,都是苦不堪言。但事后又想想,苦过了,才知道有甜。

在这实习当中,我知道了div是html(超文本语言)中的一个元素,div+cs是一种网页的布局方法,div+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别:id不允许重复使用,只能用一次,css规范和其他规范javascript控制方法一样。

说实话,我对div+css一点儿都不懂,但起码我知道了这是一种网页的布局格式,总比不知道强。有句话说,不懂就要学。是的,既然学了了这个专业,就不能对这个专业模糊。所以,就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法,就是去做你害怕的事,直到你获得成功的经验。

我们经过两周的实训,通过前期的合同洽谈、签订,到后期的网站制作、网站发布,让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节,也让我的网站制作知识及技能有了很大提高。

前期我们通过发送电子邮件,进行网上商务的接洽。由于没有做好工作——了解商务邮件的格式,导致邮件发了很长一段时间,双方还仅仅停留在认识阶段,确实说来很失败。

在拟定合同时,由于不能真正满足客户的需求,一些条款及报价不合理,因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求,并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

在网站制作的起初阶段,由于不曾制作过网页,虽然团队确立了分工,但还是有些迷茫。公司没有确立风格和大体的布局,并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站,心里大概有了一定的想法和设计。

我的主要任务有“诚聘英才” 、“产品导航” 、“展会礼品” 、“广告促销礼品” 。我最先做的是“诚聘英才”,我是参照中国电信诚聘英才首页做的,它看似制作简单,其实布局十分复杂、精致。在处理图片是我遇到了不少困难,最典型的就是有一次我想在图片中插入文字,但始终插入不了,后来通过请教老师,总算知道了其中的奥妙。原来是图层被锁定了,要重新拷贝图层,再考贝的图层上就可以插入文字了,并且文字其实也是一个图层,它是可以移动的。尽管我为诚聘英才网页付出了很多,但并没有被采纳,并且此时我也设计了logo,也没有被采纳。

“产品导航”是一个困扰我一上午的问题(此刻公司首页已经制作完毕,而它与合同上的“产品导航”页面布局类似,于是这让我一时间很难抉择。我就一边设计一边思考,此时我为公司定的色彩风格是红色,我为导航栏设计的是交互式按钮,并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费,由于后来我们将风格确定为蓝色,并且导航栏确定都采用首页中插入的图片,但我觉得这样有些不好:例如它不可以设置超链接的字体颜色,这是很不专业的体现。团队由于缺乏及时的沟通,导致其他组员一些好的想法得不到实施,确实是我们团队合作的一个问题所在。

展会礼品、广告促销礼品由于套用相同的布局,设计上没有什么难点,只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时,都特别注意修改网页标题。网页标题是十分重要的,它是每打开一张网页的头标。

前面这一阶段的工作我还有一个小收获,这就是图片位置,其实在图片属性中图片定位选择绝对定位,再在下面输入距左距上的距离即可,这是一个很不错的方法。

后期我们进行每个人作的网页整合时遇到了不少问题,原先我们认为超链接是可以整合的,其实不然,只能在一个文件内作。当时已经花了一天的工时,可后来在晚上才发现,不只这个问题,还有每个人做的网页都是保存在网站文件夹下,而最后上传到服务器上只能有一个网站文件夹。所以后来我们组有三个人加班熬夜的。原本以为这样已经差不多了,可是当我们把网站通过windowsiis默认web站点上传进行本地调试时发现所有网页导航栏的图片都显示不出来,一些超链接也无法连接,这下让我们有些惊慌失措。通过向老师了解,知道可能是图片命名的问题,web服务器无法识别中文命名的图片,此外网页也需命名为英文。于是我们又忙于修改图片和网页的名称。我的所制作的展会礼品将网页都放在private文件夹下,导致所有需要连接到展会礼品首页的都不能进行。我首先需要把private文件夹下的网页全部剪切出来,并且检查超链接,而这些只能在frontpage文件夹试图下进行。同时还要在http上检测,进行及时的修改。超链接检测是我展会礼品网页的一个主要问题。公司主页上的“展会礼品”始终连接不到“展会礼品首页”,反复的进行超链接都无法成功,其实是因为我所连接的超链接路径不对,其实我应该根据浏览器上不能连接到的网页路径进行修改超链接。

经过这翻调试、测试,网站不存在图片显示不出来的问题,以及超链接无法连接的问题。

在互联网越来越深入到生活中每一个角落的年代,网页的表现形式就如同以前书本上的文字,传达着的是网络语言,每一条线、每一个色块、每一种版式、每一种组合都传递给阅读者一种感觉。实际上网页的表现形式已是互联网至关重要的元素。它是一种创造性、有成就感的工作。

网站制作辅导心得 第2篇

做主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套页的色调等很多东西。

一、准备资料和挑选页设计的合适工具

俗话说:“巧妇难为无米之炊”。做主页当然要收集、准备资料。在上多转转,看到什么漂亮的页,把它保存起来,作为以后自己设计主页时的参考。另外,还包括搜集美化主页可能要用到的各种材料,如背景、线条、小动画图标等等。你可以在硬盘上建一个件夹,下分“e—mail图标、背景、线条、动画”等件夹,养成上时看到有创意、新鲜的图像,就按鼠标右键存入你硬盘相应件夹的习惯,时间一长你就有拥有了一个可观的图库,等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划整个站

主页的设计应以醒目优先,应该令人一目了然,切勿堆砌太多不必要的细节,或使画面过于复杂。要做到这一点,首先要在整体上规划自己站的主题和内容,确定自己需要传达给访问用户的主要信息,然后仔细斟酌,把自己所有要表达的意念合情合理地组织起来;其次,是设计一个富有个性的页面式样,务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记,页面给人的第一观感最为重要!在上到处浏览站的人很多,如果你的主页给人的第一印像没有吸引力,很难令他们深入观赏,而且他们恐怕再也不会访问你的站了。

三、善用图片,增强艺术效果,加快主页浏览速度

页的迷人之处之一,要算它上面能点缀许多漂亮的图片。精美的图片设计,可以使自己的页增辉不少,令人过目不忘。图片的内容应有一定的实际作用,切忌虚饰浮夸,同时还要注意与字的颜色搭配。最佳的图像集美观与资讯于一身。

网站制作辅导心得 第3篇

目前,互联网是最快捷的信息传播渠道之一,学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中,我总结了《制作简单网页》教学中值得注意的几个问题:

一、激发学生的学习兴趣,唤醒求知欲望

现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为,它在学生的学习中具有重要的作用。我认为,教师激发学习兴趣,挖掘学习需求是授课前必须解决的问题。从知识结构看,网页制作是在学生掌握了一定的理论基础和操作技能之后,对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生,可以采取展示法、教学对话法等,也可以融合多种方法进行。

例如,在学习浏览网页时,我有计划地挑选一些专题网站和个人站点推荐给学生,他们在看过之后一定会有自己的想法,老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题:如果由你来做这个站点,哪些地方需要修改?如果把你做一个站点该如何设计?在学生的头脑中先有了一些模糊的认识,产生了做个站点的想法,再在老师的帮助下梳理成一个比较成型的站点框架,接下来就是:怎么做网页?用什么工具?有了兴趣,带着这些问题,进入这一阶段的学习,就比较主动,学习效果也会比较好。

二、合理调整教学顺序和重点,理顺理论与操作的关系

学习网页制作,首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程,肯定不是先把理论背熟,而是从操作使用开始的。我并不是说理论不重要,而是切入的时机要掌握好。对于这一部分的教学,可以根据教学实际,合理调整教学顺序和重点。对涉及到的理论知识,可以尽量在教操作的时候渗透。一些纯理论的知识,不妨一带而过,教学取得阶段成果后,再单独强调。

三、注重培养学生知识迁移的能力

四、认识螺旋式上升的学习模式和探究式学习的方式,重视课前准备

学习是一个循序渐进、螺旋式提高的过程。在这个过程中,作为教学组织者和指导者,教师的教学设计和准备工作非常重要。例如,在学习网页修饰时,可采用了示范法和演示法结合的教学方法,先设计几个页面,都是在上一节课作的、样例页面的基础上改的。上课时,让学生打开上节课制作的网页,他一看,老师的页面上比他多了个图片,马上问怎么做的,我演示给他看,他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰,他们就不断地提问,不断地学习新技巧,再不断地付诸实践。用这种示范加演示的方法教学,效果还不错。但对老师来讲,备课的工作量比较大,课堂上的辅导任务也重一些。

五、组织协作学习,培养学生自学能力和合作精神

信息技术划分为精英技术和大众技术。目前,信息技术基础模块中讲授的均属大众技术,要求学生掌握的是可以广泛迁移的知识。但是,大众技术太简单了,有些学生不用我们教,自己玩电脑就玩会了。这类学生,上课时通常不愿再听,还经常搞些小动作,或者做些小软件来炫耀一下。小孩多半有这种心理,我们不妨给他创造这个条件,让他充分发挥特长。有一次,刚开课不久,有个学生把他的个人主页演给我看,当时我考虑了一下,让他在全班同学面前作了演示,解说他的创作思想,并指出了他作品中的亮点。这个学生当然很自豪了,别的同学也都很佩服他的能力。在其他同学眼中,他就是高手了,以后的学习过程中有了问题,不问老师,先问他去,逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估,如果你班里有几个这样有一定特长的学生,不妨考虑采取任务驱动、分组合作等方法进行教学,让他们带动全班的同学学习提高。学生之间相互学习、相互帮助、相互带动比单纯的老师教效果更好。

六、适当引入分层次教学,体现教学目标的差异性

学生的基础差别很大和心智发展水平很大不同。在这种情况下,分层次教学是一种行之有效的办法。一般的,我把学生分成三个a、b、c三个层次。a层次的学生是基础好,特长明显,自学能力强的一部分,对这部分学生,倡导自主学习,给他们布置任务或课题,学生独立完成,只是在需要的时候向他们提供帮助;b层次的学生是基础一般,能在老师的讲解、示范和引导下学习,对这部分学生可采用灵活多样的教学方法按步就班地学习,b层次的学生是学生群体中的大多数;c层次的学生是学习有一定困难的学生,我对他们的要求是掌握基础,除了给他们进行特别辅导之外,还采取结对子的办法,给每人配一个a层次的学生作为助理,帮助他们学习。但在分层次教学中要格外注意保护c层次学生的自尊心和学习积极性。

七、加强联系实际,培养学生的创新能力

创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识,解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复习阶段可以适当采用主题型课或任务驱动式的方法,设计引导学生从头至尾制作一个专题站点。当然,复习中也可以适当采取教学对话、教学讨论、示范等教学方法。

网站制作辅导心得 第4篇

在学习网页制作的这段时间里,我利用了学习之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的探索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

通过这次制作网站的过程,我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容,为后面的工作节省很多时间,所以在制定计划时要有充分的准备。

另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

标题在个人主页中起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记,不要符合自己主页的主题和风格。

网页页面整体的排版设计也是不可忽略了,很重要的一个原则是合理也运用空间,让自己的网页井然有序,留下合适空间,会给人轻松的感觉。

主页中不光要有文字,还要适当地加一些图片。俗话说“一图胜千言”,我想它不无道理。一张处理得好的图片不需再多做解释,就能使人一目了然,让人去思考,去了解它。

我通过整个包括主题的确定,网页的设计,资料的整和等制作的过程,才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习,与同事之间互相协作学习,学会把理论知识运用到实际中,真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

网站制作辅导心得 第5篇

现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。

通过一周的实习,在这门课上我学习到了一些关于制作网页的知识,对flash也有所了解,还学会了一些基础的PS技能

通过一周对这门课的实习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。

然后是对图片的处理,用到了Photoshop等相关的图像软件。也对Photoshop cs4这款软件有了一定的了解,学会了一些基本的ps方法。

接下来是开始正式制作网页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

在网页制作的时候,我觉得首先要列出大纲。列出来后,还必须考虑每个页面之间的链接关系。层次不清的站点会造成浏览困难,影响内容的发挥。

框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。

下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往网页里面填内容。

最后就是对网页的一些细节调整了,保证预览网页的整齐和没有错误。

猜你喜欢