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

2024年网页制作设计报告(推荐18篇)

网页制作设计报告 第1篇

关键词:高职教学;网页设计与制作;课程改革;岗位需求

伴随互联网技术的高速发展,现代企业越发关注到自身门户网站建设及维护问题,与此对应的专业技术岗位需求也偏向于对网页设计与制作人才的渴求。高职教育立足于对专业技术人才的培养,职业教育在突出人才实践技能训练的同时也更加关注信息技术背景下学生的就业问题,这对于高职教育今后的发展至关重要。实践性是高职网页设计与制作课程的显著特征,它不同于传统的网络技术教学模式,对于学生的动手能力和实践创新能力都提出了更高的要求,教学方式和教学手段的选择偏向于对学生实践意识和主动意识的激发,这同时也是当前课程教学改革对高职网页设计与制作学科提出的必然要求。只有切实与企业专业技术岗位需求相适应,才能更好地体现高职教育技术型人才的培养优势。

1 高职网页设计与制作的课程特点及其教学现状

从现代职业技术教育的特点分析,高职网页设计与制作的教学目标除了表现在系统化的网页制作理论知识外,还突出了对学生综合动手能力、实践创新能力和网页设计能力的训练,以此促进学生实践技能和理论知识的双重发展,更好地将所学应用于岗位就业当中。操作性是高职网页设计与制作课程的特点之一,这就决定了在网页设计与制作教学中理论与实践之间的相互配合,并将实训教学应用于网页设计课程教学的各环节当中,这对于教学效果的提升意义重大。

现阶段网页设计与制作课程在高职院校技术教育中的落实相较于以往网页制作工具教学而言有了显著进步,借助多媒体教室演示教学和实训室教学激发学生的课堂教学主体意识,并以此培养学生的实践创新能力。然而当前的网页设计与制作教学还存在着实用性与理论性相脱节的问题,忽视了与企业专业技术岗位需求相结合,这就使得岗位工作和学科教学之间存在着较大差距,不利于教学效果的提升。高职学生本身在网页制作能力方面有所欠缺,加之教学内容和教学方法中存在的弊端,不仅有碍于学生学习积极性的激发,同时也使得现代工作岗位与教学模式之间的差距拉大,课程改革亟需得到落实。在网页设计与制作的课程考核方面,仅仅采用的是任课教师出题的方式,具体形式表现为上机操作和理论考核两个部分,而其中学生出勤率以及平时作业却占据了较小的比例,这不仅忽视了学生实际问题解决能力的培养,同时也使得学生的实践创新意识被遏制,不利于学生个性品质的完善。高职网页设计与制作涉及到多门学科内容,单一的考核形式显然难以满足现代化职业教育的根本需求,这就需要在课程改革中突出网页设计与制作课程考核的多元化,以此激发学生的学习主动性。

2 高职网页设计与制作课程教学改革的设计思路

与企业专业技术岗位需求相结合

从当前企业网站开发团队的角色划分角度分析,通常除了网页设计师、网页美工师和后台开发工程师以外,还包括网络测试人员及维护管理人员。由于网页设计与制作课程教学对象自身专业的差异性,因此培养目标的构建也应当与学生知识结构及专业特点相对应,体现教学内容和教学目标的针对性,这是高职教育因材施教原则的集中体现。从具体分类上看,电子商务和计算机相关专业的学生在逻辑思维能力方面有着显著优势,作为电子商务网站建设与WEB应用程序开发的重要前导课程,这些专业学生在学习网页设计与制作时可借助自身的编程基础强化在网站及网页制作方面的学习,至于Firework或是Photoshop这类图形处理技术则不作过多要求,在网页设计与制作课程学习中学生对于CSS样式表以及HTML语言有了更加全面的了解,并且能够借助JavaScript实现对网页特效和Flash脚本的编写,这是对学生专业技术岗位能力的培养过程。而艺术专业学生本身对于布局、构图、色彩等内容较为敏感,因此可着重训练学生的制图能力,通过网页制作与设计课程的学习引导学生立足于网页界面的美观设计,借助Flash使得网页素材的呈现更有动感,这对于学生后期的职业生涯也有着积极的导向意义。

项目驱动型教学模式

以往高职网页设计与制作课程教学中关于案例教学法的运用仅仅是将网页制作技术与案例分析相结合,其教学过程中学生仍处于极为被动的状态,学生关注的核心在于某一个案例的制作过程,然却忽略了自身对网站项目的制作及设计。项目驱动型教学在高职网页设计与制作中的应用能够显著改善当前的教学现状,推动课程教学改革的有序实施。这一教学模式的具体程序及环节包括以下几点:

项目选择

项目选择的过程应当与教学大纲及课程教学内容相结合,控制好项目选择的难度以及知识覆盖面,使得项目教学的实施能够连成一线,突出各环节课程教学的连贯性。教学实践当中首先需要完成学生的分组工作,确定三至四人为一个小组,并确定其中一人为组长,网站主题的确立可由小组成员自由选择,并于特定时间内完成主题资料收集和网站策划书的编写工作,并由组长在课堂教学中对其进行演示,完成小组方案的呈现与阐述,之后由其余小组对其提出合理建议。网站项目确定后需要由教师帮助学生完成项目开发进度表的制定,细化项目实施的具体内容。

专题教学方式

从网站项目实施的具体步骤分析,除了网站主题确定、资料整理、logo设计以及网站风格选择外,还涉及到配色方案的选择、网页排版、主页制作和网站测试等内容。依据具体的实施步骤,教师可与教学大纲相结合明确教学专题的开发进度,对基本元素、布局模式及网页排版等问题组织学生进行讨论。在对以往教学案例进行分析后,学生对于网站设计的理解更加深入,能够在知识点的驱动下完成自我网页的设计与制作。

组织讨论

从教师本身知识结构及专业修养的差异性分析,在网站制作技术方面会对教学设计产生一些影响,因此针对存在疏漏的地方就需要对其进行讨论与修改。通过优秀网站欣赏使得学生加深对网页制作的感性认识,能够从优秀网站中获得网页设计的灵感,体现自身创意设计水平,这对于学生知识面的扩展和分析问题能力的提高都有积极影响。

分阶段型考核模式

这一考核模式将项目开发进度划分为若干小的阶段,学生完成阶段工程汇报后再由师生共同参与考核,考核的重点在于对网站主题和页面布局的考查,除此之外还需要对整体页面的美观性进行评定,检查网站规划中的各项功能以及页面链接效果,具体包括:

网站选题

小组网站主题的拟定可由成员自行选择,在对同类网站进行分析后分析自身技术路线和服务形式的异同,并与企业专业技术岗位需求相联系,切实分析网站本身的维护成本及盈利模式。网站策划书是这一阶段需要完成的项目,组成对其进行必要的演示操作,并由师生对其展开评价和提出意见。网站选题占总考核比重的10%。

网站设计

网站设计涉及到网站的色彩配搭、版面布局以及主题设计等方面内容,小组成员需要借助FireWork或是PhotoShop完成草图制作,并由组长对设计理念进行陈述,师生对其提出建议。网站设计占总考核比重的15%。

网站制作

依据草图设计完成对应的网站制作工作,由于页面较多也可采用定期对开发进度进行报告的方式对关键页面进行演示,这一过程中教师需要对演示进度进行控制。网站制作占总考核比重的25%。

网站测试

网站测试的内容除了包括页面文字和图片显示、链接有效性以及浏览器使用情况外,还需要由小组成员完成对应的测试报告,认真剖析测试过程中存在的问题。网站测试占总考核比重的15%。

网站

在完成主页空间的申请后借助FTP工具对网站实施操作,教师和学生可用各小组提供的域名访问网站。网站占总考核比重的5%。

3 结束语

综上所述,作为近年来高职教育新兴的学科课程,网页设计与制作重视对学生实践创新能力的培养,通过实践技能与理论知识的结合体现高职教育人才培养特点和企业专业技术岗位需求之间的契合。教学内容的丰富及其教学过程富于变化,使得网页设计与制作这一课程在学生群体中引起了广泛关注。现阶段高职网页设计与制作课程研究的重点在于如何将学科教学与企业岗

位相结合,促进学生职业素质和专业技能的发展。课程改革的有效性在于与市场就业需求相一致,将企业专业技术岗位需求纳入网页设计与制作课程教学改革的考虑范围之内,使得岗位能力与教学内容相吻合,这对于学生团队协作能力、网站管理能力和网页设计能力的提高有着积极的促进意义,这是职业教育在人才培养方面资源优势的集中体现。除此之外,关于网页设计与制作课程教学改革的新一轮研究对于高职网络技术等课程教学模式更新也有着不可忽视的启发与借鉴意义。

