网页的设计与应用毕业论文 第1篇
关键词：格式塔 网页设计 视知觉
引言
格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。
格式塔理论在网页界面设计中的应用
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。
我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
网页的设计与应用毕业论文 第2篇
关键词：毕业设计；网站制作；课题；答辩
毕业设计是在教学过程的最后阶段采用的一种总结性的实践教学环节。通过毕业设计，能使学生综合应用所学的各种理论知识和技能，进行全面、系统、严格的技术及基本能力的训练。通常，仅对大专以上学校要求在毕业前根据专业的不同进行毕业设计。计算机类毕业生通过两年半学习，具有一定的专业理论知识和本专业应有的实际动手能力，但在毕业设计过程中选择有一定意义的课题，怎样收集、归纳对本课题有用的资料，如何设计出可行的网站，对他们而言都是新问题，也是难点。指导教师在毕业设计的每个阶段引导、启发和带领学生是至关重要的，可使他们少走弯路，建立自信心，直到顺利地完成毕业设计。
一、毕业设计前的准备
由于本次毕业设计是大专学生教学的最后一个关键环节，且时间仅为12～15周，为保证毕业设计质量，必须做好毕业设计前的准备工作。为此在毕业设计前就要准备好毕业设计任务书并详细制订出指导计划。包括毕业设计要求、课题选择范围、分组情况、设计目的要求及进程计划等。本课题“网站制作”设计基本要求为：
1.以组为单元进行设计
2.组员讨论，确定此方向的选题类型
3.根据选题类型，先用Photoshop设计出一个主页框架
4.第14周上交作品，第15周完成论文撰写、修改、答辩
指导教师先把设计选题范围提前发给学生，让学生通过组员讨论，确定制作网站的类型，提醒他们在设计作品的过程中就注意收集资料、补学新知识并考虑有关问题，为毕业论文的撰写做好充分准备。指导教师对题目的各种设计方案和学习设计过程中可能遇到的问题也做好充分的准备。
二、课题选择阶段
课题选择在毕业设计中是极其重要的，是毕业设计能否正常开展的决定因素，也是能否培养学生各项能力的先决条件。若把过时或者高尖端的产品当做毕业设计课题，往往与实际脱节，而学生设计完成后也难以应用于工程实际中；若由学生自行选题，难以把握课题的难度和方向，如果选择的课题偏离本专业知识，指导教师难以帮助学生解决问题。因此，指导教师应帮助学生选好课题。
1.把握课题的难度
选用课题偏离本专业知识，范围过专过窄，则难以完成或不能取得阶段结果，指导教师应选难度适中课题，能针对学生学过的专业课程，让学生有发挥的基础。选用“网站制作”课题，难度中等，贴近主要专业课，学生也可从中选择自己喜欢的类别进行网站设计。
2.确定课题的实用价值和创新程度
网站的实用价值体现在宣传效果显著，易于人与人之间的相互交互和学习，如，教育、购物、电子商务平台等凡是需要宣传的均用到它。
创新程度体现在网站设计方式多种多样，给学生留有较大的拓展空间。如，采用ASP、JSP脚本语言；可制作成静态网站，也可制作成动态网站；还可在网站需要的部位加入特效代码等。
3.了解课题需用的制作工具和成本
若制作工具，作品是无法实现的，为此拟订课题的时候应考虑可能用到的工具来源，同时应考虑课题成本是否符合学生的经济能力。在拟定课题前，应对实习所用的场地进行考查，检查设计所用工具、软件是否符合毕业设计要求。我们本次使用的制作工具有计算机和Dreamweaver软件。
三、资料收集阶段
在资料收集方面，纷繁的资料使学生往往难理出头绪，或是找到的资料不能在设计中应用。例如：在资料收集前，就有学生上网找出大量图片，但实际上能应用的没有几张。指导教师应引导学生进行有效的收集资料，锻炼学生高效获取有用信息的能力。
1.引导学生根据网站风格收集资料
确定网站的风格非常重要，这就要求学生一开始应该先确定网站的风格和总体布局，分成的版块有哪些，最后，由学生用Photoshop先将首页框架和版面风格设计出来，然后学生再根据所需的版块收集材料。
2.引导学生归纳资料
引导学生进行资料归纳。面对着下载的几百张图片，如果不按版块进行分类存放，更难以为后面设计所用。笔者采取小组讨论的方式，根据网站设计的版块，对组内的每位成员分配任务，这样学生学会了目标明确的收集方法，并把这一方法应用到以后的设计过程中。
四、网站制作阶段
网站制作阶段是毕业设计过程中的重难点。如何着手去设计并富有创意，又要顾及各个子页之间的相互协调性等等，这些需要指导教师适时引导学生理清设计的思路，启发学生灵活应用所学的知识，发挥他们的创新能力和动手能力，解决设计中遇到的问题，让他们少走弯路，顺利地进行毕业设计。
五、论文撰写
毕业设计最终的成果要通过论文表现出来，它的好坏直接反映毕业设计的好坏。因此，做好论文是非常关键的。作为计算机应用技术专业的毕业论文，其专业性较强，因此，写好论文需注意要结合一定的计算机理论知识，做到实践与理论（下转第170版）（上接第169版）结合，这样，你的论文中的实践工作才有基础，才为人接受，其结果也才会正确可行。
总之，毕业设计是一项实践性强、较复杂的教学过程，教师应不断提高自身素质，充实和丰富专业知识、专业基础课知识，学习新知识、新技术，关注本学科及相关学科的科研发展动态，有爱岗敬业的精神，认真、负责、耐心、热情的工作态度，做好每个工作细节，努力提高毕业设计教学质量。
参考文献：
［1］房萍．谈如何做好高职学生毕业论文指导［J］.辽宁高职学报，2004.
［2］胡颖．高职学生毕业设计答辩的组织与管理［J］.辽宁高职学报，2004.
网页的设计与应用毕业论文 第3篇
【关键词】网页界面;人性化;色剂
网页设计人性化组要是根据人体的生理与心理、行为习惯、思维方式等等方面的因素作为网页设计的实际出发点，然后总结在网页访问时访问者的特点，然后针对性进行设计，确保在操作过程中，访问者不仅能够拥有美的享受，同时还能够得到心理方面的尊重以及生理上的关怀，最终达到设计当中的人性化目的。
一、计算机网页界面设计中人性化设计的本质要求
网页界面的设计要求内容与形式的统一，将艺术与技术相互的结合起来，属于一种新的艺术形式[1]。
网页界面设计要求能够与人的行为习惯相互结合，能够满足人的内心情况以及思维方式的转变，基于原本的设计性能与功能，优化网页界面，这样才能够保障用户使用起来更加的舒适、方便，同时也满足了用户最基本的身心两个方面的要求。
二、计算机网页界面设计中人性化的元素体现
目前，就互联网各大网站的设计来看，都拥有自身相对人性化的设计，则主要是对于导航的设置，它要求了每一位用户都能够通过最快、最便捷的方式找到自身所需要的信息。在网页界面的设计中，衔接是最主要的一个部分，仿佛就是网站当中的中枢神经系统，通过设置这一部分的链接，就能够让用户快速地找到自己想要的页面，其中要求的人性化连接设计就是要求了无论是在何种状态下，用户都能够对自身所处的位置有明确的了解，并且可以利用最简便的方式达到自己想要的网页界面。而网站当中的按钮又是网页节点的中枢神经元，在细节之处就能够让用户拥有一种人文的关怀。
所以，开展人性化的按钮设计，从组合、造型以及设计等方面入手，考虑到按钮本身的识别性、位置、组合关系以及人机性等多个方面的因素[2]。另外，在设计计算机网页界面的时候，还需要考虑到图形方面的设计，不能够让用户认为图形过于的乏味单调，但是却也不能让用户感觉到界面过于的花哨，图形应该尽可能在保持用户界面浏览方便的同时，还能够富含一定的美感与精美的动画设计，如此，就可以让网页界面拥有良好的动态效果，避免用户因为过多的静态，带来视觉上的审美疲劳。
当然，交互性的设计工作也是计算机网页界面设计中不可忽视的，这也是对个性化特征体现的主要方面，也就是在留言板、BBS论坛等等方面让用户感受到人性化设计的美感，让用户感受到网页界面时尚感与科技感共存。此外，在计算机网页界面的设计当中还需要考虑到多媒体、布局、色彩以及文字等多个方面的人性化特征，比如：在页面正文内容上面尽量避免使用粗体或者是斜体;在文字方面尽可能避免装饰性太强的文字的使用等，在图形上尽可能选择gif格式和jpg格式，如果是大型的图片，尽量避免滚动条图片的使用，如此的操作才能够给用户一种赏心悦目的感觉。
三、计算机网页界面人性化设计的一致性原则
在计算机网页界面的设计上还应该考虑到一致性的操作概念，在浏览的方式、内容的安排以及版面的设计商，设置是色彩、按钮或者是导航栏都应该保持统一的一致性设计。这样的设计给访问者带来的是预期的行为模式，同时也是操作上的安全感，不会因为网页的凌乱，给自己带来不知所措的混乱感。
网页的设计与应用毕业论文 第4篇
政府部门门户网站建设是根据国家对政府信息公开的相关政策要求，实现部门政务信息公开的优先手段和必然选择。论文详细描述了一个基于asp技术和access数据库系统网页的实现过程。网页设计及制作主要围绕政务公开、在线办事和网上交流三大功能进行，前台信息共设置领导讲话、政务公开、工作动态、政策法规等十大功能模块。后台管理采用client/server和browser/server相结合的技术方式，将超文本标记语言（html）和简单的jscript语言相融合开发，使用session对象进行web页之间的数据传递，并跟踪用户登陆，实现了不同权限用户对新闻信息的计算机网络管理和web查询功能。网页新闻访问采用主页+标题面+子页面三级模式，主页面提供了本网页的一个宏观样式，并让各模块与之配合联系，构成一个完整的网页系统。
【关键词】
政府网站
网页制作
asp 技术
access 数据库
【英文对照】
abstract
the portal website of government departments is the best candidate and inevitable choice for government affairs opening. its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. this paper presents the construction of one portal webpage based on asp and access database. the design and implementation of webpage mainly consists of three parts: government affair opening, online government office, and online communication. the front-end consists of ten major modules, including leader's speech, government affair opening, government dynamics, policies and regulations etc. the backend is a hybrid of c/s and b/s technologies, html and jscript are combined together and session object is used for inter-page data communication and traced the status of user logon, web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. the access to webpage news adapts a three-tier scheme which includes main page, title page and sub-page, the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.
【keyword】
government website
webpage making
asp
access database
【目 录】
前言 2
正文 3
第 一 章 概 述 3
网页制作背景 3
网页制作的意义 3
开发工具简介 4
第 二 章 可行性分析 5
b/s结构介绍 5
access 数据库 5
asp 技术 5
第 三 章 网页需求分析 7
总体功能需求分析 7
. 基本功能需求 7
. 功能结构图 7
网页具体功能模块需求分析 8
. 政务公开功能 8
. 网站办事功能 8
. 网上交流功能 8
网页结构图 9
网页版面规划 10
网站ci形象设计 10
网页布局技术 11
第 四 章 数据库设计 12
数据库概念结构设计 12
数据库逻辑结构设计 14
第 五 章 人机界面设计 17
后台登录界面设计 17
用户管理页面设计 18
信息检索页面设计 18
后台管理页面设计 19
第 六 章 系统程序设计 20
程序设计语言 20
部份源程序实现及文件 20
第 七 章 网页测试 30
测试网站的建立 30
. 测试网站环境 30
. web服务器简介 30
. 网页测试 30
网页及网站维护 31
第 八 章 结论 32
参考文献 33
致 谢 34
【前言】
在我国，继党的_提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为电子政务建设的龙头是完善政府公共服务接入渠道的主要手段，它实现了按照用户对象进行信息资源的整合，提供覆盖用户全生命周期的各种信息和服务。同时，网页信息传播的即时性和全面性确保了政府大量重要信息的广泛共享，优化了社会资源配置，让政务信息更便捷、更低成本地进行传递。通过访问政府网页，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情权、参与权和监督权等方面有着显著成效。
政府网站建设的含义就是利用internet/intranet等计算机通信技术，在internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与网上便民服务，是政府和社会互动的重要窗口。论文就巴中市网页的设计和制作作了详细描述，网页主要功能模块设置紧紧围绕部门职能职责，密切结合公众需求，实现了预期设计目标，网页经本地局域网测试运行正常。
【正文】
网页制作
第 一 章 概 述
网页制作背景
在当前这个网络时代，电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在_政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国，政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今，全国各地的电子政务建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。
网页制作的意义
首先，政府网站关系到政府的服务形象，关系到百姓的切身利益。政府部门通过制作网页建立网站，是电子政务的最佳切入点和重要内容，政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府的服务形象，关系到百姓的切身利益。其次，政府网页制作有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息，准确掌握外部环境，大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于提高社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。
开发工具简介
在众多的网页设计与制作工具软件中，我根据实际需求及对软件的熟悉程度，主要选取了photoshop cs3、fireworks 、flash mx 2004、macromedia dreamweaver8进行网页的开发和制作，这些软件的主要特点分述如下。
网页图像设计工具——photoshop cs3、fireworks
在网页制作过程中，首先要使用photoshop或fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。photoshop是平面图像处理业界霸主adobe公司推出的跨越pc和mac两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而也赢得了众多的用户的青睐。fireworks是adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。
动画制作工具——flash mx 2004
网页的设计与应用毕业论文 第5篇
1、计算机网页包装设计与图像处理研究
网页包装设计中的图像处理方法
借助计算机设备所进行的网页包装设计，需要对图像资源进行有针对性的处理，制作成为计算机软件开发应用需要的形式。在对图像进行制作时，要明确图像的格式，如果是制作成为GIF图片需要对图像资源进行透明处理，将其处理成为系统需要的图片形式，并在图片资源使用前，进行反复的控制研究，帮助进一步提升图像的色彩搭配合理度，动画格式的图像在内存中占据的比例比较大，根据网页打开后的内存资源来对系统进行更深入的设计，通过将各项设计理念结合使用，能够促进网站设计后的图形表现效果也更加理想，这是传统技术方法中很难实现的，也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些，可以对图片的整体色彩以及明亮程度进行调整。
网页设计中的两种特殊应用
2、图像处理在网页设计中的应用解析
网页设计中使用图像的意义
网页图像处理的技巧
3、结语
网页的设计与应用毕业论文 第6篇
关键词：网站前台；CSS；JavaScript；教学改革；情境教学
Situational Teaching Design on the Front End Website Making
SU Chen, GAO Fei, CHEN Mei
(Beijing Electronic Science and Technology Vocational College, Beijing 100016, China)
Abstracts: With the development of society and Network, the requirement of the people on the front end website is increasing. But the traditional teaching method makes the disjointedness between the teaching and the posts requirement. It is hard to meet the need of society in the relevant personnel. The article discusses the reform of teaching contents. It is primary to teach in a real situation based on working process. Two of the teaching situation is discussed as examples. The content design on teaching situation is analyzed emphatically. The learning ability and learning effect of the students are improved by the situational teaching based on work process. The goal will be attained that the students can be trained to work after graduated.
Key words: front end website; CSS; JavaScript; teaching reform; situational teaching
通俗的说，网站前台就是网站访问人员看到的内容和页面，用户可以通过对网站的访问来浏览公开的内容，如企业或公司概况介绍、新闻信息、产品信息、企业联系方式、提交留言等内容。而随着网络和信息的发展，社会对网站制作人员的需求量也越来越大。
对于传统的网页制作课程，教学方法比较单一，教师一般采取讲授知识与案例讲解相结合的方法来进行。虽然学生也能掌握其中的知识和技能，但是对网页制作的综合运用能力不足，不能实现毕业即能上岗的目标，学校的教学与社会岗位之间存在相脱节的现象。
为了使学生毕业后能直接上岗，对本课程进行了教学改革，摈弃了传统的教学模式，将真实的项目案例引入课堂，使用情境教学法，将所授内容融入其中，以实现相应的教学目标。
1 前期准备
网站前台制作是我校多媒体技术专业网页制作方面的主要课程，在对该课程的改革中，注重理论与实践相结合，注重基于工作过程的系统化学习领域设计。为此，教师进行了充分的前期准备工作：首先要深入公司企业进行调研，掌握在实践过程中网站前台的制作流程和行业规范，然后根据实践过程提炼出能融合到课程中的相关内容，最后将提炼出的内容整合到课程中，并结合相应的方法和手段加以实施。
2 教学内容的情境设计
教学情境设计原则
网站前台制作是一门实践性、操作性较强的课程，其主要内容为（X）HTML、CSS及JavaScript三大网页设计核心技术。由于该课程主要以代码的编写为主，对网页的排版布局和效果样式的实现主要是通过DIV+CSS来实现，所以用DIV+CSS思想来引导学生编写网页代码是非常重要的，其中最重要的是如何让学生对编写代码产生兴趣，并将这种兴趣保持下去。
情境内容的设计
在教学内容的设计方面，先根据专业课程培养体系的要求确定该课程的学习领域，然后根据真实项目和知识技能，具体设计6个教学情境，由浅入深的对该课程进行介绍。在对整个教学情境的实施过程中，让学生完成规定的可执行任务，通过对项目案例的实践操作，使学生掌握网站前台制作的工作流程以及代码的书写规范等内容，在实践操作中掌握相关的知识和技能。
在对6个教学情境的课程设计中，所用的项目案例全部采用公司的真实项目，并将教学目标分为能力目标和知识目标来进行细化描述，教学情境中又分解为多个小型任务，将知识点融入到每个小型任务中，通过对每个任务的实现，学生将其中所包含的知识点进行掌握和消化。并且这6个教学情境的设计按照由浅入深的原则来进行设计，从首页入手进行项目案例和知识点的融合，进而到二级页面的制作和美化，体现了由易到难的设计原则。教学情境的设计如表1所示。
前两个教学情境是针对网站规划和首页制作而设计的，这两个教学情境相对其他四个情境的设计来说是简单的。通过这两个教学情境，使学生能明确网站前台的制作流程和行业规范，掌握相关（X）HTML和CSS代码的编写和命名规范。
第三和第四个教学情境，主要是针对首页的美化和二级页面的制作和美化，这两个教学情境从内容方面难度有所提高，通过这两个教学情境，使学生能使用符合Web规范的CSS代码完成对相关页面的效果实现，主要通过DIV+CSS来完成。
最后两个学习情境是两个不同类型的网站制作，通过对两个网站的制作，使学生掌握不同类型网站的排版布局制作方法，并通过相应的CSS代码实现其布局和样式添加，同时通过学习JavaScript代码来实现相应的页面效果。
3 具体学习情境的设计分析
在每个学习情境的设计中，情境是作为一个完整的工作过程来实现的，其中包含了对每个子任务的描述、学生的行动内容以及要达到的知识目标和能力目标。
学习情境5的内容设计
下面以学习情境5为例来说明对该情境的设计完成过程。
首先，对学习情境5有一个整体任务描述，以说明整个工作任务，让学生明确本次的学习目的。对学习情境5的任务描述是：根据网站主题，对网站进行设计，使用图像处理软件做出页面效果图，掌握CSS排版布局中三列布局的模式，对整个页面实现1-3-1固定宽度布局，通过书写CSS代码，对整个首页和二级页面的内容进行实现和美化。
其次，对整个任务进行细化，分为6个子任务，对每个子任务进行任务描述，细化其中的知识点，并说明学生的行动内容。其中子任务1的任务描述是：使用图像处理软件制作页面效果图。在对子任务1的实施过程中，主要是通过图像处理软件Photoshop软件对页面效果图进行设计和制作，包括对Logo、Banner的制作以及对二级栏目标题、背景颜色、边框和各部分文字的添加等。学生的行动内容是通过对Photoshop的应用，制作出页面的效果图，这样既完成了相应的工作任务又加强了对Photoshop的理解和实际应用。在子任务2和子任务3中，引入JavaScript的应用。通过对JavaScript的学习，使学生明确和掌握了相关的基础知识，为以后各个子任务的进行打下良好基础。在子任务4和5中，重点介绍使用JavaScript进行动态效果的制作，这样能使学生对JavaScript的知识进行灵活应用。在子任务6中，主要使用HTML和CSS实现网站首页和各个二级页面内容以及相应的样式等等。在该子任务中，主要以学生作为行动的主体，按照任务的内容书写HTML，实现首页和各个二级页面的内容，书写CSS代码实现对页面内容样式的添加，并通过书写JavaScript代码来实现图片轮换效果。
最后，根据本次学习情境中各个任务的执行情况进行总结，布置同步练习作业，由学生代表发言总结自己所遇到的问题、解决方法及其收获。
通过学习情境5完成的网站部分内容如图1所示。
学习情境6的内容设计
虽然学习情境5和情境6均为综合网站的制作，但是两者在情境设计中的侧重点是不同的。
在学习情境6中，将整个任务划分成3个子任务。在整个任务的描述过程中，虽然也有“根据网站主题，对网站进行设计，使用图像处理软件做出页面效果图”之类的字眼，但是在执行相应的子任务1时，由于在学习情境5中已经对此知识内容进行了学习，所以在此不必进行知识的讲解和演示，直接让学生执行任务，完成对页面的效果绘制。
同理，在子任务2和3的执行过程中，对用到的旧知识点，主要让学生直接执行任务，不再进行另外的讲解，只有对新的知识点进行明确讲解。教师在课堂中的作用是一个组织者，导引者，而学生作为学习的主体被重点突出出来。
总之，在该课程的改革实施中，以学习情境作为设计单元，在学习情境中注重工作过程，并以公司的真实项目引入情境教学，所以通过本课程的学习，能使学生熟悉网站前台的制作流程和规范，了解相关的学习拓展领域，达到在企业中从事网站前台制作的从业要求。学生通过参与实际网站的建设、开发和制作，掌握相应的基本知识和技能，并在实践中发现问题、解决问题，职业素养和职业意识得到培养和提高，为日后的毕业即上岗做好充分地准备。
参考文献：
[1] 莫小梅.网页设计与编程课程网站开发与教学实例的结合初探[J].电脑知识与技术,2009,5(14):3829.
[2] 陈孟臻.基于标准化布局的网页制作课程教学探讨[J].科教导刊,2009(9):94.
[3] 林婷婷.以Div+CSS思想引导学生学习编写网页的新教法[J].科技信息,2009(11):68.
网页的设计与应用毕业论文 第7篇
个人基本简历 简历编号： 更新日期：
姓 名： 国籍： 中国 目前所在地： 广州 民族： 汉族 户口所在地： 梅州 身材： 158 cm 50 kg 婚姻状况： 未婚 年龄： 23 岁 培训认证： 诚信徽章： 求职意向及工作经历 人才类型： 应届毕业生 应聘职位： 软件测试工程师：软件测试、网页设计师/美工：网站开发、 工作年限： 0 职称： 无职称 求职类型： 全职 可到职日期： 随时 月薪要求： 2000--3500 希望工作地区： 广州 个人工作经历： 公司名称： 广州中软信息技术有限公司起止年月：2009-02 ～ 2009-05 公司性质： 国有企业所属行业：计算机业 担任职务： 软件测试员 工作描述： 负责运维测试，产品安装，和集成测试
根据测试用例，对相关产品进行自动化测试和人工测试
本人熟悉平面设计软件，如photoshop、illustrator等，其中众多平面作品受到了大家的好评；熟悉网站设计软件，如Dreamweaver，fireworks等，大学期间就已兼任网站前台设计师一职；熟悉网站开发流程，其中个人独自完成的有用JSP语言制作的课程设计网站“网上花店”，毕业设计“软件测试教学资源网”。对网站的开发和设计流程非常熟悉。 详细个人自传 2、2007年7月至8月 深圳市天艺城设计印务有限公司 排版美工，负责书本排版及广告设计；
跟公司里的同事设计了“深圳市国际出国展览计划”等； 社会活动：1、2006年10月，领队到大学城参加学生“挑战杯”竞赛 决赛的评奖活动
2、2006年6月，参加英语俱乐部举办的“模拟交易会”，并或者团队优秀奖
3、2007年3月至5月，参加金融协会组织的“模拟炒股”
