时间:2023-01-29 16:35:42
引言:易发表网凭借丰富的文秘实践,为您精心挑选了九篇网页设计报告范例。如需获取更多原创内容,可随时联系我们的客服老师。
今年11月,我在超想电脑公司实习,本次实习主要是参加超想电脑公司给一个地税的办公自动化系统的软件设计,此软件采用asp开发。本人在此过程中主要参与了用asp进行网设计,包括新闻栏的创建和自动更新,以及公告栏的创建、使用和维护。通过本次设计,使我更加深入掌握了asp网设计的技巧。下面就是本人在本次实习后的心得。
asp是microsoft公司推出的一种用以取代通用网关接口的技术,英文全称active server pages。它是一个web服务器端的运行环境。asp本身包含了vbscript和javascript引擎,使得脚本可以直接嵌入html中。现将我们在asp运用过程中的几个小技巧与大家分享。
一、新闻栏
大多数网上有新闻栏,用以显示最近新闻的主题,点击此主题即可查看详细报道。倘若每天都一条条写在网上,再依次建立链接太过麻烦。如何让其可以根据文件自动更新呢?
记得初到公司时,我对公司的了解仅仅局限于公司网站的简单介绍,除此之外,便一无所知了。但是,在领导和同事们的支持和帮助下,我不仅加深了对公司的了解,而且很快就掌握和熟悉本岗位工作的要求及技巧,严格做到按时按量完成产品终端页等页面的制作,保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时,减少页面中冗余的代码,保证页面的加载速度。此外,注意用户体验问题,站在用户的角度浏览网页,发现问题、解决问题,以提高网站的浏览量。
自从担任网页制作以来,虽然在工作中取得了较好的成绩,但也还存在一些不足之处。例如:工作中没有充分领会领导的意图,有时会忽视公司的工作流程等等,这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。
在今后的工作中,我将努力提高技术水平,克服不足,朝着以下两个方向努力:
1、在以后的工作中不断学习技术知识,通过多看、多学、多问、多练来不断的提高自己的各项业务技能。
2、提高自己解决实际问题的能力,并在工作过程中慢慢克服急躁情绪,积极、热情、细致地的对待每一项工作。
从学校毕业后,我第一次步入了社会,从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人,面对陌生的人,我不善言辞,不会给自己的外表进行很好的包装,不适合做那些销售、接待的工作,只有技术类的工作,少说多干的活适合我,这个我很清楚。现在,中国每年都有很多毕业的大学生找不到工作,我也不例外,所以,这第一次实习工作肯定不会太好找,但是相反,我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。
一、工作介绍
我工作的这家公司,从事网站开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为网站前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作,这样的网站技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。
二、开发技术
做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。
在大学里对一个学生来说什么是最重要的,那就是学习能力。要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。那个时候学的东西多,难免有个主次之分,这次工作了,才知道哪个应该多学点,但好在我都有学过,所以有个好的基础在这里,也就不怕了,比如说:flash,公司要求技术人员会做flash,flash这东西以前我在宿舍的时候经常玩的,可是后来在分析就业情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记,所以说记笔记是很重要的事情。而其它像javascript、xml、数据库这些东西我都学过,只是实践能力稍差一点,但好在从前在学习方面用的功不是白费的。通过这种实战环境,和半个月的刻苦学习,我终于可以感上小组的工作进度了,已经可以很好的完成领导教给我的任务了。
像我这个组常用的是css+p排版,后台使用php技术进行开发,服务器平台采用,linux+apache+mysql+php,这种lamp组合,我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版,这种方式简单但是已经有些过时了,现在大部分网站都开始了重新构架,所以都采用css+p进行网页排版,我目前正在学习,掌握的还算比较快。而在后台开发部分,我们使用php来进行开发,我的工作是手写一些小模块。或者用javascript写一些特效小代码。
三、工作流程
小组分工时,我负责后台里小模块的开发工作,如:留言板或,还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作,使用css+p技术。编写代码这种工作看起来有些枯燥,其实时间长了以后,还真有点厌烦,但是后来我明白,只有将自己的本职工作做好,提高自己的技术,做出优良的东西,这样自己才会有价值感,才会对自己的工作保持新鲜感。所以我每天都在工作后,记录下每天在技术上的不足之处,回家后,将强学习,这所谓:找出不会的地方,学会它,你就变的强大了。
php是现在比较流行的一种网站开发技术,由于它是开源的免费代码,并因良好的跨平台性能受到了大重的喜欢,我个人认为php很简单,适合初学者学习使用,但是在某些地方想要做好,就需要你认真的学习了。目前,我负责的只是技术性较低和规模较小的模块,不过,我觉得从简单处做起也挺好的,但是我在写代码时,还是经常犯些小错误,导致代码页面经常出错,而自己往往还找不到是哪错了,有几次急的都不行,不管怎么弄,结果就是错误,后来我才发现,原来只是一个小错误,小的不仔细察看,我都找不到。于是我明白,做开发工作,一定要细心,否则就会给自己和别人带来麻烦。
四、安全检查
安全检查是很重要的一个环节,就像你给人家盖房子,房子盖好了,可是门和窗不结实,那这种就必然不会安全的了。页站的制做也是同样的道理,在安全方面,有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性,有些人员在一些环节上的疏漏,很有可能导致网站在实际使用时,遭到黑客攻击,如果造成了经济损失就无法挽救了。
一、工作介绍
我工作的这家公司,从事网站开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为网站前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作,这样的网站技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。但是有个别的网站开发时,我们还是需要进行一些手写代码工作的。
二、开发技术
做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。
在大学里对一个学生来说什么是最重要的,那就是学习能力。要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。那个时候学的东西多,难免有个主次之分,这次工作了,才知道哪个应该多学点,但好在我都有学过,所以有个好的基础在这里,也就不怕了,比如说:flash,公司要求技术人员会做flash,flash这东西以前我在宿舍的时候经常玩的,可是后来在分析就业情况时,分析错了方向,以为这东西没有什么用处,结果就给荒废了。但好在还有印象,并且当初记了很多的笔记,所以说记笔记是很重要的事情。而其它像javascript、ml、数据库这些东西我都学过,只是实践能力稍差一点,但好在从前在学习方面用的功不是白费的。通过这种实战环境,和半个月的刻苦学习,我终于可以感上小组的工作进度了,已经可以很好的完成领导教给我的任务了。
像我这个组常用的是css+p排版,后台使用php技术进行开发,服务器平台采用,linu+apache+mysql+php,这种lamp组合,我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版,这种方式简单但是已经有些过时了,现在大部分网站都开始了重新构架,所以都采用css+p进行网页排版,我目前正在学习,掌握的还算比较快。而在后台开发部分,我们使用php来进行开发,我的工作是手写一些小模块。或者用javascript写一些特效小代码。
三、工作流程
小组分工时,我负责后台里小模块的开发工作,如:留言板或论坛,还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作,使用css+p技术。编写代码这种工作看起来有些枯燥,其实时间长了以后,还真有点厌烦,但是后来我明白,只有将自己的本职工作做好,提高自己的技术,做出优良的东西,这样自己才会有价值感,才会对自己的工作保持新鲜感。所以我每天都在工作后,记录下每天在技术上的不足之处,回家后,将强学习,这所谓:找出不会的地方,学会它,你就变的强大了。
php是现在比较流行的一种网站开发技术,由于它是开源的免费代码,并因良好的跨平台性能受到了大重的喜欢,我个人认为php很简单,适合初学者学习使用,但是在某些地方想要做好,就需要你认真的学习了。目前,我负责的只是技术性较低和规模较小的模块,不过,我觉得从简单处做起也挺好的,但是我在写代码时,还是经常犯些小错误,导致代码页面经常出错,而自己往往还找不到是哪错了,有几次急的都不行,不管怎么弄,结果就是错误,后来我才发现,原来只是一个小错误,小的不仔细察看,我都找不到。于是我明白,做开发工作,一定要细心,否则就会给自己和别人带来麻烦。
四、安全检查
安全检查是很重要的一个环节,就像你给人家盖房子,房子盖好了,可是门和窗不结实,那这种就必然不会安全的了。页站的制做也是同样的道理,在安全方面,有一个地方是和开发人员有很大的关系的。因为开发人员技术的高低决定了网站的安全性,有些人员在一些环节上的疏漏,很有可能导致网站在实际使用时,遭到黑客攻击,如果造成了经济损失就无法挽救了。
一、实习工作介绍
我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有u88、28招商网等。
我和其它几位同事做为网络部的技术人员,主要的工作就是接收美工人员的网站模板,将其通过photoshop切片,然后导入dreamweaver进行排版,(排版主要使用css+div),并进一步的加以制作,完善美化,如加入js代码,或透明flash,因为网页是用css+div进行排版的,所以在最后一步的时候,我们还需要进行浏览器测试,因为css+div排版方式有一个最大的缺点就是:浏览器不兼容的问题,典型的如:ie与fireworks,因为各种浏览器使用的协议不同,所以会导致页面在最终浏览的时候有一些小问题,如:页面混乱,图片、文字之间的距离过大或过小,页面不美观等等,做为一个新人,我在有些方面的技术还很不成熟,所以在技术总监张伟的帮助下,解决了很多问题,所在我很感谢他,当每天我们做完网页后,都会在代码页面加入注释代码,在里面写上每个人姓名的汉语拼间和工作日期,这样方便月底做统计工作,公司领导会根据每个人的工作数量进行奖励,每做一个页面会有2块的提成,虽然少点,但是积少成多,也是很可观的。
二、初来公司的时候
(一)初级考试
初来公司的时候,我们经过了初期考试,培训,与最终考试三个阶段,在接到公司让我面试的电话后,我来到了**公司,因为要干的是网页设计,所以要有一个小测验,技术总监要求我们在网上自找图片和文字,做一个简单的页面,要求是:什么样的页面都可以,考查的主要是面试者相关软件的操作能力与代码掌握的熟练成度,说实话,从毕业后,有一段时间没有写代码了,刚一上机,还有点生疏,但是凭借在学样扎实的学习功底,我很快就恢复了自己的英雄本色,将html代码写的很熟练,做了一个左右分栏的页面,没什么太大难度,技术总监看了以后,说不错,让我三天后参加培训,合格扣就可以正式上班了。
(二)三天的培训工作
三天后,我来到了公司,一看,来参加培训的人有很多,大概在十多个人左右,其实所谓的培训,就是让大家先熟悉这家网站的工作,先做一些他们平时干的活,做一些广告网页,这些网页都是静态的,没什么难度。我后来发现,自己在这些人当中,还是较较者,心里优势还挺好的。
(三)最后的考核
三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据你在实习期的表现决定你的去留问题,最优秀的人会转正,得到很优厚的待遇。
考核的内容,就是在公司的商务网站上任选一个页面,然后在规定的时间内做完,我还不错,技术比较熟练,是第四个做完的。当我们把网页做完后由这家公司的经理进行审核,最后的结果是,最先做完的前8个人可以有底薪加提成,每人页面的提成是2元钱,而后面做完的,只有提成,没有底薪,他们的提成是每个页面5元钱,最后的几个人就被淘汰了,制度虽有点不近人情,但是刚毕业的学生能忍也就忍了,就这样,我们每个人得到了一份一个月的临时合同,正式开始了实习工作。
三、正式工作
我们每天的上班时间是从早上8:30分到下午的17:00,这是我见过最有激情的一些人了,年纪轻轻,干劲十足,来了以后就工作,连平时聊天的内容也和本行业分不开,我喜欢他(她)们,回为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的从上到下式的网页,通过css+div排版,这样在后期浏览器兼容测试中,就好做的很多了,文字与图片之间就不会有太多的麻烦,的很不错,不过有些追求精致,我做网页的速度慢了很多,最初每天只能做3--4个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。
四、业余的生活
每天的工作都是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。
二、调幅中波收音机的电路方框图,电路图,信号的流程如下:
收音机的基本工作原理:
天线收到电磁波信号,经过调谐器选频后,选出要接收的电台信号。同时,在收音机中,有一个本地振荡器,产生一个跟接收频率差不多的本振信号,它跟接收信号混频,产生差频,这个差频就是中频信号。中频信号再经过中频选频放大,然后再检波,就得到了原来的音频信号。音频信号通过功率放大之后,就可送至扬声器发声了。天线接收到的高频信号通过输入电路与收音机的本机振荡频率(其频率较外来高频信号高一个固定中频,我国中频标准规定为465khz)一起送入变频管内混合——变频,在变频级的负载回路(选频)产生一个新频率即通过差频产生的中频,中频只改变了载波的频率,原来的音频包络线并没有改变,中频信号可以更好地得到放大,中频信号经检波并滤除高频信号。再经低放,功率放大后,推动扬声器发出声音。
三、安装前的准备工作:
[关键词]网站建设与管理、网页设计师、活跃思维、提高学生自我能动意识
中图分类号:G642 文献标识码:A 文章编号:1009-914X(2016)04-0236-01
一、课题的提出
1.背景
十以来,我们国家对职业教育事业越来越重视,职业教学的改革步伐也在日渐加快,当前需要我们创造先进的、有效的经验来带动国家职业教育的创新发展。网页设计专业,在我们国家的网站建设与管理专业中发挥着举足轻重的作用,其作用发展历史长久,正处于稳步前进的上升期。
2.现状
网络发展飞快的今天,网页对于我们中职院校的学生来说很是熟悉,如“淘宝网站”、“京东网站”等等都是由网页组成的网站。伴随着历史进步的脚步、计算机技术的不断提高,人们对网站的要求不仅仅只满意于网页的简单操作,这就需要我们中职院校的教师能正确的培养出一批优秀的网页设计师。
3.基础
在学习《使用Photoshop设计网页》之前,学生已经在上一学期中学习了《使用Photoshop处理图形图像》、《计算机的基础课程》及《配色与布局》的课程,已经对网页设计有了基本的了解,本次课题的研究是让学生更好的掌握网页元素――“网页LOGO”和“网页按钮”的设计。
4.意义
学生通过使用Photoshop设计网页时,可以使学生们的头脑能够充分的发挥、活跃学生们的思维,设计出更好的作品。
二、理论依据
设置问题情境,是中职“做中学”的重要途径,不少教学实践表明,基于工作过程导向的教育是对学生专业能力培养的突破口。本课题借鉴姜大源的基于工作过程导向的课程开发方法的探索中的宝贵经验,着眼于中职网页设计专业学生实际出发,在工作项目的制定与实施上加以创新。
三、核心概念的界定
本课题是对我校高一年级“网页设计”专业学生进行研究,以现阶段的在校学生学习情况为出发点,研究我校学生在“网页设计”专业自我动手能力,分析原因,研究出在“网页设计”专业方面提高学生自我能动意识的办法,让学生能够更好的发挥自己的设计理念,使学生在“网页设计”专业方面达到学会制作,创新制作的程度。
四、研究目标
针对中职学生的实际情况,合理安排学生在“网页LOGO设计”和“网页按钮设计”方面的课程,做到有目的、有实效,以培养中职学生的综合能力为主要目标,制定有效的能力检测手册。
五、研究内容及对象
1. 研究内容
1)进行市场调研,确实掌握市场需要的人才所应具备的专业技能,明确专业定位与培养目标,撰写市场调研报告。
2)实施“网页设计”专业工作任务中需要具备的专业技能。
3)研究“网页设计”中“网页LOGO设计”工作岗位具体工作任务和工作项目。
4)研究“网页设计” 中 “网页按钮设计”工作岗位具体工作任务和工作项目。
2.研究对象
我校网站建设与管理专业一年级学生。
六、研究方法
1、实践研究法 2、调查研究法 3、文献资料法 4、案例分析法
七、研究的主要步骤和过程
1、准备阶段,认真选题,制定研究课题方案,确定课题的名称、课题研究的对象、研究方法、研究目标和研究任务,进行市场调研,编写市场调研报告。
2、实施阶段,根据网站建设与管理岗位学生的市场调研结果制定对策,制定科研项目实施方案及细则,编写《专业技能检测手册》。根据科研项目实施方案及细则付诸实践
3、总结阶段,研究总结阶段的主要任务是对研究实施阶段的成果进行综合分析总结,对研究过程中发现的问题进行反思,提出改进设想,为以后进一步研究做资料储备。
八、研究成果和结论
根据网页设计专业岗位的要求,我们制定了网页设计之“网页LOGO设计”和“网页按钮设计”研究课题,具体成果和结论如下:
(一)、网站建设与管理包括了2个典型的工作任务:
A.典型工作任务一:网页设计B.典型工作任务二:网络编辑
网页设计包括3个具体工作任务:
a)具体工作任务一:网页色彩与板式,b)具体工作任务二:网页图像处理,c)具体工作任务三网页动画制作,网络编辑包括3个具体工作任务:a)具体工作任务一:网页编排,b)具体工作任务二:布局美化页面c)具体工作任务三:网页特效制作
工作项目一:网页LOGO的设计,工作项目二:网页按钮设计
根据所编写的《专业技能检测手册》对学生进行考核,通过学生的考核结果了解学生对“网页LOGO的设计”和“网页按钮设计”掌握的很好。
(二)学生应该具备下列专业能力:
单项专业能力二:能熟练应用Photoshop软件进行网页图像处理
项目技能一:能熟练应用Photoshop软件制作网页LOGO
我以“宝马公司LOGO”的制作作为案例进行考核、分析、讲解
学生应该掌握以下4点的专业技能:
1)LOGO的简介:LOGO的书面翻译是作为标志的语句,标识语。在实际生活中,LOGO就是标志、徽标的意思。
2)LOGO的设计原则:符合企业的文化、精神、产品,应该具有较强的时代感,简洁易懂富有美感。
3)LOGO的表现形式:根据网页内容需要,确定LOGO的表现形式是图形方式、文字方式还是综合方式。
项目技能二:能熟练应用PS软件制作网页按钮
我以“Vista风格按钮”的制作作为案例进行考核、分析、讲解
学生应该掌握以下3点的专业技能:
1)按钮的简介:一个按钮至少应该具备两个条件:(1)代表了某种功能,并且通过某种形式将它所代表的功能表示出来;(2)人们通过这个按钮可以产生人机互动,来实现这个按钮所代表的功能。
2)按钮的表现形式:根据网页需求的按钮功能,确定按钮的表现形式是图形方式、文字方式还是动画方式。
3)按钮的设计原则:按钮是人机交互的纽带要醒目引人注意,按钮是人机互动的桥梁要准确反映功能,按钮不是独立存在的按钮的风格要与整体页面统一。
(三)根据岗位需求和国家职业鉴定标准,我们制定了网站建设与管理专业网页设计专题学生专业能力考核标准如下:
单项专业能力二:能熟练应用PS软件进行网页图像处理(满分100分)
考核项目一:设计网页LOGO(满分10分)
考核内容与要求:
①LOGO设计的准确性。(3分)② LOGO设计的独立性。(3分)③LOGO符合企业的文化、精神、产品。(4分)
考核项目二:设计网页按钮(满分10分)
考核内容与要求:①按钮表现形式凸显页面需求。(5分)②按钮的制作实用、符合按钮的设计原则。(5分)
九、存在的主要问题及今后的设想
1.存在的主要问题
在使用Photoshop设计网页元素的刚开始时期,学生常常会一次性形成一个或者多个创造思维方式,可是往往表现不出来,手与大脑的配合不能协调。
2.今后的设想
关键词:计算机;图像处理技术;网页设计
运用随着信息技术的进步以及人们生活水平的提高,互联网已经深入家家户户。网站是目前人们最常用的信息获取渠道,而网页设计直接决定了网站的质量。计算机图像处理技术是网页设计中的常用技术,主要目的是提高网页的整体艺术感,将多样化的内容呈现在浏览者面前。通过计算机图像处理技术进行网页设计,能有效提高网页设计的艺术感,使网页更具有感染力,获得浏览者的共鸣。
1图像在网页设计中的重要性
图像在网页设计中占有较大的比重,也是最能吸引浏览者的因素之一。图像在网页设计中的功能可以分为以下两方面:第一,视觉吸引功能。图像和文字相比,对浏览者的感觉更直观,能有效吸引浏览者的注意力,激发浏览者的兴趣,从而提高网站的浏览率。正是因此,图像的直观功能能为整个网页设计起到画龙点睛的作用,提高整体网页设计的艺术感。有调查报告显示,图像是决定浏览者对网站兴趣的重要影响因素;其次,信息引导功能。网页设计的根本目的是满足不同浏览者的多样化需求,使浏览者能迅速在网页中发现自己所需的信息。而图像则具有一定的信息引导功能,能够使浏览者在众多的信息中迅速发现自己需要的内容,节省了大量的时间。同时也可以通过图像对单纯的文字进行美观,提高网页的吸引力,从而保证网站的浏览量。
2计算机图像处理技术
计算机图像处理技术即对图像进行针对性的加工、设计以及美化等,从而表达出相应的含义。目前,计算机图像处理技术主要包括以下几方面:
2.1图像去噪计算机系统
在采取图像的过程中,可能会出现一定的噪音,这主要是由计算机的硬件特性所导致的。而这些噪声也会对图像的质量造成相应的影响,因此可以通过计算机图像处理技术进行去噪处理,从而提高图像的质量。
2.2图像增强
图像增强指的是对图像的某个固定区域进行针对性的加强,从而突出图片的核心信息,同时削弱非重要信息的影响,方便之后图像在网页设计中的应用。图片增强是网页设计中较常用的图像处理方法,主要用来改变图像的画质。这是由于计算机在对图像进行采集时,会受到环境、分辨率等多种因素的限制,导致画面的立体感不强,因此需要进行相应的增强处理。目前,图像增强的方法较多,例如边缘增强、色彩增强、锐化增强等。虽然图像增强技术没有增加图像的信息量,但却突出的重点内容,对网页设计具有重要的意义。
2.3图像压缩
图像压缩也是较常用的处理类型之一,根据网页设计的需求,对图像的数据进行适当的压缩,从而保证图像传输的有效性,同时也避免了图像传输过程中可能出现的失真情况。
3计算机图像处理技术在网页设计中的应用
网页设计中,计算机图像处理技术的核心在于体现出图像的效果,提高整体设计的合理性与艺术性。而多数计算机所采取的原始图片并不能达到此要求,因此,就需要通过计算机图像处理技术进行相应的加工:
3.1满足网页设计对图片格式的需求
网页设计一般都会对图片的格式进行一定的要求,在设计过程中,需要结合网页设计的要求设置相应的图片格式。在实践过程中,图像的种类较多,例如摄影图像、截图、连接图片等等,不同的图片类型给浏览者带来的直观感受也不同。一般网页设计中应用较多的为摄影图片,通过搭配文字的方式吸引浏览者的注意力。但这种方式也会直接增加网页设计的工作量,影响整体的网页效果,无法充分表现出网页的目的。因此,计算机图像处理技术必须要结合网页设计的实际情况,选择合理的图像格式。
3.2控制网页设计对图片大小的需求
这主要是由于计算机屏幕的长度、宽度有限,因此网页设计中的图像也需要有一定的限制,一般不能超过计算机屏幕的长宽。其次,网页设计中的图像大小与情绪度之间有一定的联系,若通过图片处理技术后放大图片,则其清晰度就会有一定程度的下降。但如果图片的清晰度过高,也会大大提高网页的加载速度,对浏览者造成一定的影响。因此,必须要根据具体情况,把握图片大小与清晰度的平衡。
3.3优化网页设计对图片定位的需求
不同的图片在网页设计中的作用也不同,需要通过图像来表现出网页的风格。例如图像可以通过背景、表格、导航等多种方式存在,也可以直接展现出网站的内容。当需要图像在网页设计中作为背景时,不能将单一的图片作为网页背景,而是要结合内容,设置文字或其他类型的资料,从而提高网页的层次感,提高浏览者对网页的兴趣。此外,在网页设计中,可以应用一些篇幅较小或线条型的图片,取代单一的连接标志,动静结合,提高网页的美观性。
4结语
通过计算机图像处理技术在网页设计中的应用,能够对图像进行多样化的设计,提高网页浏览的速度、效率,也是目前网页设计中的核心。通过计算机图像处理技术,能根据网页的具体需求调整图像的格式,并在清晰度与大小间保持一个良好的平衡,提高网页的加载速度。此外,还能够根据图片定位充分发挥图片的作用,提高网页设计的美观度和艺术感,从而提高网站的浏览率。
参考文献
[1]雷萌.如何在网页设计中运用计算机图像处理技术[J].信息与电脑,2016(02):156-157.
[2]智立甫,王春写.浅谈网页设计中的图像处理技术[J].中小企业管理与科技,2015(05):213-213,214.
[3]吴明珠.网页设计中图像处理的最佳化分析[J].电脑知识与技术,2017,13(05):164-165.
[4]韦燕.网页设计中计算机图像处理技术的应用[J].现代商贸工业,2013(22):181-182.
关键词:网页设计与制作;教学内容;教学方法
中图分类号:G642文献标识码:A文章编号:1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
随着计算机网络技术的迅猛发展和网络应用的日益广泛,Internet在人们的生活、学习和工作中的地位显得越来越重要,上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展,使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体,掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。
《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程,也是许多高校的公共选修课,具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识,为后继课程《动态网页设计》、《计算机网络》等打下牢固基础,因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量,是亟待解决的问题。根据近年来对网页课程的讲授经验,笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash,本课程的教学目标是:
1)使学生掌握HTML基本知识,熟练掌握静态网页制作技能;
2)使学生能够掌握流行的CSS+DIV网页设计技术,适应网页设计社会最新需求;
3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出;
4)使学生能够用Flash进行网页动画的简单设计;
5)使学生能够掌握JavaScript简单程序设计,能够实现网页的各种动态效果。
1.2课程内容
1.2.1 HTML网页设计
重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作,网站管理、Dreamweaver模板等。在进行课程设计时,突出HTML代码的教学,而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然,知其所以然”是我们的目标。
1.2.2 DIV+CSS网页设计
DIV+CSS是目前网页的主流布局方式,DIV+CSS网页设计技术使得网页的表现与内容相分离,提高了页面浏览速度,并且使得 网站易于维护和改版,因此,在网页设计教学中DIV+CSS成为核心的内容,并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用,反复的练习,使学生真正掌握CSS+DIV的精髓,并体会其在设计网页方面的优越性。
1.2.3 Photoshop图像处理
重点包括Photoshop基本工具的用法,选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等,目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识,突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势,将计算机技术与美术相互渗透和融合,将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作
重点包括层的概念,工具的使用,逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作,元件的使用,基本动作的使用,在网页中使用Flash的目的是让网页变得更加生动形象,因此在学习技术的同时更要注意网页动画的组织形式,与网页协调。
1.2.5 JavaScript程序设计
JavaScript是目前Web客户端开发的主要编程语言,也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础,变量、数据类型和表达式,流程控制,函数,对象编程,文档对象模型与事件驱动,窗口、文档和表单对象,级联样式表(CSS)技术,动态对象和Cookies及安全等,JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法
该课程的教学实践性较强,知识覆盖面广,在教学中要极大的激发学生的参与性,锻炼学生的动手能力,培养学生的学习兴趣。注意引导学生学习理论与实践相结合,将理论应用于实践。
教学过程中大胆运用模块教学法、案例教学法等教学手段,充分调动了学生的积极性和创造性,教学效果明显提高。
1.3.1模块教学法
根据教学内容的不同特点,将整个《网页设计与制作》课程的教学分为五个阶段,第一阶段使学生熟悉并掌握HTML语言;第二阶段重点在于CSS样式表以及CSS+DIV布局方法;第三阶段在于利用Photoshop进行网页效果图的制作,并将图片切片输出;第四阶段在于利用Flash制作动画;第五阶段在于JavaScript程序设计;每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段,要学生学会并熟记HTML标记的用法,这就要通过大量小实例练习;在第二阶段主要进行页面整体布局的练习,学习如何把整个网页分成不同层次的块,然后再学习每一块的设计方法,只有通过全面的练习,才能掌握丰富多彩的网页设计方法;第五阶段则主要学习最新流行的网页效果的设计,重点在于网页程序的设计。每一阶段的教学内容完成后,在机房组织小测验,以实现分阶段达标,最终使学生完成该门课程的学习任务。
1.3.2案例教学法
在课堂上采用案例教学法,通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。比如在讲解HTML的标记时,图片的路径学生很容易出错,通过一些小实例讲解该标记在网页实际设计中要注意的问题,学生就很容易掌握;HTML基本标记学完后,通过一个综合实例――具有多个网页的网站的设计,综合应用HTML语法,达到复习和融会贯通的效果;再比如在讲解JavaScript程序设计时,理论的讲解贯穿在许多流行的JavaScript实例中讲解,极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学,设计配套的实验题目,对巩固课堂效果具有重要的作用。对于上文提到的五个阶段,分别设计相应的实验题目。
2.1.1 HTML网页设计
实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。
2.1.2 DIV+CSS网页设计
实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。
2.1.3 Photoshop图像处理
实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4 Flas制作
实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导(路径)动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5 JavaScript程序设计
实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站,学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等,课程网站还提供大量的题库,包括选择题、填空题、判断题、问答题、设计题,学生登录后可以自由练习,从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段,开辟了学生自学天地。
2.3参与教师科研,以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动,以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与,同时,学院的许多活动开展后,都安排学生设计相应的网站,这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组,拓宽知识面
组织成立网页课程的兴趣学习小组,具体活动包括:
1)举办讲座:资深开发人员的经验报告,网页知识讲座;
2)举办竞赛:我院已成功举办两届网页与flash设计大赛。
这些活动的开展深受广大师生的好评,激发了学生对网页设计技术的兴趣,培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术,还要有一定的艺术设计能力,因此在掌握网页设计基本技术的基础上,课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力,学生需要独立完成一个表达特定主题的网站,要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出,最终在Dreamweaver中布局成网页。
实训主要内容包括素材的搜集、网页整体布局设计,网页代码的编写、调试。实训时间是32学时,实训结束后,学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码,还要进行现场答辩,这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。
平时实验课上学生总是按教师给定的素材,给定的效果进行实验,主要注重的是设计方法和网页代码的学习,在实训中,素材需要学生自己搜集,效果图需要自己制作,网站的制作方法自己确定。这就要求他们上网查询大量的资料,遇到问题想办法解决,学生带着问题进行学习和探索,培养了学生的探索创新能力。
课程实训不仅巩固了学生网页代码的设计能力,更是从网站策划、网页的界面设计,网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练,为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步,网页设计与制作课程的教学还必须与时俱进,不断的改革和创新,教师只有不断的学习新的教学理论,掌握现代化的教学手段,才能胜任高效教育工作,为社会培养高素质的技术应用型人才。
参考文献:
[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.