参考文献:

[1] 陈永芳.职业技术教育专业教学论[M].北京:清华大学出版社,2007.

[2] 王晓红,周立.网页设计与制作课程教学改革[J].北京联合大学学报:自然科学版,2006(12).

[3] 安颖莲.网页设计与制作课程教学设计与实践[J].中国教育信息化,2007(9).

网页制作设计报告 第2篇

一、实验目的及要求:

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windows xp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweaver mx;flash mx;fireworks mx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

通过设置css样式创建表格的.虚线边框。

四、实验方法与步骤

1) 在网页中创建一个表格。

2) 在“css样式”面板中单击按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。

3) 在弹出的对话框中进行设置,完成后单击“确定”按钮。

五、实验结果

六、讨论与结论

对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页制作设计报告 第3篇

一、合理安排课程教学内容

教学内容应该突出社会需求,将网页设计的新理念、网页制作的新技术引入课堂。通过对市场网页人才需求的调查、分析与研究,以提高学生应用能力为出发点,我将课程内容进行了七大模块的划分,并按模块分阶段实施教学:

(一)介绍网页基础知识、网站的种类、网站的概念,并对优秀网站网页进行赏析;

(二)介绍HTML语言,通过一个典型的小型网站来讲解HTML语言各类标记符的使用方法;

(三)介绍javascript脚本语言,通过展示一些有趣的javascript网页特效激发学生对网页脚本语言的兴趣;

(四)介绍网页制作工具(Dreamweaver、flash、fireworks)软件的使用,结合具体的网站实例来介绍软件的使用方法;

(五)介绍层叠样式表(css)的使用,通过一些设计好的css模板让学生认识它的作用;

(六)介绍网站建设、网站规划及流程,通过一个综合案例分析,使学生具备整体规划思想及设计思路;

(七)综合网站设计,由学生自由选择设计主题,利用4周左右的时间,设计一个综合网站,旨在提高学生综合应用知识的能力和实践能力。将整门课程分为这样七大模块,知识介绍由浅入深,更有利于学生接受。教学内容实现模块化后,还要根据模块内容合理安排教学时间。比如对于模块五css的内容学习,即安排了8个课时的时间,耗时比较多,但却很值得。因为“美”这个元素在网页设计中非常重要:要想让你设计制作的网页给浏览者留下深刻印象,首先是界面上要漂亮,要有特色。而现在的网页设计中很多“美”的体现是靠“css+javascript”来实现的。在css内容学习时,我带领学生欣赏纯css实现的著名网站——css禅意花园,通过这个网站中的一些特色案例让学生领略css在网页排版和美工中的强大作用,激发他们的求知欲望,然后再进行具体的内容介绍。实践证明,这样的模块化课程体系结构安排取得了良好的教学效果。

二、探索教学方法,完善教学设计,激发学生兴趣

(一)激发学生兴趣

兴趣是最好的老师,在整个课程的教学过程中,都要随时注意学生兴趣的培养。笔者认为,在课程教学一开始,学生兴趣的激发更为重要,俗话说,“好的开始是成功的一半”,如果第一次课就能够把学生兴趣激发起来,那么对于后面的内容学习将会有很大帮助。因此,若想在教学中实现一个好的开端,第一次课的成功与否即显得尤其重要。我的做法是,在这门课程的第一次课中,抽出完整一节课来进行国内外经典网站的赏析,带领学生认识网页和网站,引导学生去感受好的网站设计给人们现在生活和工作带来的影响,使学生喜欢并热爱这个行业,让他们感觉到“学有所用”,从而在内心建立起学习本课程的强烈愿望。

(二)完善教学设计

教学设计是课程教学的关键环节,教学设计的优劣直接影响到课程教学效果的好坏。传统的网页课程教学设计,一般是教师先进行理论讲解,然后安排学生上机操作。学生通过这种教学方式固然也能掌握相应的知识和技能,但是学到的知识较为零碎,综合运用能力不强,远远不能满足岗位对人才的要求,教学与社会应用明显脱节。因此,教学设计应该立足于学生就业岗位技能要求,突出应用能力、综合能力的培养。而要想达到这个教学目标,学生就必须参加实际网站的设计开发,完成一个完整的网站建设任务,并在完成网站建设的过程中发现问题,通过亲手实践解决问题。我对本课程的教学设计原则是“项目导向+任务驱动”。在整个教学过程中,以设计完整的综合网站为项目导向和教学载体,并将其作为主线始终贯穿整个教学过程。课程采用模块化任务驱动教学,把教学过程分为两大阶段:第一阶段是基础知识和基本操作方法的领会,采用小任务教学,侧重对基本知识的掌握。第二阶段是在学生掌握基本知识和操作的基础上,引入综合网站开发项目。在综合网站开发这个大任务过程中,每个学生不但都有自己明确的任务目标,并且在开发实践这一环节中都不可避免地会碰到很多问题。新问题的不断产生,不仅可以激发他们主动学习的求知欲,跟重要的是可以驱动他们积极主动探索解决问题的办法,在掌握知识内容的同时,培养了创新精神和实践能力,拓展了综合运用知识的能力。实践证明,这样的教学设计能够融教、学、做于一体,对学生实践能力的提高具有很强的推动作用。学生不仅可以更快更牢地掌握基本知识和技能,而且培养了自主学习能力,为以后就业积累了实践经验。同时,也有利于学生职业意识的提高,有利于学生就业后更快进入职业角色。

(三)创新教学方法和手段

本课程以制作综合网站为主线,在模块一教学阶段即先给出一组综合网站的选题题目,让学生根据自己的兴趣爱好进行选择。俗话说,“巧妇难为无米之炊”,实际网页制作过程中是需要大量素材的,只有平时注意搜集,才能保证在主题网站制作时有足够的素材可用。因此,在随后的教学过程中,则进一步加强针对性、指向性,引导学生进行与自己主题网站相关素材的收集,为综合网站建立一个强大的资源库。在模块六教学阶段完成后,让学生根据自己所选主题进行网站的需求分析和网站的规划,按照网站策划书要求(如表一)完成综合网站策划报告书。模块七的教学突出学生动手能力的培养,因此安排在机房,采用“现场教学为主、理论讲解为辅”的机房一体化教学方式。这样的教学安排可以使基础理论教学与技能实践操作更有机地衔接在一起,使基本知识点在实践操作中逐步深化。现代课程教学都应该充分利用好网络这个平台,在本课程教学过程中,利用本系的MOODLE网络学习平台,开设了本课程的资源共享专区、答疑专区,将一些好的学习资源(如特色网站、特效代码等)及时上传到这个平台上去,供学生学习使用。这样将课堂教学和课外指导紧密结合起来,延伸了课堂教学的时间和空间,弥补了课堂教学的不足。

三、优化考核方式

网页制作设计报告 第4篇

网页设计——网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子设计的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。

网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。

版式设计通过文字图形的空间组合,表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。

在网页设计中,总是有倾向的特定技术来观察,或跟踪的网页设计师加强的趋势。这里有专有和开源和免费的技术专用的支持者。然而,近年来,又增加自由和开放源码技术,包括由W3C和WHATWG进行监控和批准,监督和实施增加。

趋势可以发现,不仅在看在时尚领域的使用的技术,如网站和匹配的标志是清晰的喜好确定。著名的艺术字Web 至今的重要作用的帮助。

网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典,经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹是非常明显的!还有哪个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!

不可否认,国内网页设计环境还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。

企业客户所在行业往往有其特定的设计需求,特别是对于企业网站建设当中的'配色,除了应根据企业的VI标准色,以及客户自身的喜好进行配色分析外,同时不能忽略整个行业对于颜色上的‘惯例’。那么,企业网站在设计和制作当中,到底有哪一些配色规则需要设计师遵循呢?

企业客户在不同的发展阶段,对于网站设计的配色需求并不一样。在企业初创阶段,企业建站的目的是打造品牌网络形象,开拓客户资源,这时候的企业客户更多的是关注自身的个性化,如何才能凸显企业的特质,如何才能在行业当中显示其独有的特性,这是初建网站的企业客户所重点关注的内容;在企业形成规模,进行品牌提升阶段,企业建设网站或进行改版的目的是重塑品牌网络形象,打造更为专业、沉稳和可持续发展的品牌理念和文化,这时候的企业客户更多的是考虑如何将企业的品牌内涵与行业相融合,在配色的选择上更倾向于稳重、包容,能够适应各种场合需要的配色。

