借鉴写法:先定主题再设计、用图片增强表现力
演讲要点:明确网站主题对排名有重要作用、用户是网站成败的关键、网页设计注重实用性
行文逻辑:确定内容→了解用户→制作主页→优化网站
不知不觉我学习整站网页设计也有一段时间了,很高兴我能在这计算机深入的社会里,学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信息的一种便捷工具,如今的生活,商业都已经在网络上如火如荼地开展,我认为,学习网络知识,对于生活在网络时代的我们还是很有必要的。接下来我想分享一下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点帮助。
学习网页设计的过程中,我也成功制作了属于自己的网站,通过这一次尝试,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。我觉得,在设计网页之前:
首先必须做到先确定网页设计的内容,因为一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用。
其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离开。
我在这次设计网页的过程中,终于体会到做一个网页的主页不是一件容易的事情,它包括个人主页的选题、内容采集整理、图片的.处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意:
要想一个好的标题。标题在个人主页中起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记,不要符合自己主页的主题和风格。
主页中不光要有文字,还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然,产生兴趣。
网页页面整体的排版设计也是不可忽略了,很重要的一个原则是合理也运用空间,让自己的网页井然有序,留下合适空间,会给人轻松的感觉。
当然在做这些内容之前,是要找好资料的,我们可以从报纸,杂志,光盘等媒体中把相关的资料收集,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。设计制作网页我可以推荐一个不错的软件,那就是Dreamweaver。只需要用到此款软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了,网页设计制作完毕后,最后一步就是要优化网站了。
就我的观点,我觉得个人认为网页设计应该注重实用性,因为我们用它就是来互动的,所以我建议以简单美为好,太多复制的图片文字和页面排版只会让看的人感觉更不舒服,还有最后申明一下,我不是专业网站设计师,以上只是我对网页设计学习的一些心得罢了。
网页设计伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页,原来没有留意过网页的设计,但是经过这段时间的学习了解,现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。
通过老师的讲解和对课本的翻阅,我学习到了一些关于建设网站和制作网页的知识,对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页,我用到了一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候,总是出现这里那里的问题。不是图片不能固定在自己想要的位置,就是滚动文本的显示区域不知道为什么撑过了页面,还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面,我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如:
1、命名站点或者文件夹的的时候一定要注意,最好用相应的英语或者汉语拼音,要见名知意,如图片文件夹用image或者tu,这样可以避免页面调用时不正确的现象发生。
2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,可以很直观的反映出效果。
页面设计应以美观、大方、简洁为原则,保持一致的风格。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式,让他们能够了解网站提供的信息。要研究网页设计,就需要站在用户的角度来看。用户是一个网站成败的`关键。如果用户要花很多时间进入网站,很有可能他会立即关掉网站,或者网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。
还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0。5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。
下面简单介绍下网页设计的理念和要点。网页设计理念:
(1)内容决定形式:先把内容充实上,再分区块,再定色调,再处理细节。
(2)先整体,后局部,最后回归到整体:全局考虑,把能填上的都填上,占位置。然后定基调,分模块设计。最后调整不满意的几个局部细节。
(3)功能决定设计方向:看网站的用途,决定设计思路。商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。
网页设计的两大要点是:整体风格和色彩搭配。
一、确定网站的整体风格:
1、将标志logo,尽可能的放在页面最突出的位置。
2、突出标准色彩。
3、总结一句能反映网站精髓的宣传标语。
4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。
二、网页色彩的搭配:
1、用一种色彩。指选定一种色彩,然后调整透明度或饱和度,这样页面看起来色彩统一,有层次感。
2、用两种色彩。先选定一种色彩,然后选择它的对比色。
3、用一个色系。就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。在网页配色中,还要切记一些误区:
1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
针对我所学的平面设计方向,那么这次应用到了创意思维,版面设计,色彩配置。图形创意等方面都很重要,对于网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,版式设计通过文字图形的空间组合,表达出和谐与美。不积跬步,无以至千里。我已经在老师的指引下迈入了网页设计的大门,在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。
不知不觉,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的、系统的学会了页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的工作生活中更好的展现自己。
建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
首先,我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
然后,我们要找材料。明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的.网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
找到材料后,我们还要规划网站。一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
做好以上三步之后,我们就要选择合适的制作工具。
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,在这里,我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页,对于图片部分的处理,个人觉得Photoshop比较好用。
最后,我们就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
网页做好之后,就要发布到Web服务器上,才能够让全世界的朋友观看,还要不断地进行宣传,这样才能让更多的朋友认识它。
以上就是我对于网页制作的一些个人心得,由于本人的技术还不是很成熟,还存在很多的不足(如:背景过于单调和网页布置不合理)。选择学习这门课是很正确的选择,虽然在以后不会再有机会去上了,但我还是会通过各种方式继续页设计和制作的,同时很感谢带我入门的徐兵老师,让我有机会去学习有关网页的知识,谢谢!
借鉴写法:具体案例说明、细节操作描述
演讲要点:掌握网页设计框架体系、学会搜集整理资料、理解技术实践重要性
行文逻辑:规划网站→设计页面→解决技术问题→总结收获
通过这次个人网页的制作,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上,对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品,那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的,而不是单单为了完成作业而已。
规划一个网站,可以用树状结构先把每个页面的内容大纲列出来,尤其当你要制作一个很大的网站 (有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,十分累人,也十分费钱。大纲列出来后,你还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。制定出框架,然后开始一步一步有条理,有次序地来做,就胸有成竹得多,也为你的网页将来发展打下良好的基础。
开始时我选择了DreamweaverMX作为制作软件,看书学习了一些基础的东西之后就着手开始了我的网页制作,我先初步对网页作了一些页面规划,然后建立了站点,用软件中的一些基本的功能制作,首先是封面,由于DreamweaverMX没有插入艺术字的功能,所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。
接着有开始设计主页,我主要用层来设计版面,再适当配合表格,经过两个白天和一个通宵,网页基本的框架就出来了,但这时却遇到了一个很令人头疼的问题:突然所有插上去的图片都不能显示了!!!我用尽了所有能想出来的方法,请教了很多的电脑高手都不能把这个无法解释的问题解决,就连重新安装DreamweaverMX也毫无作用,由于是借别人的电脑,时间紧迫,没有等到去向老师请教,我就一气之下把那些东西都删光了,连Dreamweaer也不例外,当时我真的很失望,想到这两天废寝忘食地做的东西一下全没了就很是接受不了,我曾经一度想放弃,不过冷静了之后我决定从头开始。我换了Frontpage,由于对Frontpage一无所知,也没有相关的书籍,所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似,于是很快掌握了其许多基本的功能。接着我又熬了一个通宵,决定把前面的损失弥补过来。前面的工作也不能算完全白做,因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计,只是改动了一些,大体的框架还是没有改变。
通过这次制作网页,我学到了不少东西,而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色,相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小!!!
首先,让我自学地养成了自学的习惯,并在一定程度上提高了自学能力。网页制作与设计课是一门操作性很强的课,而在很大程度上也是一门"只能意会,难以言传"的课。因此,言传与自己操作两者是相结合的`,只在课堂上传授,如果没有亲自操作,是不可能真正学到知识的。在这一点上,我们的老师深有体会,于是上课时间最大可能地引导我们学习,而不是直接地授课、照本宣科的读课本文字。这样的结果是,课后我们得加倍努力地自学看书、认真操作。所以,自学能的培养是我修这课的最重要的收获,也是最大的心得。
其次,选修这门课教会了我懂得如何学习,如何收集我们需要的信息、资料。制作网页需要资料和尽可能多的信息,特别是在一个相对陌生的情况下,这工作更显得重要。而这些还有一个很大的特点,就是除了有大量要做的和繁琐之外,还要花心神、动脑筋去筛选。学会寻找搜集资料的途径和渠道也是我们必须的掌握的知识,当然,在寻找过程中能学会各种技巧,这是我学习这课的第二个较为深刻的心得。
再次,无论做什么事都得注重团队精神,增强与同学的合作。在做最后一次作业中,是由三至五个人组成的小组来完成,也即是由团队来联合完成。在当今社会中,在工作各个环节都离不开团队集体,特别是分工越来越细的当今团队也越发显得重要。一个大学生最重要的能力之一除了学习,还有懂得如何与他人很好地协作。这是时代对我们的要求,也是我们自身发展的需要。在学习这门课的过程中我们进行了合作,而且所做的还算理想,虽然在协调上还有一些小小的问题,但总体上我还是学会了。这完全得益于这门课、那次做作业,它让我懂得团队精神的重要性。通过学习信息模块实验课,我的收益颇多。
首先,独立的实践了一个完整的网站设计的全过程,把设计中零散的注意点和要求在自己大脑中形成了一个完整的框架体系,使平时学到的知识点有了一个质的升华,并且合理的在试验中进行了实践。
第二,在这次实验的过程中,我搜集了大量的素材和网页设计的技术技巧方面的书,扩大了知识面,给我在以后的设计过程中能博采众长,制作出技术精湛的网页打下了基础。
最后,我感受最深的是,技术方面的学习,最重要的是自己实践做出东西,只通过自己的亲身实践,才能学会、学懂、学通技术。
还有一些与大家分享的使用软件的心得:制作网页不一定非要懂得ps,coreldraw等软件,一样可以制作出来,但要熟练掌握三剑客。做网页,就是一个搜集素材,组织整理的过程。是先分后总的过程,不是先总后分的过程。开始的时候没有弄明白,以“先总后分”的思路指导自己去制作,走了很多的弯路,浪费了许多的时间和精力。后来自己明白了一个真理:没有素材,拿什么去组织网页?做flash动画,不一定非要用flash软件去制作,swishMax也可以完成同样的设计任务。而且用后者,可以大量节约时间,用1天SwishMax制作的动画,用flash制作大概用1周时间,前提是用flash可以制作出来。用成熟的技术去制作而不是用最新的技术。制作水平取决于你对网页技术制作的掌握与理解,不是你了解多少,而是你能做多少,取决于个人的实际制作水平。
对于个人制作来讲,一切都要依靠自己。搞技术,只要学习就有进步。但做事情做大,没有组员的帮助,很多事情无法完成。制作网页,是一个熟能生巧,巧能生精的过程。如果让自己重新制作一个类似的网站,大概需要1周的时间。第三次做类似的网站,大概需要3天的时间。最重要的是,不要套用模板。
自己以前学习网页制作,犯了一个很大的错误:套用别的网站上的模板,是用ps制作的,效果可以说很棒!但副作用也很大,这样会使自己对很多东西都弄不清楚,动手制作能力为零。现在很多网站上也有类似的ps模板可以下载,也有很多ps制作的漂亮按钮,但对实际工作来讲意义不是很大,掌握ps基本的创作方法才是正道。很多细节性的东西理解了,掌握了,重新更换的时候,心理也比较有底气,才能做到游刃有余。
我通过整个包括主题的确定,网页的设计,资料的整和等制作的过程,才更加深入地理解了网页制作的相关理论。要想制作一个能够像网上的那样,还得需要经过长时间的刻苦努力和不断地检验及实践,否则,如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识,不像文学那样的纯理论知识。通过这个课程的学习,我从中得到了一些对网页知识如功能、概念的理解,原来要做出一个简单可行的网页并不是一件害怕的事情,而是一件努力和尝试的事情。我们怀着浓厚的兴趣去学习,与同学互相协作学习,学会把理论知识运用到实际中,真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的全方面发展的人才的目标前进。在学习,我还结识了很多设计专业的朋友,课下与他们沟通、交流、请教经验,了解更广泛的专业知识与软件的应用。通过这次网页制作的课程,我学到了不少东西,而且学到了不少思考问题的方法。我们从中学到的不仅仅是软件的运用,更是增长自身技能中不可或缺的品质和素质技能。
借鉴写法:具体案例说明、数据支撑感悟
演讲要点:Flash制作新发现、网站基本制作掌握、超链接设置理解
行文逻辑:了解问题→解决疑问→总结提升
两周的实训转瞬即逝,在这短暂的时间里,我们在老师的指导和帮助下,对于网页设计与制作有了进一步的了解。
在这两周内,同学们每天都按时完成老师留下的作业,对于自己以前不理解的东西,通过老师的重新讲解、指导和自己的练习,对其有了很好的"了解;对于我们看不懂的一些内容,通过与同学协商和听老师的讲解来理解并掌握它。在这两周的实训里,我发现了许多自己以前没有注意到的问题,在flash制作方面,有很多是自己以前没注意过的,通过老师的讲解和同学的帮助,我了解到一些新的东西并对网页设计与制作有了更深的兴趣,如falsh制作与运用、网站的基本制作、超链接的设置等;我们对网页设计与制作方面的知识有了一定的认识,为我们以后对网站的学习和运用有很大的帮助。
通过实训,我们把网页设计与制作中涉及到的理论和实践更好的结合起来,我对网页设计与制作这本书有了更深的理解,在flash制作方面有了很大提高,操作能力也得到了增强,使我们了解到无论做什么事都要有足够的耐心,还要认真细心。在做题时要对自己做过得东西进行仔细的检查,同时也使我了解到同学之间要相互协作、共同努力。
借鉴写法:以问题引出感悟、用案例支撑观点
演讲要点:运用FrontPage到Dreamweaver的技能升级、通过解决代码问题提升专业水平、在时间不足情况下仍坚持学习改进
行文逻辑:激发兴趣→动手实践→提升技能→总结不足
本学期的网业设计课程,开展了动态思维训练的教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。
一.充分发挥动手能力
作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。
二.在设计过程中不断提高网页设计水平
在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页,到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页,完善网页。在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
三.不足之处
由于平时工作比较繁忙,学习时间比较少,对于网页设计软件的强大功能运用得还不够。在网页设计过程中,由于没有网页制作代码的知识,所以在设计时也遇到了很多麻烦,有时插入一个特效脚本也是很麻烦。在网页制作过程中,想提高设计水平,想有个理想的网页,必须学会代码的运用,我将在以后的学习过程中不断加强这方面的学习,希望老师能简单介绍一下代码,让我也对它有个初步的认识,以后再加强学习也才会有所提高。
总体来说,通过今次的对网页设计的学习,有收获也有遗憾、不足的地方,但我想,我已经迈入了网页设计的大门,只要我再认真努力的去学习,去提高,凭借我对网页设计的热情和执着,我将来设计出的网页会更加专业,更完善。也希望老师在今后的日子里多指导。
借鉴写法:场景描写具体、数据对比鲜明
演讲要点:掌握软件功能应用、明确分工协作流程、提升色彩搭配能力
行文逻辑:学习软件功能→设计网页结构→确定主题色调→分工合作调试
连上了两个星期的网页实训课,可以说学到很多以前没有学到的东西。虽然在大一的时候我们的专业出开设了网页设计课,但感觉这两个星期学到的远远比以前学一个学期的要多,要丰富。
每一天都有新的内容要学,让人感觉很兴奋,很高兴,恨不得马上就把它给学会。通过这次实训使我更熟练掌握 Dreamweaver、 Flash 、Fireworks 、Photoshop等软件的功能和应用。不但如此,更增加了同学间的友谊,陪养了彼此间的团结。
在这期间,每一天老师都会发一些素材和实训给我们,首先是网页素材的准备,在网上查看一些网页背景和背景颜色搭配,让我了解到网页的颜色不能多过3种色彩。接下来的几天再结合自己的网页来进行策划,在做首页之前,先用图纸把网页的结构画出来,内容和结构都想清楚用Fireworks把网页设计出来,再切割图片,把它们导成Html格式在Dreamweaver中进行进一步的编辑。
我们的网站主要是围绕宿舍而展开的一串活动、人物等,宿舍给我们一种很温馨、很快乐的感觉,所以我们决定将这次的网页名叫funny room。主题确定好了,那么分工出就明确了,我们组有三个人,两个人负责找素材,另一个美术好的就负责网页的页面设计,但是我们始终不是学美术方面的,所以色彩方面搭配的不是很好,后来采用了色彩比较清新自然的绿色来作为首页的主色调,让人第一眼看上去就有难忘的感觉。而从第二页开始就采用粉色为主色调,让人可以感受到我们的主题,因为首页和其它的"颜色不一样,所以我们就把首页当作是过渡页,第二页开始才是网页的内容。为了增加网页的新鲜感和活泼感,还适当在添加一些透明flash和一些网页特效。在这实训的时间里面,我们分工合作,共同努力,对网页反复调试和修改,特别是对于Fireworks软件不那么熟悉,有很多的实例都要看过老师的演示才会明白,不过这也恰恰让我学到更多。虽然中途难不免会有因为意见的不合而发生一些小小的争吵,但我觉得不影响我们的网页设计,反而会因为这些不同的意见而重新学到更多的知识。
根据学校安排我于20xx年12月25号到广州筑正有限公司造价部进行实习建筑施工实习,但由于老师考虑到该公司不会把我派到施工工地现场,这样我就不能更好地让我借这实习机会了解到更多工地现场的工序操作。从而于20xx年1月3日我就被调到广州广骏工程监理有限公司实习。这一次实习让我了解到了造价方面的知识还有监理方面的知识,让我更进一步的了解到理论于实际的差异。
在广州筑正咨询有限公司实习工程中,虽然只是协助本公司整理各工程有关资料,但我可受益匪浅。如在打印表格的过程中才知道原来自己对办公室日常的操作系统是非常陌生的,觉得自己应该要注意学习一些其他专业知识来武装自己;在我空闲时,没有主动地去问带领我实习的林师姐有没有可以帮忙的或跟她协调一下实习内容,做事太被动了;在跟本公司人员闲聊时,没有胆量发表自己内心的想法,可能是怕说错话,影响林师姐在公司的地位等等。在本公司实习过程中,最大的收获就是从新认识自己,知道自己不但在学习上没有学习好自己的专业知识,还在做人方面都有所欠缺。
而在广州广骏工程监理有限公司实习就让我更进一步了解施工现场与课堂知识的差异,对于此觉得自己的知识面太狭小了,要学习的东西还有很多。
借鉴写法:用具体场景引出感悟、通过数据体现成果
演讲要点:通过浏览器兼容测试问题提升技术能力、在代码中加入注释提升工作效率、通过调整工作方法提高网页制作速度
行文逻辑:入职考试→培训考核→正式工作→总结体会
毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自信了。现将我的实习情况汇报如下:
一、实习工作介绍
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与 fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有 2块的提成,虽然少点,但是积少成多,也是很可观的。
二、初来公司的时候
(一)初级考试
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了xx公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。
(二)三天的培训工作
三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。
(三)最后的考核
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。
考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面 5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+div排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3--4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。
四、业余的生活
每天的工作都是是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。
五、工作心得体会
实习期结束后,我和其它同事得到了正式合同并留在了这家公司,通过这次工作,我得到的最大体会就是,如果一个人在社会上没有一技之长,那他是没有办法很好的活下来的,只有不断的加强自身专业技能学习才行。所以,尊敬的老师,我会在业余时间好好学习,加强自己的专业能力,使自己变得更强,只有这样才能上到为国家、为社会做出贡献,下到为自己、为父母、为学校交出一份满意的答卷。
借鉴写法:细节规划、方法迭代、教学相长
演讲要点:完成留言板功能设计、通过多次练习掌握数据库连接、在教学中深化理解
行文逻辑:确定主题→功能设计→发布推广→教学实践
不知不觉,二个星期的《网页设计与建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.
自从第一天接触《网页设计与建设》课程,我以下定决心要把网页这门课学好,做出一个优秀的所以我时刻没有错过任何学习的机会,无论在课堂上,还是在课外上.更何况这一次实操.回顾今次的实操我觉得我过得很充实,很有意义,因为我可以诚实的说我在实操没有玩过一次游戏,我每时每刻都在设计,还记得晚上做做到一、二点,可能有人会说我傻,但正因为这个傻的行动,令我学会很多东西,学会别人不懂的东西,做出一个令自己满意的,可能跟别人比还需要继续完善,但我不会因为实操结束,就把网页设计抛到九霄云外,我会继续页设计技术,把它变为自己的一项特长。
回顾第一天的《网页设计与建设》课程实操,老师叫我们继续完善以前设计的,做出留言板、注册的功能。我很快就完成了,但可能我是一个追求完善的人,所以尽管一个做好可以马上交给老师。但我做出一个别人都不赞同的决定,从头开始做一个。因为我觉得以前那个真的不是太好,尽管实操的时间过去了一半,尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著,追求成功,追求完善的人,才会使我今天交出一个令自己满足的答卷。
在制作个人时我们首先:
一、必需进行个人前台功能设计
包括个人主题的确定,前台功能设计与管理、个人主页设计、个人留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人后台管理功能设计
包括个人后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人后台管理系统主页设计。
三、发布
通常我们发布一个可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人推广
一个做好了,就要对个人进行推广,这是一个电子商务必需做得的一步,因为如果你不对你的进行推广,就算你发布了也没有人会知道的。
在设计这个时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。因我为体会到这一句话:“机会中属于有准备的人”。我详细到一个表格宽度都一一列明。例如:775宽度,分三栏,每一栏占多少。因为我深深懂得“细微处才见真功夫”。
在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库,第二次我用的是sql数据库加权限管理,第三次我用的是数据源名称的连接,第四次我用的是自定义连接字符串,第五次……每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的`练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题一一的解决。
令我难以忘怀的镜头也是在做留言板的时候,但不是为我自己的而做,而是一步一步教同学做,直到令同学学懂;把同学留言板的问题一一解决;当同学因为做不出而没心情,过去对她进行鼓励的,然后一一解决;当自己也不会,与同学共同研究的情况,这种学习氛围是最难得的,就是在做留言板的时候,令我深深体会到我几句话:认真做事只是把事情做对,用心做事才能把事情做好。把每一件简单的事情做好就是不简单,把第一件平凡的事情做好就是不平凡。
借鉴写法:具体案例说明、数据支撑感悟
演讲要点:使用div+css布局提升页面加载速度、通过ps切片工具优化图片处理、掌握网站架构规划方法
行文逻辑:确定主题→分析布局→优化代码→总结经验
SothinkDHTMLMenu,Sothink_Logo_Maker等软件,这些软件不仅可以快速开发出导航,logo等,而且很漂亮,美观。
制作网页,首先是确定主题,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,每一部分又分几小部分,内容比较充分,多样。内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。
而我们这次的实习就是用这几款软件来设计,主要使用div+css来布局,避开传统的table(表格)布局
DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题:很多“网站如何推广”的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,Spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。
使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,蜘蛛(Spider)爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。
代码精简所带来的直接好处有两点:一是提高蜘蛛(Spider)爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到蜘蛛(Spider)欢迎,这样对收录数量有很大好处。
而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer(seo工作者们)们在文章中说明了这一点,相信他们也不是没有依据。
DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的`完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度:DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在蜘蛛(Spider)爬行时是非常有利的。过多的页面代码可能造成爬行超时,蜘蛛(Spider)就会认为这个页面无法访问,影响收录及权重。
真正的SEOer(seo工作者们)不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的,可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的方面。
总之Div+css布局的优势如下:
由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。
DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。
我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。
好的网页,也离不开photoshop,前面我也说了,flash的制作所需要的图片都要在photoshop中事先PS好的。那么photoshop的作用就显得很重要了,网页中的flash都仅仅是一小部分,图片占的分量还是比flash要大的,故好的
photoshop技术,那么PS出来的图片就会显得更好,这样网页的档次也会随着上升。这次的网页设计,因为是仿照一张图片,那么就要求我们要懂得photoshop中的切片工具的使用。切好片后,还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大,然后才来控制切片线的位置。
从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页。
现在,计算机和网络已经深入到了我们生活中的方方面面,也已经成了生活中不可缺少的一部分,网络成了我们获取知识和信息的一种便捷工具,现在的网民也在不断的增多,所以,了解和学习网络知识是我们作为一名大学生迫切所需的。我通过这一学期的学习,对网页设计有了初步的认识和了解,并基本掌握了Dreamweaver的应用。
在学习了网页设计的同时,我更加深入的了解了关于计算机和网络的知识。基于对计算机基础与C语言的基本掌握,学习网页设计的基础部分便显得较为轻松。虽然如此,在设计过程中依然出现了很多的问题,但通过看书,上网查询,等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。
通过对网页设计书籍的翻阅,我学习到了一些关于建设网站和制作网页的知识,在实践查阅资料时,对flash也有所了解。我还了解了一些基础的网络技术。通过学习,我对计算机有了更深层次得到了解,也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解,对网页制作的基础知识也有了一定的掌握。在这个过程中,我同样认识到网页设计不是一门学科的独秀,而是多种课程的综合,他是Flash、Fireworks等网页软件的综合应用。
下面阐述一下我在设计我的网站时的一些关于网页设计的见解。在具体的制作时我了解到一个优秀的网页设计应该具备一些基本原则。
首先,要确定网页设计的内容,一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么,所有页面都是围绕着这个内容来制作,有了明确的内容对排名有很重要的作用;其次,要了解你网站所在行业的"客户,及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去。
在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作。
内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时,可以用树状结构先把每个页面的内容大纲列出来,尤其要制作一个大的网站(有很多页面)的时候,特别需要把这个架构规划好,也要考虑到以后可能的扩充性,免得做好以后又要一改再改整个网站的架构,很浪费时间和财力。大纲列出来后,还必须考虑每个页面之间的链接关系。是星形,树形,或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱,层次不清的站点会造成浏览困难,影响内容的发挥。框架定下来了,然后开始一步一步有条理,有次序地做来,就胸有成竹得多,也会为主页将来发展打下良好的基础。下一步,就以动手制作具体内容了,题材选定,框架选定,接下来就开始往主页里面填内容。
如果是个人主页,有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是:从报纸,杂志,光盘等媒体中把相关的资料收集整理,再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集,您只要到搜索引擎上查找相应的关键字,就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片,Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画,编辑修改非常灵活,它的另一大特点是“交互性”强。在动画播放时,可以用鼠标或键盘对动画的播放进行控制,效果可以很直观的反映出来。然后是开始正式制作主页。通过Dreamweaver作为制作软件,只需要用到软件中的一些基本的功能:图片插入和对齐设置;文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。
总体来说,通过这个学期对网页设计的学习,有收获也有遗憾。但是,我已经迈入了网页设计的大门,只要我再认真努力的去学习,在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。