网页设计的两大要点是:整体风格和色彩搭配。

一、确定网站的整体风格

在这里,我提供给大家一些参考经验:

1.将你的标志logo,尽可能的放在每个页面上最突出的位置。

2.突出你的标准色彩。

3.总结一句能反映贵站精髓的宣传标语!

4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

二、网页色彩的搭配

1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

2.用两种色彩。先选定一种色彩,然后选择它的对比色。

3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

三、网页设计的工具

网页制作设计报告 第5篇

【关键词】大学生;网页;个性;网络安全

0 引言

大学生的身体的各机能正处于旺盛时期,心理现象是多种多样的[1]。自我意识增强,极度的关注自我的成长,深入了解自己。具有敏锐的观察力,通过观察,他们能发现事物的本质和主要细节,结合自己的经历和感受得出结论。善于思考,有其鲜明的独立性和批判性思维,不盲从,有主见,对问题有自己的独特见解,不人云亦云。而且他们具有较好的变通性和灵活性的思维,对新事物容易理解和接受。追求有其独特性,标新立异,审美评判自主,追新求奇,大学生自我设计的愿望十分强烈。但是其心理尚未成熟,在制作面向90后大学生的网页的时候,可能会有一个特别鲜明的主题[2],而且这个主题可能是我们90后大学生特有的一个标签。其次,是一个独特的整体布局,这个布局一定是与我们90后大学生的文化息息相关,展现我们特立独行的一面。在形式和内容上,我们可能会追求一种简单明了的设计风格,内容也会多样化,符合我们现有的价值观。

1 适合当代大学生的网页设计的建议

大学生与普通大众对网页审美、评判有些共同的特点,所以先从一般性来说

在网页整体设计中,增加字距及行高、文本的段落间距可以提高网页的可读性。网页过高多低的对比度容易造成眼睛疲劳,假设你长时间呆在房间里,突然走到外面抬头直视太阳,你肯定会感到非常不适。这同样适用于web设计。所以需要在背景和文本之间选择一个良好的对比度平衡点。

选择合适的图片,提高网页加载的速度。虽然如今已经光纤入户,但是还有一部分人使用拨号上网,速度相对较慢;还有相当部分人的手机还在使用2G信号,GPRS提供较低的网速。选择正确的格式,来优化网页图片[3],使得在网页加载的时候需要更少的时间,在图片质量得到保证的条件下,尽量压缩图片。

网页的简洁性,突出网站的主题,避免分散用户交互时的注意力。好的网页设计不仅仅是外表的设计,还要是用户友好型的[4-5]。通常来说,可用性高的网页设计一般都具有干净、简单的特点;每个页面元素都要有其作用,如果页面上有太多的或者不必要的功能组件会使得用户在交互时产生混淆,分散用户的注意力。

良好的导航(条/栏)设计。导航(条/栏)是一个网站的重要组成部分;它可以完成用户在网站内页面的跳转,使用户尽快的找到相应的内容。

使用不同浏览器对网页进行测试。迄今为止,网页浏览器的种类已经达到成百上千种,这些浏览器都不同程度的遵循着W3C的标准。所以使用不同浏览器对网页进行测试是很有必要的,以免出现不兼容(乱码)之类的错误,可以使用Browsershots工具测试浏览器兼容性。

对用不同的网页主题和浏览群体应采用不同的色彩搭配。[6]绿色是一个不错的选择,绿色代表阳光、健康;再比如关于宣传古典文化艺术的页面,可采用土黄色,土黄色代表着古朴、肃穆。等等,总之,合适的色彩搭配,会使网页使其宣传主体更加具有感染力。

大学生与普通大众也有着区别,所以在设计网页的时候应该考虑到这一点

鉴于青年大学生生理及心理因素,设计网页时应采用红、黄、蓝等暖色调的色彩,一般同一网页上应使用不超过三种主色彩,过多的主色彩易给读者眼花缭乱的感觉,影响正常的阅读。主色彩的种类越少越能使整个页面具有更好的整体性,前后更具有连贯性。

在设计的风格上,不应拘泥于传统棱角分明的设计,应更多的采用圆角设计和有趣的动态设计,圆角的设计可以有效的减轻网页对视觉的刺痛感,让人看起来更加舒服,青年大学生更加喜欢会“动”的网页,这样更符合他们的活力与躁动。

2 网站的安全

当_络环境的复杂性,使得网站必须能够面临一定的网络攻击、病毒等威胁。[7]如果网站遭到攻击,造成网页内容篡改,网页被挂马,那么它就不再会是受用户欢迎的网站了。为此,网站制作好了之后还要对网站进行安全渗透测试,根据反馈的漏洞进行修复。常见的安全测试有:数据库注入测试、跨站脚本攻击测试、敏感词汇测试等等。[8]在使用Flash时应当调整AllowScriptAccess参数设置为“sameDomain”,防止第三方Flash文件执行恶意代码。

3 总结

设计符合当代大学生的网页,要充分了解当代大学生的性格特点、兴趣爱好,在此基础上还要学会网页编程技术、技巧、美工的知识。随着科学技术的进步、社会的发展,大学生的特点、爱好、网页制作的技术也在发生变化,我们需要不断的对其了解,才能做出制作出符合当代大学生的网页。

【参考文献】

[1]赵迎欢,吴峰,刘莉,等.“当代大学生特点及环境影响”研究报告[J].思想理论教育导刊,2010(1):108-112.

[2]曾兰.90后大学生思想行为特点与教育引导策略研究[D].华中师范大学,2013.

[3]张向一.论插画设计与感性视觉的体现[J].青春岁月,2013(10).

[4]李健.网页设计的色彩调配和应用[J].安庆师范学院学报(自然科学版),2010(02).

[5]肖寒珉,余秋明.青春主题的色彩搭配[J].人像摄影,2010(04).

[6]公希萌.多媒体界面色彩搭配设计[J].神州,2012(34).

网页制作设计报告 第6篇

1. 本课题所涉及的问题在国内(外)的研究现状综述

1.我国目_页设计还处于初级的认知阶段,国内的网站绝大多数采用的还是非常传统的横向区块布局,信息密度高,版式缺乏节奏和韵律,尤其是北京、上海、广州三地,基本上代表了目前我国网页设计的制作水平,但是网页设计的发展正在呈不断上升的发展趋势,找到具有本民族特色的网页设计语言,对我国的网页艺术走向世界具有重大意义。

国外的网站更加人性化,设计更加紧密,服务也更加周到,个性也比国内的网站突出,让人更容易记住,国外的大容量信息网站的趋势是降低首页的信息密度,把内容分摊到二级频道;版式上更具引导性、更适于阅读,浏览方式像读报一样更流畅随意。

随着世界各国对于文化多样性的着力维护与普遍关注,网页本土化受到越来越多的网站建设者们所注重随着互连网技术的发展,各种企业和机构在网络上的竞争也日趋激烈,为了吸引眼球,企业和机构都在想方设法在网站的形象上来包装自己,以使自己在同行业的竞争中脱颖而出,而且这种趋势愈演愈烈,网站设计的需求量呈爆发性增长。网络是我国新兴文化,作为现代人的大多数人,都是通过网络了解信息,尤其现在青年一代更是热衷于网络。网站是企业向用户和网民提供信息 (包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为 “网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

2. 本人对课题任务书提出的任务要求及实现预期目标的可行性分析

任务要求:

为了弘扬京剧文化,提高京剧的知名度;使京剧信息传播更为迅速有效;京剧做为我国的国粹,有着悠久而漫长的历史。作为现代人的大多数人,已经不懂的如何去欣赏京剧,更不懂得京剧文化。通过系列网页设计让更多的人了解它、喜欢它、欣赏它。给社会大众留下强烈的印象与影响力。

1)通过网页设计来体现京剧形象;

2)通过结合京剧的特点,将各“生.旦.净.末.丑”五个角色有机、自然地结合起来,以求得完美统一的'设计形象。

3)通过运用巧妙的网页设计,为京剧的传播提供更大的发展前景。

可行性分析:通过学习《网页三剑客》、《精通css+div网页样式和布局》、《版式设计》、《色彩设计》等专业课;熟练运用photoshop、 flash、Dreamweaver等设计软件;在老师的指导下,通过自己的努力相信一定能够达到毕业设计的预期目标、任务。

3.本课题需要重点研究的、关键的问题及解决的思路

本课题需要重点研究的是:

京剧耐人寻味,韵味醇厚。京剧在形成之初,便进入了宫廷,使它的发育成长不同于地方剧种,对它的技艺的全面性、完整性也要求得更严,对它形象的美学要求也更高,其表演艺术更趋于虚实结合的表现手法,达到“以形传神,形神兼备”的艺术境界。在网页设计中要做到对京剧这个传统艺术内涵的发掘、创新、和表现。京剧中的五大角色的特征,对于相互独立又相互联系的角色如何在网页设计中把握它们的共性和个性。在网页设计、色彩设计、表现手法上尽多的融入现代设计元素,既符合年轻人的审美又要能深刻反映京剧文化的内涵。

关键问题在于如何把抽象的精神内涵变为可视的视觉形象。吸引更多的大众去人了解它、喜欢它、欣赏它。然后解决浏览器的兼容问题

4.完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法

2)完成本课题的基本工具:有关网页设计方面的书籍

1.《网页配色实用手册 》 温鑫茶工作室 科学出版社 20xx年9月

2.《Dreamweaver CS4网页设计与制作指南 》 杨纪梅 清华大学出版社 20xx 年1月

3.《Flash CS3 网站商业设计从入门到精通 》 张大川 科学出版社 20xx年03月

4.《精通css+div网页样式和布局》 前沿科技 人民邮电出版社 20xx年

3)相关的尺寸:原始数据和资料(以实际考察提供的为依据)

4)相关的市场调研,了解网页设计的实际情形等。

5.完成本课题的工作方案及进度计划

1)、15-18周 通过现场调研、网络、图书馆搜集相关资料、了解当前设计公司设计的一些前沿,初步确定栏目推广设计的大体方向。

2)、19-20周 初步方案设计(在此期间确定方案,根据实际情况,进行具体情形前期设计,20xx-20__第二学期

3)、1-5周 方案细化设计。

4)、6-7周 协调整理,为毕业设计展览与答辩作相关准备

5) 8-10周 检查并校订本的设计稿和实物撰写毕业论文,打印、装订,提交整套设计资料。制做答辩汇报提纲。次毕业设计的所有实物和文挡

6)、11-12周 布置毕业设计展览

网页制作设计报告 第7篇

一、毕业设计题目:鞍山民族模板企业网站设计

二、选题的来源、目的和意义

1、1选题来源

导师根据实际情况虚拟的。

1、2选题的目的和意义

在网络快速发展的今天,我们依靠网络获取信息,而建立网站已经成为一个很普遍的问题了,对于一个企业来说,建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场,开展24小时网上营销及高效廉价的定向宣传;与客户建立最直接的交流机制,缩短推出新产品和打开市场的周期,与富有吸引力的客户群发展客户关系网;加强客户服务,完善网络业务;展现公司想象,宣传自身企业文化。所以建立一个属于自己企业的网站是十分必要的。

现在我们已经学习了四年的计算机科学与技术,而这样的选题正是要让知识与实践接轨,来建立一个企业网站,来完善自己在实际应用上的不足。

三、所选题目的国内外动态、水平

中小企业全球信息网络(SMEs),由日本维护中小企业全球信息网络是主题为“G8信息社会始创工程:中小企业(SMEs:SmallandMediumsizedEnterprises)全球化市场(AGlbolMarkteplaceforSMEss)”的三个项目之一。所有的G8国家都在建设网站以改进中小企业对有关本土和外国市场的信息的存取。某些站点不仅提供信息,而且也帮助中小企业寻求伙伴,帮助消费者搜寻中小企业。在某些internet主页上,中小企业甚至可以进行一定的业务,比如制定特定的条款。

网站发展可以分为三个阶段,第一个阶段定义为网站额“萌芽式”发展期,是网站形成的初级阶段,第二个阶段定义为网站的“粗放式”发展期,是网站的变革阶段,第三个阶段定义为网站的“细分式”发展期,是网站发展的成熟阶段。我国正在向“第三阶段”发展。我国的网站建设市场将成为行业内部整合之势,很多中小企业的网站建设的技术门槛不高,还不能提供定制化的实施服务,所以我国的网站建设发展还是充满挑战的。

四、研究内容和研究方法

1、采用什么设计方法

本网站采用模块化程序设计方法。

2、采用什么设计工具

本网站主要是利用ASP、Dreamweaver、SQL数据库来完成设计的。

3、达到什么效果

本网站要达到的效果有四:

1、企业形象展示,设计简洁大方的界面。

2、企业实力展示,展示我们是什么样的企业,我们有过多少成功的.产品。

3、产品和服务的展示,让用户了解我们是干什么的,提供什么样的服务,服务有哪些种类。

4、信息传达,让用户了解我们的联系方式,我们的最新新闻,我们的企业文化。

4、结论

使用Dreamwerver、Flash、ASP等工具和相关的技术来完成这个企业网站的设计与开发,同时要注意要完善自己的应用实践能力。

五、进行该课题研究所具备的条件

要求有一定的Photoshop、Dreamweaver及Flash设计基础,熟悉软件以及ASP技术的使用,来设计开发网站。

网页制作设计报告 第8篇

1、 预期目标

(1) 通过本次实训要完成仙剑奇侠传的网页制作,包括二级页面和三级页面,还要应用一些网页制作的基本技巧。

(3) 通过连续时间的实际操作,巩固对网站的创建、网页的策划、设计与制作的理解,加深理解网站、网页、制作的过程,理解团队互助共同完成项目的协作精神。

2.关键技术及解决途径:

一、关键技术:

(1)有完整的策划报告(电子版),实际内容有改动不受影响;

(2)有标题的网站以及有对应自己创意设计制作的Logo图象、广告条等图象;

(3)至少有首页、二级页面、三级页面的层结构;

(4)有框架、有表单;

(5)有自己创作输入的'文字内容并经过排列整理;

(6)Dreamweaver模板技术;

(7)至少采用了样式表技术;

(8)采用鼠标事件等行为设置之一;

(9)不允许出现超级链接错误!

(10)有版权声明、网站更新日期、创意制作人员。

二、解决途径

根据课堂所学,充分利用相关技术要点,对于不懂的地方问实训老师。制作完成后,反复检查,保证链接的正确性。

3.方案设计与实施步骤:

一、方案设计

二、实施步骤(可以包括网站内容)

(1)确定网站内容为仙剑奇侠传4,并制定详细的策划报告

(2)查找相关资料,制作banner,logo,和相关动画图片

(3)小组分工合作,我负责首页制作,人物介绍,友情链接,留言板相关内容。

(4)采用布局技术设计首页,然后插入logo,banner美化首页

(5)应用模版技术制作人物介绍,介绍仙剑4中的重要出场人物,并配上相关图片和文字,制作了网站相册,使用了锚记。

(6)友情连接应用了框架,链接到百度贴吧,官网等相关网站,并用fireworks制作了相关的logo和banner。

(7)采用表单技术制作留言板。

(8)最后创建CSS样式,并运用到各个连接上。

(9)个相关页面之间进行必要的超级链接,友情链接与相关网站上链接。

(10)最后和另一小组成员进行作品汇总,完成相关站点的链接

(11)检查链接,清除多余文件和图片

这次实训充分利用了课堂所学,掌握了许多关键技术,例如模版技术,CSS样式,使得制作过程方便了很多。

在完成基本要求得基础上,文件夹、文件命名规范;文件存放位置合理;

制作完成之后进行过现场清理:没有无用的文件、文件夹,没有断链(外部链接不算);工作量饱满:内容较丰富、自己设计制作的素材应用多;色系、布局合理美观、考虑用户访问方便;采用各种特效、并且运用合理。

不过也有些不足,比如一开始没有把两个人制作的文件夹分开,导致后面汇总时比较麻烦。

不过总的来说,对这次的作品相当满意,不仅选择了我们自己喜欢的内容,而且在我们的水平上把它做的很精美。在这个过程中我们意识到了自己在相关技术上的不足,通过学习,知道了如何改进我们的缺点,相信在以后的应用中,我们会做的更加完美!

网页制作设计报告 第9篇

一.网站的整体规划

1.讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。

2.定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。使浏览者有宾至如归的感受。

3.确定栏目和板块:

1)首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。

2)其次就应该考虑导航条的设置了。

3)正文的框架设置(横向因素和纵向因素交错)

4)在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。

4.网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。

二.网页制作的前期策划与准备

1.资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。

2.熟悉制作工具软件:

主页制作的基本条件有:

硬件:

一台电脑(64mb以上内存,当然越大越好啦);可以拨号上网;如果你有条件的话,建议:配置扫描仪,这将大大方便图像和文字的输入;

软件:

网页制作设计报告 第10篇

一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的`文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

网页制作设计报告 第11篇

一、实习工作介绍

我所在的这家公司,是一家做网上招商的商业网站,公司接收各种厂家提供的信息,然后由网络的技术人员,将商家的信息做成网页广告,然后挂在我们的网站上,以此达到商业推广的目的,类似我们公司的网站在同行业还有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个网页,这对于我来说是不能接受的,后来我改变了工作方法,我第次工作的时候,先订下计划,比如今天做多少网页,然后我将要做的所有网页,先做好排版,这时的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多,快了将近一倍多。只要更加熟练速度不会更快,我相信自己。

四、业余的生活

每天的工作都是很快的,有时感觉时间过的很快,想停都停不住,早上出去的时候,见的是太阳,晚上下班后看到的是即将落日的夕阳或者是星星,每天就这么快的过去了,每个工作日结束后,我都会在下班后步行一段时间,去附近的图书城充会电,或者放松一下,找一些我喜欢的书,看上几个小时。

网页制作设计报告 第12篇

随着当前计算机技术的飞速发展,计算机应用范围的扩大,越来越多的中职院校在课程开设时顺势采用了项目式教学方法,结合校企结合或引企入校的方式来实施教学。《网页设计》课程不但是计算机专业学生的专业技术课,同时也是非计算机专业的学生非常欢迎的选修课目。针对中职教育的特点,为了适应学生这个群体的心理特点及思维现状,我们在不断的实践过程中,探索新型的教学方法,让学生在结合现实工作中的项目,小组团队协作完成项目,从协作和实施项目过程中完成知识和技能的学习,从真实的工作环境中学习。从而能达到学习完课程就能顶岗独立完成工作。

在我们的生活中,小到一个生日聚会、一次课余活动,大到一项工程建设,一个节日庆典,这都属于一个项目。项目无论是简单还是复杂都有一定的共有特性。美国PMI定义说:“项目是为了完成某一独特的产品、服务或任务所做的一次性努力。”而我们在教学活动中所提出的是“项目”则是指提出一个前人曾完成过的一个项目工作,也可以是由教材的相关内容转化来的社会的一种需求。学生围绕此工作或需求进行相关联的学习和探究的活动,从而完成知识的学习和能力的培养。

一、项目教学法的含义及特点

项目教学法是指教师与学生共同将教学知识作为一个完整的项目进行实施的教学活动过程。项目教学的目标在于把学生有意义的融入到一个完成项目的过程中去,调动学生的学习积极性、自主的对知识进行建构,把通过学习所掌握的知识技能以及培养起来的职业能力作为最终的目标。

二、在《网页设计》课堂教学中的设计

项目式教学设计中课堂教学中按照选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等6个环节来设计。整个教学过程中以学生自主学习为主,教师引导启发为辅来让学生围绕项目自主学习探究。

在教学过程中贯穿项目式的学习中,项目的制定就显得非常重要,它既要根据学生兴趣来选定,同时又要考虑体现教学总体目标;并且所选择项目应该和学生日常的经历相关;难度要与学生的知识背景相符。制作热门话题专栏、制作个人主页、制作班级主页、制作个人爱好娱乐主页等,这些都是学生感兴趣的一些内容。在课程开始前要展示优秀的网站效果,让学生对网站建设有初步了解,并激发学生对网页设计的兴趣,让学生自己产生要制作属于自己的作品。

三、项目式教学过程的实施

根据学生自己感兴趣的课题项目对学生进行分组,并在课堂上统一进行课题项目的分析,分析的过程中要对学生网页设计的基础内容进行讲解和分析。在整个分析讲解的过程中要让学生了解整个过程的制作工具,并选定项目的负责人。然后依据学生学习自主化的原则,任务目标化的方法,根据项目目标的要求,由负责人统一安排小组学习任务,由教师引导学习方向,共同制定出个人学习任务目标。

本项目要以学会专业规划网站、对主题网页进行相关设计并完成制作为知识目标;把掌握资料素材整合、制作软件使用确立为技能目标;让学生学会协作、学会正确的认识与评价自己与同学相互帮助增强自信心为情感目标。

课程项目内容及相关能力要求中首要学生学习的内容是页面的布局。页面布局是依照网站的受众群体的特点进行色彩组合和版面布局,通过导航的设计及媒体的使用来修饰网页的整体视觉效果和功能效果。并通过添加各种网页元素(文字、图像、表格、表单、视频、动画等)的设计与制作完善网页整体效果。再次是网页的结构,网页结构的确立一般是由网页框架、使用的表格及层的综合运用来完成。最后就是使用各种特殊效果来美化网页效果、增强网页使用功能。并确定网页元素。如JavaScript特效的设计,使用不同的特效来加强网页与用户的可交互能力。

根据学习进程,制定小组前期准备部分。学生深入的调查研究确定知识内容与技能技巧部分的前期资料。这个过程主要是由学生自己进行协作,通过自习与课外活动时间来做相关的调查与资料的搜集。小组成员通过教材及辅助材料的共同分析学习,出现问题与指导教师统一探究解决。这个过程学生们通过不断发现问题,提出问题,最后解决问题的过程来完善自己的知识结构体系,最后形成一个系统的知识体系。

活动探究部分让学生完成知识体系的培养后,学生运用相应的小组计划分别完成各自的作品,在完成作品的时候还会出现知识性问题,也会遇到能力培养方面的问题,这时候教师就要引导学生自己探究,培养学生解决问题的`能力,从而提高学生的知识水平也加强学生各方面能力的培养。再此环节中要求教师在引导项目实施过程中要在引导方式上注意到有针对性的进行查漏补缺的帮助学生学习。

项目完成以后,由各小组先进行相互的指导交流,指导交流主要是为了让学生取长补短,这样可以很好的帮助自己发现问题,同时也可以发现自己的优点,从而增强自己的自信心。交流后给小组成员一课时的时间进行相应的总结及作品的微调整,并指定小组成员进行知识层面及技术层面的演示讲解,分享作品制作的成功和喜悦。通过这种形式,学生们获得了极大的成就感。

成就的最终获得还是要取决于最后的学习情况评价。整个评价过程采用了小组成员间、小组间及师生间的全方位综合评价法。项目开展过程中小组长对成员、成员对成员、成员对小组长都要进行不同方面的评价,最后把每部分的评价综合为项目终结性个人评价,加上其他小组成员对作品的评价,最后加上教师引导过程中的效果评价形成个人综合评价。这个评价也包括了知识和能力等多方面的细化评价,通过评价,使学生反思自己学到了什么知识和技能,以及不足,从而找出进一步学习的方向。

四、项目式课程设计的优势及不足

在整个项目的进行过程中学生可以自主的学习,自觉地接受学习,自己找可以承担的学习任务来完成,同时也学会了发现问题和解决问题的方法,发挥了个人的最大能力,也培养了从不同角度观察、思考和解决问题的办法,激发自身的创新意识,提高自身的创新能力。

但是整个过程仍然存在懈怠的同学,过分依赖他人完成整个项目,教师要是整个过程不能够及时发现这个问题则会造成学生学习发展的不均等,所以要加强项目学习的细化指导,加强教学过程的监督与引导。

其次在整个过程的实施中,学生的自觉性是直接影响到项目的进程及完成的最终效果,所以在学生整个学习的时间安排上应该有效的科学的安排,既要结合课余时间也要提高个人的学习效率。因为学生课余还有参加很多其他的学校获得所以导致计划落实有出入,所以加强计划可行性安排及建立项目学习的保障体系是需要我们继续探究的问题之一。

网页制作设计报告 第13篇

教学内容改革

目前,很多电子商务专业的网页设计与制作教程内容大多包含Dreamweaver、Fireworks、Flash等内容的介绍.根据传统企业开展电子商务对人才需求看,从网页的设计,到网站的搭建、美化很有可能是一个人在负责,所以一门课程概括太多的东西,什么东西都讲,什么东西都是点一点,是不能满足同学们的学习需要的.针对这种情况,我们的网页设计主要介绍HTML及Dreamweaver的相关知识,并结合助理电子商务师国家职业资格标准的相关内容来要求大家,而动画制作、图像图像处理、网站构建都有相关专门课程讲解.

对于已经确定课程教学内容,我们对传统教学顺序也做了调整.针对部分同学计算机基础薄弱,动手能力有所欠缺,甚至一些同学对涉及到计算机的课程害怕学不好,有抵触心理,我们所要做的是首先引起同学的学习兴趣,循序渐进的引导同学.为此我们首先让大家欣赏精美网页,分析网页的框架、色彩搭配等,引起大家共鸣和兴趣,然后向大家介绍制作网页的工具,怎么创建站点,怎么构建站点和网页,网页里面的文字和图片怎么插入等(.表1为传统教材知识点讲授顺序和改革后知识点讲授顺序)

课时设置改革

由于网页设计这个课程的特殊性,它强调的是动手能力,所以这门课不能用传统的方法上.要避免老师在上面说,学生在下面听、记、背,考试笔试考一些理论知识点的老路子.为了多给学生动手的能力,多给学生的实践机会,我校已经把理论课和实践课的比例设置为1:1,明显的提高了课堂教学效果,得到同学的好评.有的学校在探索能不能把所有内容都放到机房去讲解,保证学生每人有一台机器,让大家能够学中做,做中学,实现教学做一体化,但考虑到在实际情况,学生在机房上课容易受到其他因素的影响,我们目前正在进一步探讨,看有没用更好的办法解决问题.

教学方法的改革

任务驱动教学

如果用传统的教学方法,网页设计的理论课程内容没有吸引力、操作步骤枯燥无味,导致同学产生厌学情绪,上课效果不理想.如果用任务驱动教学法,就能很好的解决这个问题.每次上课先由教师对本节课的内容进行简单介绍,也可用一个小案例在多媒体上演示.注意在此过程,时间要短,案例要精彩,要用最短的时间把大家的注意力吸引过来,兴趣挑动起来.然后提出一些简单的问题,最好参考书本就有答案或者有操作步骤,这样能满足同学成功后的喜悦感、满足感,给予他们进一步要求学习知识的动力.在进一步的学习过程中,对教师提出的问题,他们会遇到这样那样的问题,我们再引导学生讨论,最后引入相关理论知识.

项目式教学

学生的学习,重点在学习的过程,而非有的老师认为的学习结果.不再让学生在教师的统一安排下,把一些现成的知识或技能通过讲授的方法传递给学生,而是让学生通过讨论、研究,找到解决问题的方法.最终完成任务,展示自己,反思自己在解决问题的时候用的方法,总结经验教训,提高自己.学生是整个活动过程的主导者,教师成为学生学习活动中的引导者、指导者,起到辅助作用.在实际操作中,我们根据网页设计这门课的特点,将所有知识点总结,为每一次上机实践课都设计一个包含若干知识点的网页为项目基础,让学生假设去为不同的企业完成相应的项目.在完成项目的过程中,大家相互学习,遇到问题相互讨论,再解决不了的,教师给予适当的指导.在这个过程中同学不断掌握课程技能,也锻炼的沟通能力,加强了自我学习的能力.

网络辅助教学

传统的教学方式,存在着时间和空间上的局限性,借助网络辅助教学,则能突破传统教学方式的种种限制.通过网络辅助教学,学生部能够根据自己的学习的进度及知识掌握的情况进行相关知识的复习和预习,这样既丰富了学习资源,让学生有更多选择学习资源的权利,使学生主动学习、个性化学习成为可能.在此过程中,教师一定要注意部分同学还没有认识能网络教学的重要性,另一方面教师在日常教学过程中应加强对学生自主学习意识能力的培养,加强对网络学习过程的评价、监控,及时通过网络平台和同学互动,及时帮助同学解决问题.

考核方式改革

考核是教学过程中的重要环节.通过考核,教师可以了解学生掌握知识的情况,还可以根据结果进行教学改革.传统的课程考核一般采用笔试的方法来检测学生对知识掌握的情况.这种考核方式不适用于网页设计这门课程,因为网页设计是一门对动手实践能力要求很高的课程.如果采用笔试,会导致大家对理论知识的死记硬背,而放松了对技能的锻炼.在我校,我们根据网页设计课程的特点,对该课程的考核方法进行了改革.

课程考核采用平时考核、实践考核、理论考核相结合的方式.其中平时考核成绩占总成绩的30%,实践考核成绩占总成绩的30%,理论考核成绩占总成绩的40%.平时考核,以教学过程为载体,主要记录学生的出勤率、作业完成情况、上课表现情况及学习态度等;实践考核,主要记录学生在实践过程中项目完成情况、实训报告撰写情况及最后课程设计的完成情况;理论考核,教师根据课程要求的应知、应会内容闭卷进行考核,采用的题型主要是单项选择题、多项选择题、填空题等.利用此考核方案,即能保证学生的出勤率让其主动的参加教学过程,也能促进学生主动提高动手实践能力。

2结束语

网页制作设计报告 第14篇

记得初到公司时,我对公司的了解仅仅局限于公司网站的简单介绍,除此之外,便一无所知了。但是,在领导和同事们的支持和帮助下,我不仅加深了对公司的了解,而且很快就掌握和熟悉本岗位工作的要求及技巧,严格做到按时按量完成产品终端页等页面的制作,保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时,减少页面中冗余的代码,保证页面的加载速度。此外,注意用户体验问题,站在用户的角度浏览网页,发现问题、解决问题,以提高网站的浏览量。

自从担任网页制作以来,虽然在工作中取得了较好的成绩,但也还存在一些不足之处。例如:工作中没有充分领会领导的意图,有时会忽视公司的工作流程等等,这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。

在今后的工作中,我将努力提高技术水平,克服不足,朝着以下两个方向努力:

1、在以后的工作中不断学习技术知识,通过多看、多学、多问、多练来不断的提高自己的各项业务技能。

2、提高自己解决实际问题的能力,并在工作过程中慢慢克服急躁情绪,积极、热情、细致地的对待每一项工作。

网页制作设计报告 第15篇

关键词:网页设计与制作;实例教学;教学方法;中等职业学校

近年来,网络技术已经成为推动社会经济飞速发展的重要基础,渗透到了社会发展的各个部门和领域。网络技术的迅速发展和普及,使网页设计日益显得重要。[1]我校把《网页设计与制作》课程作为计算机应用及相关专业的一门重要专业基础课程,目的是让学生能够掌握网页制作和网站开发,毕业后能够进行网站的设计开发与维护工作,可以使学生更好的就业。为实现这个教学目标,在近几年的教学过程中,我根据学生实际情况采用适当的教学方法作了很多的尝试,在教学过程中应该逐渐总结出一套以实例为授课重点的教学方法,取得了很好的教学效果,较好的实现了教学目标,提高了学生综合能力。下面,我对近几年的探索做以下总结。

1 以实践应用为目的来制定教学方案

教学目的是教学方案设计的出发点以及归宿。一个好的教学方案,应能较好地达到教学目的。本课程的目的是培养学生的网站设计及开发能力,这个目的服从于职业教学目的,就是满足社会发展和就业需求。因此,教学方案要侧重于掌握常识和训练技术、技巧。[2]

2 以实例教学来激发学生学习兴趣

以教学目的为中心,精心挑选实例,用实例串联知识点,贯穿教学过程。具体做法是通过选择适合中专学生阶段感兴趣的日常学习和生活中具体实例,将这些实例分解到每次的课堂教学中实现。授课时先展示网页效果,再讲解相关内容,激发学生的学习兴趣,让学生产生一种迫切想要实现实例的要求,让学生变被动学习为主动学习。实践证明,这样的教学方式,学生不仅能实现课堂实例,而且能灵活运用课堂知识,完成自己的设计。

一般情况下,我主要规定主页的制作要求,而各个分页依据学生自身的爱好去设计,充分发挥学生能动性和想象力,调动了学生的学习积极性。这样就改正了以往学生可能对上课讲的内容听明白了,但实际操作时,又无从下手的缺陷。这样就会取得良好的教学效果,使学生每节课既巩固了以往所学知识,又都有新收获,极大的激发了学生的学习兴趣。

3 以任务来驱动来加强学生自主学习能力

“熟能生巧”,大量反复的练习是培养学生自主实践能力最有益的办法。教师在讲完理论常识和相应实例后,应马上布置大量难度相当的练习作业,要求作业依据学生自身的爱好去设计,充分发挥学生的能动性和想象力。[3]及时收集作业,引起学生的重视。选择典型的学生作业进行评析,对学生在网页设计中易出现的共同问题进行纠正,对作业完成优秀的进行表扬,激发学生互相竞争与学习,来提高学生的自主学习和设计能力。[4]

通过练习、实践,不仅可以提高学生的动手操作能力,同时也是教师检验教学效果、发现学生问题的好机会。收集作业的方式也是多样化,可当堂点评,也可以通过教学软件进行收集,通网络进行收集。

4 利用网络启发学生的创造力

通过让学生上网多欣赏优秀的网站网页,让学生学会欣赏他人作品,理解和观察优秀作品。鼓励学生通过网络上网站设计的论坛,加强和更多的同行高手来交流学习,学习更多的人设计和创作的经验和教训,来提高自己的能力。只有多欣赏,多学习,才能在脑中形成一定的意识,才能学会模仿,进而为下一步的创作打下基础。这样让学生不光在课堂学习,课外也可以的自主学习。并鼓励学生到提供空间服务的站点申请主页空间,上传自己的作品到空间中,让更多的人来欣赏自己的作品,品评自己的作品,这样可以看到他人和自己的优缺点。在授课过程中,我会要求学生先申请免费空间,再把自己的作品上传到空间,然后让学生公开自己的空间网址,最后进行集中欣赏或个别欣赏。我校学生在一些网站上申请免费空间及上传作品。在利用网络教学过程中,教师要注意教学过程中出现的上网管理的问题,组织好课堂秩序。

5 通过合作建站加强学生团队意识

当学生掌握了网页设计的基本知识和技能后,还要锻炼学生的综合制作能力,要把所学知识运用到实例中。前一阶段的学习每堂课学生的作业都紧密围绕当前所授课程实例网站进行,而在最后的综合制作期间,如教材第十二章可根据上课内容安排学生完成相应的设计,分阶段分小组完成。并且在设计过程中要形成完整的网页设计报告。在网页制作的报告中,主要有如下内容:内容简介、主要模块划分、网页布局的实现方法、网页间超级链接的跳转关系图等。报告是根据网站设计的进行逐步完成。这有利于教师了解学生设计的思路及遇到的问题,及时调整教学内容、改进教学方法,从而提高教学效果。报告从初稿到完成需要一定的过程,是根据网站的具体设计来不断修改,加以完善的。根据网站制作要求,在不影响整体效果情况下,学生可以在制作过程中加入自己的想法,运用自己所善长所感兴趣的方法来制作网页。这样既不失整体,又会各有特色。

综合网站的制作是需要学生做稍微复杂的网站,这就需要鼓励学生以团队协作的方式完成任务,锻炼学生的团队协作能力,为日后的工作打下基础。在设计过程中,分小组进行制作,几个人一组选择网站中的同一主题。安排学生分组对抗,合作建站,充分发挥每个学生的创造力,通过团队协作的方式完成任务,锻炼学生的团队协作能力。另外,在设计过程中,分小组进行制作,几个人一组选择网站中的同一主题,有利于学生共同讨论、解决设计中的难题,也有利于互相学习,取长补短提高自己的设计水平。[5]

6 适当的拓展教学,培养学生的综合能力,让优秀学生更进一步发展

《网页设计与制作课》是一门综合课程,它涉及到色彩、图像处理、动画制作、视频制作等其他综合知识。要想学好这门课程,就得了解和应用这些知识,由于课堂资源和时间有限,在具体授课过程中不能全部学习,我在教学过程中主要让学生了解色彩设计与版式设计,这样学生做出来的网页才能具有美感,让人眼前一亮。在教学过程中,要适当引导和培养学生的综合能力,尽量让学生从多方面进行发展。

7 合适评价机制,激励学生的进一步学习

适时合适的评价,对学生是很好的激励方式。只有在学习过程中不断评价,才能让学生认识到自己的优点与不足。在评价过程中教师要注意语言表达,对学生的优点要给予肯定,对于不足也要给予指导,尽量让学生做到“做好不骄傲,不好不气馁”。适时评价还可以全面真实地反映学生的学习水平,而且有利于反映教学中的问题。如在理论知识与实践应用方面,一般学生容易注重实践应用而忽略理论知识,这就要求教师在平时考查时适当加入理论基础及口试。另外,评价时还应该让学生从创意、版式、色彩、特色等方面介绍一下自己的作品,这样可以考查学生对整个网站开发的思路及方法,同时考查学生口头表达能力、与人沟通能力。

以上是我在近几年的教学过程中摸索出来的一些教学方法,在课程结束时,绝大部分学生可以完成一个完整的网站,并把自己的网站上传到网络空间,还可以时常更新和维护自己的网站。实践证明,这些方法可以激发学生的学习兴趣,提高教学效果,能够有效完成教学目的。

参考文献:

[1]曹丽明.网页设计与制作[M].北京:中华工商联合出版社,2007.

[2]刘静.项目教学法在《网页设计与制作》课程中的应用研究[J].中国科教创新导刊,2009.

[3]贾海陶.浅谈《网页设计与制作》教学方法与研究[J].魅力中国,2010(9).

[4]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化,2008(3).

网页制作设计报告 第16篇

实验一:站点设置

一、实验目的及要求

本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。

四、实验方法与步骤

1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。

2)在弹出的“站点定义为”对话框中单击“高级”选项卡。

3)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。

4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。

五、实验结果

六、讨论与结论

实验开始之前要先建立一个根文件夹,在实验的过程中把站点存在自己建的文件夹里,这样才能使实验条理化,不至于在实验后找不到自己的站点。在实验过程中会出现一些选项,计算机一般会有默认的选择,最后不要去更改,如果要更改要先充分了解清楚该选项的含义,以及它会造成的效果,否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。

实验二:页面图像设置

一、实验目的及要求:

本实例的目的是设置页面的背景图像,并创建鼠标经过图像。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

设置页面的背景图像,并创建鼠标经过图像。

四、实验方法与步骤

1)在“页面属性”对话框中设置页面的背景图像。

2)在页面文档中单击插入鼠标经过图像。

五、实验结果

六、讨论与结论

实验结束后我们可以看到页面的背景变成了我们插入的图像,并且要鼠标经过的'时候会变成另一个图像,这就是鼠标经过图像的效果。当然这种实验效果很难在实验结果的截图里表现出来。这个实验的关键在于背景图像的选择,如果背景图像太大不仅会影响网页的打开速度,甚至图像在插入会也会有失真的感觉,因此在插入前对图像进行必要的处理能使实验的效果更好。

实验三:表格制作

一、实验目的及要求:

本实例是要创建边框为1像素的表格。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建边框为1像素的表格。

四、实验方法与步骤

1)在文档中,单击表格按钮,在对话框中将“单元格间距”设置为“1”。

2)选中插入的表格,将“背景颜色”设置为“黑色”(#0000000)。

3)在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。

4)设置完毕,保存页面,按下“f12”键预览。

五、实验结果

六、讨论与结论

本实验主要通过整个表格和单元格颜色的差异来衬托出实验效果,间距的作用主要在于表现这种颜色差异。表格的背景颜色和单元格的背景颜色容易混淆,在实验中要认真判断,一旦操作错误则得不到实验的效果。“表格宽度”文本框右侧的表格的宽度单位,包括“像素”和“百分比”两种,容易混淆,要充分地理解这两种单位表示的意义才能正确地进行选择,否则就不能达到自己想要的效果,设置错误就会严重影响实验效果。

实验四:创建锚点链接

一、实验目的及要求:

本实例的目的是创建锚点链接。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

创建锚点链接。

四、实验方法与步骤

1)在页面中插入1行4列的表格,并在各单元格中输入导航文字。

2)分别选中各单元格的文字,单击按钮,在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。

3)在文档中输入文字并设置锚记名称“01”,按下“enter”键换行,输入一篇文章。

4)在文章的结尾处换行,输入文字并设置锚记名称“02”,按下“enter”键换行,输入一篇文章。

5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”,并输入文章。

6)保存页面,按下“f12”键预览。

五、实验结果

六、讨论与结论

添加瞄记的作用是可以帮读者快速找到自己想要的文章,同时也可以使页面更加精简。本实验的关键难点在于链接文本框输入的名称和瞄记的名称要相一致才能达到实验的效果,同时要记得是在上一篇文章的结尾处输入文字并设置瞄记名称,并记得输入对应的文章,否则瞄记可能不能用。熟练程度低在实验中不能很好地使用各种工具,无法一次准确地寻找到适当的位置。实验中忘记选择“不可见元素”,几次实验都失败,最后才得出正确的结论。因此在实验前要先做好预习,否则实验过程会比较吃力。

实验五:设置css样式

一、实验目的及要求:

本实例的目的是通过设置css样式创建表格的虚线边框。

二、仪器用具

1、生均一台多媒体电脑,组建内部局域网,并且接入国际互联网。

2、安装windowsxp操作系统;建立iis服务器环境,支持asp。

3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;

4、安装acdsee、photoshop等图形处理与制作软件;

5、其他一些动画与图形处理或制作软件。

三、实验原理

通过设置css样式创建表格的虚线边框。

四、实验方法与步骤

1)在网页中创建一个表格。

2)在“css样式”面板中单击按钮,在弹出的对话框中进行设置,完成后单击“确定”按钮。

3)在弹出的对话框中进行设置,完成后单击“确定”按钮。

五、实验结果

六、讨论与结论

对话框中各项指标和属性的设置存在一定的难度,如果没熟练掌握就容易出错使实验失败。对“ccs”样式所要使用的各种按扭不够熟悉在使用的时候觉得很生硬。这个实验成功的关键在于对软件的掌握程度以及对各种属性的认识程度,只要充分地掌握了软件的各种操作,对各属性所代表的含义有充分的认识就能很好地完成这个实验。

网页制作设计报告 第17篇

关键词:计算机;图像处理技术;网页设计

运用随着信息技术的进步以及人们生活水平的提高,互联网已经深入家家户户。网站是目前人们最常用的信息获取渠道,而网页设计直接决定了网站的质量。计算机图像处理技术是网页设计中的常用技术,主要目的是提高网页的整体艺术感,将多样化的内容呈现在浏览者面前。通过计算机图像处理技术进行网页设计,能有效提高网页设计的艺术感,使网页更具有感染力,获得浏览者的共鸣。

1图像在网页设计中的重要性

图像在网页设计中占有较大的比重,也是最能吸引浏览者的因素之一。图像在网页设计中的功能可以分为以下两方面:第一,视觉吸引功能。图像和文字相比,对浏览者的感觉更直观,能有效吸引浏览者的注意力,激发浏览者的兴趣,从而提高网站的浏览率。正是因此,图像的直观功能能为整个网页设计起到画龙点睛的作用,提高整体网页设计的艺术感。有调查报告显示,图像是决定浏览者对网站兴趣的重要影响因素;其次,信息引导功能。网页设计的根本目的是满足不同浏览者的多样化需求,使浏览者能迅速在网页中发现自己所需的信息。而图像则具有一定的信息引导功能,能够使浏览者在众多的信息中迅速发现自己需要的内容,节省了大量的时间。同时也可以通过图像对单纯的文字进行美观,提高网页的吸引力,从而保证网站的浏览量。

2计算机图像处理技术

计算机图像处理技术即对图像进行针对性的加工、设计以及美化等,从而表达出相应的含义。目前,计算机图像处理技术主要包括以下几方面:

图像去噪计算机系统

在采取图像的过程中,可能会出现一定的噪音,这主要是由计算机的硬件特性所导致的。而这些噪声也会对图像的质量造成相应的影响,因此可以通过计算机图像处理技术进行去噪处理,从而提高图像的质量。

图像增强

图像增强指的是对图像的某个固定区域进行针对性的加强,从而突出图片的核心信息,同时削弱非重要信息的影响,方便之后图像在网页设计中的应用。图片增强是网页设计中较常用的图像处理方法,主要用来改变图像的画质。这是由于计算机在对图像进行采集时,会受到环境、分辨率等多种因素的限制,导致画面的立体感不强,因此需要进行相应的增强处理。目前,图像增强的方法较多,例如边缘增强、色彩增强、锐化增强等。虽然图像增强技术没有增加图像的信息量,但却突出的重点内容,对网页设计具有重要的意义。

图像压缩

图像压缩也是较常用的处理类型之一,根据网页设计的需求,对图像的数据进行适当的压缩,从而保证图像传输的有效性,同时也避免了图像传输过程中可能出现的失真情况。

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.

网页制作设计报告 第18篇

二、课程改革思路

在《网页设计与制作》课程的教学中,我们应以学生为主体,培养学生实际动手能力;知识点分模块化讲解及练习,教学中要面向应用,重视实践,综合培养学生网页设计方面的综合技能;从而可以使学生能够驾驭各种主题的网站设计与制作。

三、教学内容

四、改革教学模式和方法

利用现代教育技术和方法。传统的教学模式是先在教室上理论课,教师是教学主体,课堂上知识满堂灌,学生被动接受,然后去机房实践。等到去机房实践时,由于时间隔得太久,学生把上次课堂所讲内容都忘得差不多了,上机时老师还需要再重复讲一遍,这样效率低下。还有,多媒体上课有时一次安排就是四节课,老师一次讲的知识点太多学生根本记不住,时间太长,最后学生听课的热情也不高,严重影响教学的质量和效果。因此,我们尝试改革教学模式,授课地点用多媒体机房代替传统的多媒体教室,在多媒体机房安装投影仪或电子教室软件,学生每人使用操作一台计算机,教师使用一台教师机。授课方法如下:如果是理论性比较强的部分,启用电子教室软件,对学生机进行控制,不允许学生操作电脑,教师一边讲解一边操作教师机,让学生看着显示器听老师讲解;如果是比较难掌握复杂的内容,教师就通过投影仪来讲解演示,学生可以跟着老师示范步骤一步步操作学习,从而实时掌握授课内容。每次控制好讲解时间及内容,一次讲解三四个知识点,精讲多练,每次讲完后预留合适的时间并布置小练习让学生来完成,并把所讲课程课件等一些相关资料服务器共享。完成作业后教师采用逐个点评作业的方式进行学习交流,使学生对所学的知识点更加巩固,同时大家相互交流也可以拓展思路并激发学习的热情和积极性。分析并临摹优秀网站。学习完第二个层次内容之后就可以让学生开始独立完成网站制作了,在临摹网站之前,要先让学生大量分析不同风格不同主题的优秀网站,并提交分析报告,学会审美网页,然后再临摹一些优秀的网页,在临摹的过程中,学习体会各种不同主题网站的不同的风格、配色以及界面设计。采用案例教学和项目教学。选用一些有代表性的案例,比如一些为人熟知的网站如新浪、搜狐等,通过对案例的分析讲解其相关的功能及制作方法,这样可让学生更有兴趣从而提高积极性。其次,也可采用项目教学法,通过项目驱动促进课程改革。可以把开发一个小型网站或大型网站的一个栏目作为项目,比如重新开发一学校或公司网站,从网页设计实际流程出发,让学生分组完成网站的前期策划、设计、制作、测试和,进而完成整个项目。通过项目教学,让学生掌握网页设计与制作的相关技术,培养独立开发及制作网站的能力。积极探索网络教学新模式。利用网络教学平台,我们将课件和相关学习资料放在教学网站上,供学生学习参考;还可开通网页爱好者交流群,学生对学习过程中遇到的各种问题进行讨论,有好的设计方法和经验大家相互交流学习;还可通过开展网页设计大赛,可展示评比学生的优秀作品,这样可提高学生的积极性。同时也可以相互学习分享。

五、考核方式

本课程是一门实践性很强的课程,因此不能像其他课程一样采取传统的笔试方式进行考核,笔试比较适用于一些理工科课程,如高等数学、计算机原理等,该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成:课堂表现(10%),上机练习作业(20%),最后作品(70%)。这样可以较全面地考核学生对该门课程的掌握与实践情况,其中作品指的是老师制定的项目要求,一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式,由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题,然后教师给予评定和答疑,这门课程的最后一个环节,授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。

六、实践效果

笔者长期从事河南工程学院、中原工学院的《网页设计与制作》基层教学工作,通过对近三年物理学、会计学、广告学、网络工程、艺术设计、纺织工程等六个专业近400名学生的必修和公选的《网页设计与制作》教学效果进行了分类对比,通过调查问卷、学生评教、学生成绩分布情况等方式,表1主要从学生学历层次、授课地点、授课形式、是否采用案例教学、学习气氛培养等方面对培养方案进行了设计,表2则根据预定的授课方案对授课效果进行了跟踪和汇总。

从表1、表2中可以看出,从教师授课效果来看,虽然在个别专业学生的日常上课非常配合,学习态度较为认真,但是从考试的成绩来看还是不如教学改革后的效果好,使用了新的教学手段学生成绩均有不同程度的提高,从不同的年级学生评教分数来看,大部分学生认为传统的《网页设计与制作》教学模式的评价分数并不理想。

猜你喜欢