时间：2022-05-21 03:14:56
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页制作论文，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
一、考核改革目的
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
2.考核方式
学生以小组合作形式完成项目。每小组都由组长担任项目负责人进行总体规划并对项目任务进行合理分工，协调组员之间的关系。最后作品的评价以小组各自展示作品的方式展开，按照教师评分、小组间评分、小组自评6：2：2的比例评定。至于项目报告成绩由教师评定。该考核改革方案体现对学生知识技能、协作能力方面的科学、正确的评价，注重学生自主分析问题、解决问题能力的培养，让学生投入到一个类似实际工作的项目开景中，发挥各自的能力，发现自身的弱点，不断自我调整以适应职业岗位的需求。
作者：张健单位：连云港工贸高等职业技术学校
论文参考文献的引用当中，作者要在论文引用的地方准确的标注出来，然后在论文的末尾用数字加方括号依次列出参考文献。关注学术参考网查看更多优秀的论文参考文献，下面是小编整理的网站开发论文参考文献来和大家一起分享。
网站开发论文参考文献：
[1]黄宝玉，项国雄.国家精品课程建设现状分析及思考[J].中国高教研究，2007(9)：72-75.
[2]史金昌.浅析基于ASP.NET的Web网络应用程序的安全开发[J].科技创新导报，2008(23)：37.
[3]李志勇，魏红.高校精品课程数字化资源建设与推广应用研究[J].电脑知识与技术，20l0(2)：485-486.
[4]张书梅，符蕴芳，刘智国.网站安全管理的方法与具体实现[J].石家庄学院学报，2005，7(6)：54-56.
[5]阳卫文，王建斯，基于P2P流媒体系统模型的研究进展[J].现代电子技术，2008(2)：159-161.
[6]万荣泽.基于ASP.NET技术的统一后台网站群的设计[J].微计算机信息，2007，23(8)：260-262.
[7]王红雨，蔡成闻.基于ASP.NET的课程平台设计与实现[J].聊城大学学报：自然科学版，2007，20(1)：78-82.
[8]顾正刚，毕海峰.网站规划与建设[M].北京：机械工业出版社，2007：4-8.
网站开发论文参考文献：
[1]孔祥鑫.基于PHP技术的校园网站的设计与实现[D].天津：天津师范大学，2012.
[2]李良.基于PHP的商业站点设计与实现[D].南昌：南昌大学，2010.
[3]杜闯.PHP在动态网站开发中的优势[J].电脑知识与技术，2010（13）.
[4]贾素来.使用PHP和MySQL开发动态网站[J].大众科技，2011（3）.
[5]李晶.PHP技术应用于中小企业网站开发探讨[J].软件开发设计，2014（10）.
[6]杜闯.PHP在动态网站开发中的优势[J].电脑知识与技术，2010（13）.
[7]贾素来.使用PHP和MySQL开发动态网站[J].大众科技，2011（3）.
网站开发论文参考文献：
[1]靳莹.基于缓存技术的内容管理系统研究[D].吉林大学，2014.
[2]黄菊.分布式缓存技术及其在车辆监控系统中的应用[D].北京邮电大学，2015.
[3]崔解宾.分布式内存缓存技术在数据处理平台中的研究与应用[D].北京邮电大学，2015.
[4]李光瑞.Map/Reduce型海量数据处理平台中的内存级数据缓存技术研究[D].北京工业大学，2013.
[5]易会战，王锋，左克，杨灿群，杜云飞，马亚青.基于内存缓存的异步检查点容错技术[J].计算机研究与发展，2014（06）：1229-1239.
[6]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.
论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者JavaScript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1. 网站名称：“济南中天环保设备有限公司”
2. 步骤：
(1) 确立主题
(2) 收集资料
(3) 创建网站
(4) 编辑网页
(5) 美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
四、要求
根据公司的要求，设计一个企业站点，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思：
本网站主题为：济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页，里面加有网页动画效果“滚动字幕”及Flash动画，本站几个主要分网页分别为：公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思：
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面，背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，与环保网站的主旨相一致。上方为Flash动画与链接页，左下方是用Photoshop
处理过的图片，与主页是一致的。右边的标题是用Photoshop制作的图片，小标题采用斜体加黑，这样制作丰富了页面内容，使整个页面条理清晰。服务承诺分条目标示，一目了然。最后的“空气净化服务范围”标题，即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的，先用油漆桶工具把背景色填充为与页面相同的淡蓝色，调整文字的大小与位置，两边分别加上符号“【”、“】”和“”，使图片看起来更加美观。
经营业绩页面，背景色与Flash动画，链接页与主页保持一致。这一页的主要内容是用表格形式来固定的，边框设置为1，颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致，比较大方，浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面，左下方的图片与右边的标题都是用Photoshop制作的，在联系方式中还添加了一个outlook express电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlook express作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，Outlook Express都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。
左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“”，“「”，“”，“”，使图片放置页面中显得美观，更突出了主题内容。
FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。
所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。
七 所用各技术的特点
1.Dreamweaver : Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点：
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。
2.Photoshop:Adobe photoshop 在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。
3.FlashMX: Macromedia公司出品的Flash是制作网页动画的利器。严格来说， F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和JavaScript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。
八 网页制作的优缺点
比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。
九 代码
1．滚动字幕
style="FONT-WEIGHT: normal; LEFT: 0px; MARGIN-LEFT: 1px; TOP: 1px; TEXT-ALIGN: center"
onmouseout=this.start() scrollAmount=1 scrollDelay=50
direction=up behavior=loop width=250 height=150 background="">
href="Untitled-21.htm" target=_blank>二氧化氯的发展史
href="Untitled-22.htm" target=_blank>二氧化氯对健康的影响
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......
2．链接站点
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
友情链接站点
value=sina.com.cn>新浪网
value=163.com>网易
value=sohu.com>搜狐网
value=jnnc.com>新视听
value=china.com>中华网
value=yahoo.com>雅虎
value=263.net>263首都在线
value=soim.com>索易
class=ourfont
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=number1>
环境保护站点
value=zhb.gov.cn/>国家环境保护总局
value=bjepb.gov.cn/>北京市环境保护局
value=sdein.gov.cn/>山东环境
value=jnepb.gov.cn/default.aspx>济南市环境保护局
value=hisun-cn.com/>青岛海晟环保技术
3．下拉列表
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
产品介绍
value="Untitled-6.htm" target="_blank">二氧化氯发生器-WPR型
value="Untitled-7.htm" target="_blank">二氧化氯发生器-WPRⅠ型
value="Untitled-8.htm" target="_blank">二氧化氯发生器-WPRⅡ型
value="Untitled-18.htm" target="_blank">二氧化氯发生器型号说明
value="Untitled-9.htm" target="_blank">破氰、除铬一体化设备
value="Untitled-10.htm" target="_blank">ZT系列空气净化工作台
value="Untitled-11.htm" target="_blank">ZT系列百级层流罩
value="Untitled-12.htm" target="_blank">ZT系列高效自净器
value="Untitled-13.htm" target="_blank">ZT系列高效空气过滤器
value="Untitled-14.htm" target="_blank">FLS-系列风淋室
value="Untitled-15.htm" target="_blank">净化空调厂房
value="Untitled-16.htm" target="_blank">中效送风机组
value="Untitled-17.htm" target="_blank">各种医疗器械设备及实验室
参考文献
1.魏洪斌 《Dreamweaver MX网页设计》清华大学出版社
2.马波 《Dreamweaver MX完美网页设计与制作》中国青年出版社
3.黄梦 《Dreamweaver MX完全征服手册》中国青年出版社
4.周明涛 《Dreamweaver MX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia 《Flash MX标准案例教材》人民邮电出版社
6.刘淼 《Flash MX入门与提高》人民邮电出版社
7.李伟 《Flash MX动画制作实例教程》清华大学出版社
8.刘睿、陈志宇 《Photoshop6.0实用教程》山东科学技术出版社
论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1.网站名称：“济南中天环保设备有限公司”
2.步骤：
(1)确立主题
(2)收集资料
(5)美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
四、要求
根据公司的要求，设计一个企业站点，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思：
本网站主题为：济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页，里面加有网页动画效果“滚动字幕”及Flas，本站几个主要分网页分别为：公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思：
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面，背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，与环保网站的主旨相一致。上方为Flas与链接页，左下方是用Photoshop
处理过的图片，与主页是一致的。右边的标题是用Photoshop制作的图片，小标题采用斜体加黑，这样制作丰富了页面内容，使整个页面条理清晰。服务承诺分条目标示，一目了然。最后的“空气净化服务范围”标题，即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的，先用油漆桶工具把背景色填充为与页面相同的淡蓝色，调整文字的大小与位置，两边分别加上符号“【”、“】”和“”，使图片看起来更加美观。
经营业绩页面，背景色与Flas，链接页与主页保持一致。这一页的主要内容是用表格形式来固定的，边框设置为1，颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致，比较大方，浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面，左下方的图片与右边的标题都是用Photoshop制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。
左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“”，“「”，“”，“”，使图片放置页面中显得美观，更突出了主题内容。
FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。
所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。
七所用各技术的特点
1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点：
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。
2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。
3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。
八网页制作的优缺点
比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。
九代码
1．滚动字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>
</MARQUEE> </td>
2．链接站点
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情链接站点</option>
<option
value=>新浪网</option>
<option
value=>网易</option>
<option
value=>搜狐网</option>
<option
value=>新视听</option>
<option
value=>中华网</option>
<option
value=>雅虎</option>
<option
value=>263首都在线</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>环境保护站点</option>
<option
value=/>国家环境保护总局
<option
value=/>北京市环境保护局
<option
value=/>山东环境
<option
value=/default.aspx>济南市环境保护局
<option
value=hisun-/>青岛海晟环保技术
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>产品介绍</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>
<option
value="Untitled-15.htm"target="_blank">净化空调厂房</option>
<option
value="Untitled-16.htm"target="_blank">中效送风机组</option>
<option
value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>
</select>
参考文献
1.魏洪斌《DreamweaverMX网页设计》清华大学出版社
2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社
3.黄梦《DreamweaverMX完全征服手册》中国青年出版社
4.周明涛《DreamweaverMX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社
6.刘淼《FlashMX入门与提高》人民邮电出版社
7.李伟《FlashMX动画制作实例教程》清华大学出版社
8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社
关键词：高职高专；动态网页制作；调查
中图分类号：G712 文献标识码：A 文章编号：1672-5727（2012）03-009
《ASP动态网页制作》课程特点与难点
“ASP动态网页制作”课程是一门抽象、灵活运用要求高的课程。该课程的学习不仅要求学生掌握每个知识点，同时也要求学生能够在动态网站开发过程中灵活运用所学知识，达到理论知识学习和实践运用的高度统一。正因为该课程的抽象性和灵活性导致许多学生对于本课程的学习感觉难度大，兴趣不高、浅尝辄止，知识的学习通常浮于表面，深入不够，升华不够，没能与实践很好地结合，课程的整体教学效果不佳。
学生学习现状调查
教学是教师的“教”与学生的“学”这两个部分组成的，这两部分应该紧密结合、和谐统一才能很好地完成整个教学过程。其中，教学的主体是学生，教师教学方法的运用应该时刻围绕着学生的实际情况展开。通过笔者多年教学调查发现，高职高专的学生在学习《ASP动态网页制作》这门课程时普遍存在以下几个问题：
学习目的不明确 学生作为课程的初学者，在学习过程中，他们很难对整个课程的知识点有一个宏观的把握，他们不知道每一个知识点的学习是为了什么，每个知识点在动态网站开发过程中作用又是什么。这种情况导致学生学习目的不明确，学习多处于被动状态，积极性自然不高。
代码中单词拼写错误多导致学生的学习兴趣受到打击 相当一部分高职高专学生的英语基础不好，看到英语单词就有畏惧感，而动态网页脚本开发过程中对象的方法和属性等都是较长的英文单词，如何帮助学生快速记住这些单词也应该是教师需要考虑的一个问题。
脚本程序排错能力差 脚本程序设计过程中出现各类语法、算法错误是不可避免的，很多学生碰到错误后，手足无措，不知该如何下手去改正错误，这也极大地降低了学生学习的积极性和自信心。
低层次模仿多，网页创作灵活性不够 相当一部分学生在课堂学习中能够认真记录教学实例，但是到了实验课时，这部分学生对于课堂记录依赖性太强，只是将课堂记录的实例代码原封不动地输入，实验课堂对于他们来讲几乎变成了打字练习课，枯燥而乏味。
教学方法研究
要提高《ASP动态网页制作》课程的教学质量，教师的“教”应从所教学生的具体情况出发，结合该课程的特点，合理调整教学内容、改进教学方法、合理利用辅助教学手段等来促进教学与学习质量的提高。
案例教学法明确教学目的 案例教学是一种以问题为核心，以案例为基点设计教学过程的教学模式。通过使用案例教学能够明确教学目的，可以充分调动学生学习积极性，提高学生发现、探索、解决问题的能力。本课程中，案例教学法的展开实施分成三个阶段：首先是案例集中展示阶段。案例集中展示安排在第一次课中实施。在第一次课中通过对多个完整案例的展示分析，让学生对本课程所学的知识及如何运用所学知识有直观的了解。这也能够使学生明确学习目的、调动起学生学习的积极性。该阶段的案例选择应该选取典型性的、与学生生活学习相关的、功能完整的网站进行展示，如购物网站、信息管理网站等。在案例的展示过程中，教师应当在宏观上指出每个案例网站具备的功能模块及相关技术点，当教师讲解2至3个案例网站后，本课程的知识结构、重点就已经明了。这时，可让学生翻看教材目录，寻找各个功能模块及技术知识点所在的章节，让学生对于本课程在整体上有个正确的把握。其次是案例分析讲解阶段。本阶段教学由网站案例的整体教学展示转变为案例局部技术知识点的学习，所选择案例保持不变，任课教师可以根据教材的章节安排及教学需要，逐步地讲解各技术知识点。讲解过程中，也应当遵循学生的认知过程，先展示案例并提出问题，接着引导学生分析问题，最后完成问题的解答。案例分析讲解把枯燥乏味的灌输式教学与被动学习变成了师生间思想的碰撞，把教与学的双方带到了矛盾的焦点，课堂的学习实际上变成了解决问题的公开讨论。这样，让学生带着问题完成了知识学习的全过程，学生学习目的明确，参与度高、学习积极性强。该阶段的教学教师在操作过程中需要注意教学思路的连贯性，知识点的展开需要环环相扣。最后是案例扩展阶段。案例扩展阶段是在案例分析阶段要求学生将所学知识进一步灵活地运用和总结。也就是教师在完成基本知识点教学后，本着精益求精的态度，在原有基础上提出新要求，引导学生进一步探究、拓展提高。例如，在学生掌握网站用户注册功能后，可以引导学生从用户角度转到管理员层次，提出管理员如何进行批量用户的预注册。这样。问题的解答核心知识点没变，还是数据库的写操作，但是知识层次又进入了一个新的高度，学生的思考也进入了一个新的阶段。本阶段中，教师要充分调动学生去寻找原案例的不足之处，以新要求促进新思考，对学生提出的问题和方案进行批判性的肯定和分析，并作为课后作业要求学生予以完成，这种类型的作业灵活，能激发学生创新意识，为以后知识的灵活运用奠定了良好的基础。
重复教学法促进学生记忆 动态网页设计中涉及的脚本语言属于第四代编程语言，其表达能力强，效率高，更接近现在普遍使用的英语。脚本程序设计中涉及的对象、对象方法、对象属性、基本编程结构都是通过英文单词形式表现出来的，这也就意味着学生必须先记住这些单词才能用好它们。但是现实情况是大部分学生对英语有畏惧情绪，总认为单词难记忆，课后也提不起兴趣去看，这样导致代码中有很多拼写错误，程序调试不成功，极大打击了学生学习的积极性和自信心。在教学过程中，通过使用重复法能很好地促进学生对于单词的记忆。基本操作过程如下：课堂中教师讲解知识点时，涉及的英文单词任课教师要有意识地多次反复地读和写，同时尽量要求学生读出来。这样通过课堂集中重复多次记忆，绝大部分学生能够完成所教单词的记忆。同时，授课过程中也要注意一次性单词量不要太大，每次课控制在10个以内。这样将大量专业词汇分散开来教学，可使学生的学习效果更好。同时要注意的是，复习要及时，人的遗忘是有先快后慢的规律的。因此在第二次授课时必须复习，甚至可以采取单词默写的方法帮助学生重复进行记忆。这样再重复一次后，学生单词记忆就牢固了。
错误示范教学法促进学生找错、排错能力提高 学生在编写程序过程中犯错误是正常的也是不可避免的，但是相当一部分学生发现错误后只能求助教师帮助解决，解决后的印象不深刻，下次容易再犯。如何提高学生找错、排错能力也是本课程急需解决的问题之一。错误示范教学法的核心就是教师模仿学生去犯他们常犯的一些错误，这些错误应该具有代表性，包含的错误类型要尽量多，要能引起学生的共鸣。在授课过程和实验过程中，教师模仿学生思路去讲解包含错误的教学实例，边讲解边让学生发现一些显而易见的语法错误，最后通过演示发现程序不能运行或出现与预期结果不符的效果后，在根据报错提示引导学生发现算法上的错误。这种方法的要点在于以学生为主体，教师负责引导他们自己发现错误改正错误，让学生充分参与，逐步积累经验教训。由于问题是学生自己发现的，因此印象深刻，下次再犯的概率会大大降低。
任务驱动法在实验课堂运用促进学生灵活运用技术知识点 学生实验课堂过多模仿理论课堂的教学实例一直是实验课中矛盾的焦点，过多模仿使学生思路僵化、缺乏创新，不利于知识的灵活应用。本课程中使用任务驱动法的核心就是针对学生的不同情况，在课程学习初就为每一个学生安排一个总的实验任务，一般为一个完整的网站系统的开发设计。在这个大任务下，每位学生根据平时的授课知识点，逐步地去完成、完善自己的网站系统开发。使用这个方法后，学生会感到学有所用，学习的知识能立即解决实际问题。低层次的模仿已经无从进行，学生必须根据自己开发的网站系统的性质进行灵活运用，效果良好。
我院经过多年的实践，证明了通过上述教学方法的综合运用，学生对课程的掌握及实际动态网页制作能力有了明显提高，从学生毕业的选题、毕业设计过程及答辩情况来看，学生具备了独立的动态网页制作能力。我院学生成功完成了课题《高校学生管理系统设计》，同时该课题被定为“江苏省高等学校大学生实践创新项目”，同时学生撰写的毕业论文《局域网qq的设计实现》获得“江苏省本专科优秀论文三等奖”，教学成果显著。
参考文献：
[1]马晓娟.非计算机专业visual basic案例教学模式探讨[J].计算机教育，2009，（22）：48-50.
[2]陈帝伊，马孝义，辛全才.“计算机软件技术基础”课程教学方法探析[J].计算机教育，2009，（22）：68-69.
[3]付兴宏，罗雨滋.项目教学法在《ASP网站编程技术》课中的应用[J].广西民族师范学院学报，2010，（5）：108-110.
[4]闵兆娥，肖欣欣.ASP网络编程语言课程教学思考[J].计算机教育，2010，（22）：116-118.
[5]覃晓康，盛雪丰.高职院校“程序设计”课程教学改革探析[J].计算机教育，2009，（24）：19-21.
[6]刘巧红.高职“ASP程序设计”项目课程教学法的探索与实践[J].中国电力教育，2009，（23）：66-67.
随着多媒体技术在地理教学中的广泛应用,地理CAI课件也迅速发展起来,这给地理课堂教学带来一场革命。地理本身的学科特性,决定了它在与多媒体技术结合方面有着勿用质疑的优势。近年来,在各级多媒体课件评比中,地理CAI课件都占有较大比例,并且许多开发人员还是中学地理教师。地理CAI课件在我国虽然起步较晚,但起点高,发展快,近年来还出现了以下一些发展趋势:
一、信息容量越来越大
早期的地理CAI课件在媒体选择上一般都比较单一,仅为一些文字和图片,有人称其为“电子幻灯”。从某种意义上说,这不是真正的地理CAI课件,与传统的地理幻灯片没有本质区别。这种课件的信息容量很小。近年来,地理CAI课件所使用的媒体越来越多,如:文字、图片、动画、声音、视频等等,信息容量越来越大。多种媒体的应用,使地理CAI课件能够给学生带来大量信息,能够让学生看到许多地理课堂和生活中难以看到的地理现象和景观,可以清楚地了解那些速度很快或极慢的地理变化过程。现在很多地理CAI课件还与Internet建立链接,使教师和学生可以随意调用网络资源,极大地扩展了地理课件信息容量。地理课件信息容量的扩展使教师的教学更加生动有趣,更加直观;使学生的学习更轻松有趣,更有选择性,取得更好的教学效果。
二、网络课件迅速发展
随着校园网的建立和完善以及Internet的逐步普及,使网络教学成为可能。网络课件正是在这样一个背景下悄悄发展起来的。地理网络课件的广泛使用,将使地理多媒体教学从多媒体教室走向计算机网络教室。网络课件具有更强的交互性,学生可以通过键盘和鼠标随意获取网络相关资源,自由参加提问和讨论。学生也不再是简单的听和看,而是更多的参与,并且学生的学习将有更多的选择余地。
随着地理新教材的使用以及研究性学习的深入开展,如何调动学生的学习兴趣,如何引导学生开展研究性学习等等是摆在地理教师面前的新课题。地理CAI课件的开发也要适应这种新的要求。以往的课件多是课堂演示性课件,操作课件的主体是教师。而网络课件的操作主体将逐步转化为以学生为主,也就是学生来控制鼠标和键盘,主动的从课件中获取地理信息。网络课件往往与英特网上的相关地理资源网站建立链接,其内容涉及的范围广泛、包含的信息量庞大。学生可以根据自己的基础、兴趣、时间自由地选择信息,并可以利用网络课件开展研究性学习,撰写学科小论文,参与网络讨论交流等等。
网络课件的制作和使用对硬件设备和开发人员的素质都有较高要求,因此网络课件现在只在少数条件较好的学校试用。同时网络课件又有其显而易见的优越性,它的发展将会很快。如2002年9月底在北京举行的第六届全国多媒体教学软件大赛中,网络课件的比重比以往任何一届都大,涌现出了许多优秀的网络课件,并得到了评委和专家的肯定。
三、课件开发平台的多样化
常有教师问我,做课件用什么样的软件最好?我的回答是,无所谓最好,只要能将多种媒体组合并能实现交互就行。近年来课件开发平台呈现出明显的多样化趋势,各种多媒体制作软件各显神通,各有千秋。如:Powerpoint使用简单,并且支持视频和声音,可以通过超级链接实现交互,适合开发对动画要求不高的演示课件;Authorware是专业多媒体制作软件,应用非常广泛,它特有的流程线图设计,使课件结构一目了然,强大的交互功能更是其他软件不可比的,但用其制作的作品一般很大,只有用光盘交流;Flash是一种网页动画制作软件,但其强大的交互动画制作功能、放大不变形的矢量图格式及的作品占用磁盘空间少,使其成为地理CAI课件制作的新宠。还有许多专门的课件制作软件,如国产的“课件大师”等都是不错的课件制作软件,这里不可能一一列举。还有许多并非多媒体制作的软件,也被一些教师用来做课件,效果很好,如网页制作软件(Frontpage,Dreamweaver等),它们支持.swf、.gif等格式的动画,还支持视频,其强大的超级链接可以开发交互性强的课件,用网页制作软件开发的课件,有一个明显的优势就是占用字节少,运行速度快,非常适合网上传输。现在的地理网络课件多是采用网页制作软件开发。
论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力
平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。
实训项目设计分析
实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。
设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业CI设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。
设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“POP广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。
实训项目设计方案
项目背景随着互联网的飞速发展，网络已经成为人们生活中不可缺少的一部分，利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下，很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品，需要制作一个引人注目的精美网站展示自己。
项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作，需要学生进行市场调研，了解企业名称和受众群体，并采集各种信息，通过进行实际调查和需求分析，确定网站的市场定位，进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计，以满足人们的审美需求；在制作过程中要合理运用艺术设计的理论知识和软件技术，按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等，其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析，明确用户需求，并撰写分析报告。网站整体方案设计包括标准字、LOGO小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件Photoshop、Illustrator等。
项目能力目标为达到专业要求的职业能力培养目标，在项目执行过程中，要求学生能进行基本的市场调研，明确客户需求，撰写广告策划书；能根据策划书进行创意构思，绘制出设计草图；能进行一定的创意设计；能将艺术设计理论知识与软件技术相结合，具备项目执行能力、与人沟通能力及小组协作能力。
项目技术指导在项目执行过程中，教师承担着指导的责任，在设计项目方案时，教师要全盘考虑项目中的一些技术问题，对学生可能遇到的知识和技能问题做到心中有数，以使项目能够顺利进行。
1.网页设计流程。按照一定的设计流程策划、设计、制作网站可以减少失误，确保项目的正确进行。因此，要了解项目的制作步骤及网页的设计流程：（1）市场调研，收集资料；（2）网站策划；（3）网页详细设计；（4）网页制作；（5）验收作品。
2.市场调研。在调研之前首先要确定调查报告内容，对问题进行分析、排除、锁定。这样在与客户沟通时可避免问题模糊、范围过大。资料收集要翔实、丰富，包括该企业的介绍、楼盘信息、图片等一切相关信息。
3.网站策划。网站策划是网站设计的关键步骤，只有真正策划好了，才有可能成为让客户或用户满意的网站。在本项目中，网站策划是了解客户需求、进行信息收集与分析、对网页设计等方面的问题进行整体规划并提供解决方案、撰写“需求分析报告”的过程。在这个过程中最为重要的是需求分析，就是了解、分析、明确用户需求，利用创意草图，对网页进行合理科学的规划，即对网页定位、受众群体、网站色调、网站页面总体风格、各种页面特殊效果及其数量进行确定。
4.网页详细设计方案。在需求分析的基础上，要进一步针对内容建设、网站布局、网站结构方面设计具体的方案。需要画出网站结构图，其中包括网站栏目、结构层次、连接内容、首页中的功能按钮、内容要点、友情链接等，都要体现出来，要切题并突出重点。设计方案要充分展示房地产网页设计的特点，网站形象要庄重平和，信息量要全面、细致，具有人性化特点。网页结构应层次清晰、创意新颖、颜色搭配合理、网页页面设计符合审美要求，网页功能要融入设计方案中，网页的内容与表现形式要统一，要对内容进行合理的分析、加工，按类别分类，栏目设置要一目了然。（1）首页设计。首页设计包括创意设计、结构设计、色彩调配和布局设计。在进行首页设计时，标题要有概括性，要用标题性的文字使访问者快速了解网站所能提供的信息，可将具体内容放到子页里完成；要符合设计时的主题和风格；文字与背景要合理搭配；整个页面色彩选择要统一。（2）网页版式设计。在网页设计中，网页的版式设计以及色彩搭配是很重要的，字体的设计和图片的放置都要考虑整个页面的排版，要合理地运用空间，使网页疏密有致，井井有条，留下必要的空白，使浏览者感觉轻松，没有压抑感，但也要注意不能只追求版面效果而忽视功能方面的问题。（3）网页背景。网页背景设计不好会影响访问者对整个网站的印象，选用的背景应该与整套页面的色调相协调。不同的颜色会给人不同的视觉心理感受，要合理运用色彩，造成良好的视觉效果。使用图片做背景时，要考虑大尺寸给传输速度带来的影响。
5.网页制作。网页制作是通过应用Photoshop、Illustrator等平面设计软件的各种技术实现网页策划所要求的效果的过程。在制作时既要结合平面设计的基本知识，也要遵循网页设计独特的设计要求与原则。（1）网页图标设计。图标是具有明确指代含义的具有标识性质的图形，不仅是一种图形，更是一种标识，具有高度浓缩并快捷传达信息、便于记忆的特性，应用范围很广，例如各种交通标志、学校的校徽、商品的商标等。图标也是网页中重要的设计元素，应根据不同的应用有所区分，既可以用来标识一个栏目，也可以作为链接元素实现网页间的跳转。精美的网页设计图标往往能起到画龙点睛的作用，从而提升软件的视觉效果。网页常用的图标有“导航图标”、“按钮”、“标志”等。图标设计要简单、直观、可识别性强；要能准确表达相应的操作；按钮的设计采用图标和文字可以提高图标的可用性；为吸引用户眼球，颜色应简洁；使用矢量格式可以让图标随意放大缩小；在导航栏上或网页的某些地方使用合适的图标，不仅可以美化网站，还可以引领用户浏览网页。一般制作流程是先做出基本的外形，再进行上色修饰，最后增加一些光影使其具有立体感。（2）导航栏设计。导航栏是网页中用来装饰和展示网页的，是非常重要的组成部分，功能丰富的导航栏可以引导阅览者获取多方面的信息。导航栏的设计应遵循“导航数量适当”、“导航提示明确、清晰、醒目”等原则。（3）网页色彩设计。网页的色彩是网页最重要的部分，是给访问者登录页面时的第一印象，好的页面色彩能给人带来很强的视觉冲击力，可以使浏览者对整个网站产生深刻印象。在设计网页时如果忽视了色彩设计，网站最后的视觉效果可能与客户期望不匹配。因此，设计时需要先了解网站的定位、网页的风格，学习有关的色彩知识，在此基础上合理进行色彩搭配。在配色时应注意尽量将颜色控制在三种以内，一般而言，网页的背景色应该柔和一些、素雅一些，如配上深色的文字，会使人看起来自然、舒畅，文字的颜色在不同底色的衬托下，会给人不同的视觉效果，设计时应综合考虑多方面的因素，设计出能产生好的视觉效果、能营造整体氛围的网页。网页设计还有很多方面的知识，教师可以给学生提供一些资料，让学生通过自主学习掌握这些知识，提高学生的自学能力。
[关键词]网页布局与人机学；研究意义；研究目标；研究过程；教学实践
中图分类号：U46 文献标识码：A 文章编号：1009-914X（2016）04-0216-01
我们生活的21世纪已经进入了信息时代，近年来随着智能手机，平板电脑的不断发展发展。人机界面的设计和开发已经成为国际上计算机设计领域最为活跃的研究方向。在网站策划、网站设计和网站运营的过程中，人机交互和用户体验是经常被谈及与运用的概念。一个网站布局得不合理，首先会表现在功能和页面设计的契合度上，具体表现就是用户在网站上找不到需要的信息，或者是我想完成一个操作找不到相应的按钮。这就是在设计网站时没有从用户的角度出发所造成的。为了让学生运用网站配色与布局知识设计出人性化的网站，更好的与就业岗位对接，在本阶段的课题研究中我将“网页布局与人机学的研究与实践”作为我研究的课题。学生在设计作品时能够运用人机学的知识，提高用户体验的舒适度。
一、网页布局与人机学的研究意义
通过本课题的研究，学生能够运用色彩原理进行网页颜色的搭配并且能够运用布局技巧进行网页的布局设计。同时能从临摹网页到自主设计，让网页效果设计真正从想法逐渐变成现实。在综合项目实战中，贯穿网页配色与布局的知识，综合运用人机学的原理，达到对网页设计制作的整体把握。有助于提高中职学生网页制作的能力。
二、网页布局与人机学的研究目标
通过对网页布局与人机学的研究与实践，不断改进网页布局综合案例的教学策略，力求找到提高我校学生网页设计能力的方式方法，提高教育教学质量，有效的把课堂变为真正的工作室。在综合项目实训中设计出与就业岗位充分对接的网页作品，为学生就业打下坚实基础。
三、网页布局与人机学的研究过程
（1）准备阶段（2013年7月～2013年8月）
专题研究准备阶段的主要任务是学习与课题研究有关知识，确定专题研究目标、研究对象、研究方法和研究内容，制定研究实施计划。
（2）实施阶段（2013年9月～2014年6月）
根据市场调研结果明确专业核心能力，制定相应的计划，编写技能检测手册。
（3）总结阶段（2014年7月～2014年9月）
对本课题研究过程及资料进行收集整理，形成课题总结报告，并将专题论文、调查报告和研究个案汇编成集，撰写个人结题研究报告。
四、教学实践的成果和结论
在学校课题的研究分类中，我主要承担的是《网站配色与布局》这本教材中网页布局与人机学这部分的教学研究。在几年的网页制作课程的教学实践中，不断尝试应用多种信息化教学手段，以“学生为主体教师为主导”的教学理念贯穿整个教学过程。体现了“做中学，做中教”的职业教学理念，充分调动了学生学习的主动性和积极性，较好的培养了学生独立思考，分析与解决问题的能力，取得了很好的教学效果。在教学中旨在网页布局与人机学的教学实践中有更为突出的成果，培养中职学生的职业能力，为学生今后成为一名优秀的网页设计师打下坚实基础。2013年7月在抚顺市信息化教学设计中获得一等奖；2013年9月辽宁省“创新杯“信息技术说课大赛一等奖；2013年11月获得国家级”创新杯“信息技术说课大赛一等奖；2013年12月获得抚顺市级优秀课。2015年11月获得国家级信息技术教学设计大赛二等奖。
1.网页布局与人机学的相关概念研究
通过对此概念的研究，在教学过程中，我采用实例讲解的方式。从iPad看人机学。iPad是当今社会较为流行的电子设备，也可以称之为街机。同学们对我列举的实例会非常感兴趣，由此学生会非常渴望即将要讲解的知识。iPad是著名的苹果公司出的平板电脑。iPad在人机交互操作上做得非常细致。为什么iPad无论老人小孩都会用，其基本操作甚至很少需要别人的协助和说明书？究竟是孩子容易接受iPad？还是iPad容易让孩子接受？iPad的设计可谓“童叟无欺”，老人、孩子都可以流畅使用。人机学应该是“傻瓜式”的，去追求一种更“本能”的操作，就像吃饭穿衣一样简单。通过以上实例的讲解，学生很快理解人机学的概念，并且知道在网站配色与布局这本书中为什么给我们介绍人机学的概念。让学生充分理解了网页的易用性和美观性非常重要，这样同学们就能很认真的学习人机界面设计的原则及设计方法。在教学中有效的突出了教学重点，突破教学难点。
2.网页布局综合案例的设计风格研究
引入案例――网页布局的风格类型。本案例的主要目的是在不改变网页内容的前提下，改变网页的风格类型。这就需要用的布局的知识。在之前的学习中我们已经掌握了各种网页布局的知识与技巧。不同的网页有不同布局。这样综合起来就形成了不同的网页风格类型。那我们常见的网页风格类型有哪些？有什么特点？引入理论学习知识，教学过程很自然的过度。经过理论讲解后，进行实战案例――设计临摹典型商业型网站。
在教学过程中引入实际案例，教师通过案例讲解相关理论知识，再让学生应用所学理论知识完成实战案例，使学生能够 “学以致用”，完成本课的技能目标。这样不仅增强了讲解的直观性，降低了学生学习的难度，还可以有效的激发学生的学习兴趣，充分调动和发挥了学生学习的积极性、主动性、创造性，培养职业核心能力，实现教、学、做一体化。
3.电子商务网站个案研究
网页设计是一项系统工程，它包含了从用户调研到最终上线的全过程。我将以一个电子商务网站为例，系统地讲解整个网页的设计过程。
在项目实战案例――新蛋购物网站主页制作讲解过程中。首先了解技术要点，包括（1）确定网站整体风格。（2）网页色彩搭配。（3）网页布局技巧。其次进行案例分析：随着网络的普及，网购已经火起来，给同学们阐述 “没有人上街不代表没有人逛街”的现象。同学们在这个过程中就会纷纷议论都在哪些网站上买过东西，喜欢浏览哪些网站，为什么喜欢去浏览那些网站，引出网页设计的重要性。电子商务网站作为网购的首要利器，是用户和商家的唯一互动平台。所以界面设计的好坏，对其销售额起着重要的影响作用。在授课过程中自然引入案例，要求在设计制作过程中注意体会如何运用网页配色与布局的知识来设计出人性化的购物网站。使学生能够自主学习、独立操作和自我评测。
通过对新蛋购物网站首页的制作，更加熟练的使用之前学过的技巧。深入了解页面的合理用色和颜色之间搭配使网页更有效果；图片在画面中的合理摆放；准确划分页面结构等。对前面所学的知识融会贯通，学以致用。在设计网站的时候，要分析网站的主题内容，选择符合主题表现形式的布局，采用搭配合理的色彩表现主题的风格，加上细心的构思和新颖的创意，必然可以设计出优秀的网站。
五、存在的问题和今后的设想
学生到企业学习的机会太少，没有实际开发项目的经验。每个企业都有自己的团队，每个人都有自己指定的设计项目，这就要求都得是有经验的设计师。而我们的学恰恰就缺少这中间的锻炼过程，很少会给我们中职学生提供实践的机会。这使我们中职学生不能够很好的与企业对接。
要想解决这一问题，我觉得我们任课教师必须走入企业，先接触一些开发网站的公司，在企业参观学习。在网页制作的课堂上，拿一些企业的真正案例让学生实践，制作网页配色和布局的整个流程，这样同学们才能真正的得到锻炼。让学生深刻体会网页界面布局的人性化设计，真正的将课堂变为企业的创作工作室，使学生能快速适应工作环境，提高中职学生的就业率。
参考文献
专题学习网站的本质是一种基于网络资源的研究性学习系统，它通过在网络学习环境中，向学习者提供协作学习交流工具和大量的专题学习资源，让学习者自己选择和确定研究课题，自己收集、分析并选择资料，应用知识和工具去解决实际问题。专题学习网站不同于一般的网络课件，它主要是提供实现研究性学习的学习资源和协作研究学习环境。专题学习网站主要由专题学习内容、专题学习资源库、专题协作学习支撑平台、专题评价系统四大部分组成，四大部分从学习内容、学习策略、学习方式、学习评价等角度相互补充，相互配合，从而实现学习资源与学习过程的整合。结合前期的调查结果，确定网站的内容版块如下：
1、专题知识学习
专题知识部分提供有关创新教育和网络教学的专题资源，分为创新教育基本理论和知识、网络教学模式、网络教学策略、网络教学评价四个部分，供学习者自学。
2、专题协作学习
协作学习部分实质上是一个协作学习平台，应用协作学习平台，为本专题的学习者创造一个协作、探索、交流、互动学习的环境。学习者能够自己建立研究专题，感兴趣的学习者可以加入研究小组参加讨论，从而促进交流实现师生、生生的互动。此版块分为研究性学习、综合实践、GEMS项目活动三个专题部分。
3、专题资源库
专题资源库既有“创新教育”相关的拓展性知识资源，又有本校“创新教育与中学生能力发展实践研究”的研究成果和相关资源，满足学习者自主探索学习时用。分为创新教学课例、创新教学模块、创新教学论文、创新教学参考文献等。
4、成果展示与在线评价
教师和学生在此版块中，可以将自主学习的成果和专题研究所取得的成果在此，通过在线评价整合成为网站资源，成果便捷、接受并参与开放评价、充分交流与沟通，有利于成果的用户界定与推广。在此版块开展虚拟的答辩活动，关注学习过程的反思、活动中的感悟，及时捕捉认识上的独特性、表达上的独创性，促进形成新问题和新的研究内容。在学生答辩、总结和反思后，鼓励学生把自己的研究成果以论文、报告或专题网页的形式，由教师审定，通过网站管理人员统一分类在此版块上，既是对学生成果的肯定，又是网站的校本资源，还达到了历届学生成果的长期积累保存。
5、专家讲座
作为一个学术交流、实践学习的窗口，聘请高级专家作专题讲座是必不可少的。在此部分，我们将搜集相关专家、学者的学术报告进行有机整理、不断充实内容，使之成为一个聆听各位高级专家讲座的讲堂。
6、互动空间
此版块为教师与教师、教师与学生、学生与学生提供了交流和互动的空间。在此块中，设立了教师论坛、学生论坛、师生论坛，以论坛的形式，促进师生就某个专题进行的探讨和互动联系。
7、家校论坛
此版块为学生家长与家长之间、家长与学校教师之间提供了一个共同探讨、交流的空间，以便增进家校联系。
8、研究课题
这部分内容包括相关课题简介、参与此课题的其它学校名单及其网站链接，主要作用是提供“创新教育”相关课题及“专题学习网站建设与应用”相关课题当前的科研项目，提供参与项目的单位等信息，便于大家了解和参与课题研究。
2.4.4系统的设计
（一）网站特色的定位
1、强大的专题学习功能
网站的内容围绕特定的专题而铺设，所有的版块均围绕这一专题进行设计和开发，具有强大的专题学习和研讨功能。
2、丰富的专题学习资源
网站的资源建设以“专题”为导向，以“整合”为特征，主题明确，在资源建设时注重资源与主题的“关联度”。在对资源建设的过程中，注重与专题相关学科知识的“整合”。它以“创新教育与中学生能力发展”课题为专题，在教育专家的指导下，提供大量有关“创新教育”的基本知识、扩展知识，提供大量的实践案例和实践成果。
3、灵活、有效的协作学习工具[3]
网站提供了功能强大的协作平台和内容丰富的专题研讨区，为学习者开展协作学习、交流和探讨相关问题、展示成果提供了良好的环境和场所。应用专题协作学习平台，学习者可以自己创建专题，也可以查阅其他专题，并加入；在协作小组内，学习者可以制定研究计划、进行组内分工、共享收集到的资料、撰写小组报告、作品等等。
4、以培养学生的创新精神、实践能力，提高学生的信息素养为目标
专题学习网站不仅提供大量与专题有关的学习资料，同时强调学生自主研究的能力，通过学习者参与网站资源的建设和应用，通过研究与协作求解生活中的问题，从而让学生在体验中培养创新意识、创新能力，提高信息素养。学习目标强调创新精神与实践能力的培养，学习过程重视自主与协作。
5、师生广泛参与，注重师生、生生之间的互动
专题学习网站具有独特的开放性，其开放性体现在师生的共同参与，以及多种教育教学资源与手段的融合上。专题学习网站为师生提供了交流的平台，在网站的互动空间里，可以实现教师与教师、教师与学生、学生与学生之间的互动交流。
6、学习成果以学生具有创造性的电子作品为主
这种基于专题学习网站的学习，体现学生学习效果的重要方面就是电子作品的制作。这种电子作品既要反映学生对专题知识内容的理解和创新，还要体现学生对信息技术的掌握和应用，是学生综合能力的一种体现。
（二）网站风格的设计
风格是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括站点的标志、色彩、字体、标语、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。作为针对中学生的专题学习性的网站，其风格按照以下的几个方面进行设计：
（1）科学严谨与生动活泼并存；
（2）丰富多样的学习资源 ；
（3）良好的学习交互能力 ；
（4）直观友好的界面设计；
（三）网站系统框架的设计
根据内容版块和功能定位的设计，确定网站的系统框架构。如下图所示：
2．5专题学习网站开发的技术与工具
专题学习网站的开发分为文字稿本的写作和技术开发两个部分，文字稿本主要由经过集中培训的学科教师，根据统一规范的格式编写而成。网站开发技术工作主要计算机专业教师负责完成。网站的开发基于B/S（浏览器/服务器）模式，服务器端以Windows2000Server为运行环境。开发技术主要用了：
1.静态网页制作技术。静态网页制作技术是一种通过标记语言，按照一定的格式整合各种媒体，如图片、文字、声音等，结合服务器实现信息网络的技术。“创新教育专题学习网站”采用Dreamweaver 4.0网页制作工具制作静态网页，网站中“专题知识”、“专家讲座”、“课题研究”等版块就是应用静态网页制作技术来制作完成的。
2.动态网页技术。动态网页技术是客户端与服务器端的一种交互技术。这种技术使得用户在网页中输入信息并提交以后，可以得到网站的及时反馈信息。“创新教育专题学习网站”使用了PHP4.1.1语言编写，各应用模块均是基于MVC框架开发的。网站中的“协作学习”、“在线评价”、“互动空间”等版块就是采用动态网页技术开发的。
3.数据库技术。数据库技术主要用来支持实现协作学习平台、互动空间等动态网页部分数据的存取。“创新教育专题学习网站”采用MySQL3.23.41数据库技术来完成。
第三章 专题学习网站应用实践研究的实施过程
专题学习网站建成之后，其维护和更新是一个长期的过程，在应用的过程中建设，在建设的过程中应用。当专题学习网站已经初建成之后，我们就着力于网站应用的研究。以教学设计和专题研讨为载体实施专题学习网站的应用实践研究。
3.1以行动研究法开展的专题学习网站应用实践研究
实践研究以本校学生为主要对象，环境是基于专题学习网站的多媒体网络教室和多媒电教室。以专题学习网站应用于教学的途径、模式研究为例，此行动研究分三轮进行，具体设计如下：
一、第一轮行动研究
（一）设计方案
研究目标：探索专题学习网站应用于课堂教学的模式
教学内容：高一信息技术学科中关于计算机硬件部分的内容，课题为“DIY个人电脑” [20]。
教学设计：
[教学目标]
1、掌握计算机硬件的组成；
（知识目标）
2、运用知识解决实际问题的能力； （能力目标）
3、培养创新思维能力。
（能力目标）
[教学重点] 计算机硬件的组成
[教学难点] 将理论运用于实践，组装出适用性强、性价比高的电脑
[教学辅件] 计算机硬件组成知识讲解课件、“电脑超市”网站、DIY电脑评估系统软件、组装电脑的计划表
[设计思想] 教材中计算机硬件系统组成部分的内容，讲解的是硬件系统大的框架，与我们实际所用的计算机比较脱节，把这部分内容作为纯理论性的知识来讲解，不容易激发学生的学习兴趣，也不利用学习掌握。如何把枯燥的理论知识与实践相结合，激发学生的兴趣，培养学生把理论运用于实践的能力，培养学生创新思维的能力，从而进一步发展学生创新个性，是本课教学主要涉及的问题。
以人脑与电脑作类比，由学生推断出电脑硬件的组成，培养学生知识的迁移能力和推理的能力。
通过“电脑超市”网站的使用，激发学生自主学习的热情，培养学生运用知识解决实际问题的能力和创新思维的能力。在教学的过程中，通过学生模拟在电脑超市选购组装自己的计算机，培养学生运用知识解决实际问题的能力。在此过程中，学生由最先的计划®选购®模拟组装®测试评估®反思®重新选购®模拟组装®测试评估…直到组装成功，最后由老师和同学对个案进行评价。通过发散思维与聚合思维相结合的操作方式，使学生思维的计划性、严密性、扩展性、反思性得到培养，从而达到培养学生创新思维能力的目的。
在学生都能成功地模拟组装电脑的情况下，为了进一步扩展学生的思维，培养创新个性，布置“设计自己的智能型家用电脑方案”的课后作业。
创新教学策略的运用：
⑴以任务促进自主活动的策略：用任务激发学生自主的学习，通过自主的活动——组装自己的电脑，促进学生的发展。
⑵运用激发元认知活动的策略：通过课件“DIY电脑评估系统”对学生的模拟组装进行监测评估，促使学生进行反思，再活动再反思再活动，从而激发学生的元认知活动。
⑶运用专题学习网站与课堂教学有机结合的策略：为了激发学生自主学习的兴趣，教师把资料做成图文并茂的网页，存放在“创新教育专题学习网站”的专题协作学习版块中，学生通过浏览网页内容的形式进行自主学习，有机地把信息技术整合于课堂教学中。
（二）教学资源
在专题学习网站上提供教学需要的相关资源，包括：
1、硬件相关知识介绍
2、网上电脑超市
3、模拟组装系统
4、DIY电脑评估系统
（三）教学实践的过程
1、新课引入
提出本节课的主要任务——自己动手组装电脑，而要能较好地完成此任务，必须先学习计算机硬件组成的有关知识。
新知识的掌握
⑴对计算机系统组成的讲解。
⑵提出问题引导学生积极思考，从而得出人脑处理问题的系统组成。
问题1：请回答 “3+5-2”等于多少？
问题2：你能说说你在回答问题1的过程中，你的身体有哪些器官参与了此项活动以及它们各自的作用？
⑶由人脑的组成推断出电脑的组成。
问题三：电脑是人脑的仿生结构，想一想电脑应该由哪些部件组成，如果你要购买一台电脑，请计划一下它的结构。
3、任务的完成
（1）提出任务：DIY个人电脑
（2）计划：用途、金额、选用的部件
（3）进入网上电脑超市，选择组装电脑的具体部件。
（4）进入“DIY电脑评估系统”，进行模拟组装，并由评估系统对其正确性和价格进行评估。如果不能通过评估，重新审核计划，再进入电脑超市，修正选项，再进行模拟组装，直到通过评估。
参加教育工作以来，时刻铭记自己作为一名人民教师的使命，严格要求自己，认真钻研教育教学方法，学习新课程理念，研究课堂、研究学生。而付出终有回报，在第四轮教育教学基本功竞赛中我荣获二等奖，而且得到校领导和学习的接受，这事我非常感到欣慰的，下面是本人工作鉴定，个人工作鉴定。
在班主任工作方面，向有经验的老班主任学习，研究班主任工作方法，陆续担任**班见习班主任和**班见习班主任，两个班级都被评为校文明班级。在20**年度本人被学校评为优秀见习班主任。从20**年9月至今，本人担任电子商务专业综职班班主任，在20**学年上半学期，班级被评为“保护财产先进集体”“值周工作先进班级”在首届校运会上，班级荣获“精神文明风尚奖”通过学习本人基本上已经掌握了先进的教学手段和多媒体制作技术，能够灵活的运用flash、ppt和authorware制作教学课件以及网页制作技术。由本人制作的课件《牛顿第一运动定律》荣获校课件评比三等奖。由本人设计的网站《走进电子商务》在20**年专题页评比中荣获三等奖。
在教学之余，我也思考着教学与科研，尝试撰写教学论文。由本人撰写的论文《怎样说好一节物理课》荣获溧阳市职教论文二等奖。经过仔细修改后，论文《怎样说好一节物理课》又荣获XX年常州市职教论文一等奖，之后本人陆续撰写了师德交流论文《红专并进、为人师表》和《浅谈以问题为中心的教学创新模式》等校级交流论文。
本人积极参加各种继续教育培训，参加了信息技术与课程整合培训，被选为信息技术与课程整合骨干培训教师。
经历磨练就会拥有收获，在这个充满激情的社会，只有不断强化自己，不断装备自己，才会适应社会对自己的要求，做到一名合格的社会人才。
关键词:创新教育;Dreamweaver;网页制作;教学实践
中图分类号:G642 文献标识码:B
1引言
21世纪是知识经济时代,知识经济的核心是知识的创新。以计算机技术为核心的信息技术的飞速发展,不仅影响着人们的日常生活,也对人们的思想观念产生了强烈的冲击。现今,对计算机技术的掌握程度,已成为衡量一个人受教育程度和科学文化素质的重要指标。在这样的社会大背景下,全面推行素质教育,培养学生的创新能力已成为开展教育的重要目标。近年来,素质教育的口号已深入人心,但教学中陈旧的、急功近利的因素仍大量存在,片面强调知识的传承功能,而不重视培养学生的创新能力,这严重阻碍了创新能力的形成。针对这种教育现状,培养创新人才的任务刻不容缓。
1.1创新教育观综述
1.1.1创新教育思想的发展背景
“创新”的概念由美籍奥地利经济学家熊彼德在1912年的《经济发展理论》中首次提出。近年来,发展中国家也开始把培养创造力的创新教育作为教育的基本方向和根本目标。1996年知识经济概念的正式提出,使全世界对创新有了新的期望和要求,创新教育引起了社会的普遍关注,并得到了高度的重视和研究。未来教育的新使命是知识的创新和创新型人才的培养。知识经济、科教兴国与建立国家创新体系知识经济的兴起,表明了综合国力的竞争。而国家创新能力的基础在于人才的数量、质量、结构和整体作用的发挥,而传播知识,造就创新人才的途径是教育,因此,教育是国家创新体系的支柱和基础。现在大力推行的素质教育是以培养学生的创新精神为重点的。
1.1.2创新教育思想的主要观点
创新是知识经济时代教育的基本职能。在知识经济时代里,知识和信息的作用越来越大,人的素质、技能,特别是知识创新成为知识经济实现的先决条件,不断创新的知识就是财富,就是生产力,是经济增长的源泉和推动力量。农业时代教育的基本技能是对知识的继承和积累。工业时代教育的基本技能是对知识的普及和扩张。在现在这个时代里教育的基本技能是对知识的创新和探索。
教育是知识创新、传播和应用的主要基础。教育是培育创新精神和创新人才的重要摇篮,教育是国家创新体系的重要组成部分。国家创新体系是由知识创新和技术创新相关的机构和组织构成的网络系统。国家创新体系的主体包括企业研究开发机构、科研机构、教育和培训机构、政府部门四个方面。
培养创新精神和能力是素质教育的重要目标。创新教育把素质教育推向了一个新的台阶,创新教育是素质教育的核心、灵魂,创新素质的培养为实施素质教育、深化素质教育找到了一个好的切入点。
创新教育的关键在于培养学生的创新性学习。创新性学习就是要求能善于系统地提出问题,并把问题集中起来。它对公认的典型的解决问题方法所抱的态度是:在采用之前先加以判断,然后根据价值来决定是否采用。创新性学习是通过重建整体而不是分裂现实来促进我们思维的,因此,它是以整体性思维为主导的,反映了综合-分析的时代精神。创新教育的关键是培养学习的创新性学习。从教师方面来看,不在于教,而在于指导学生自我学习。从学生方面来看,不能依靠老师和书本,要学会创新性学习, 边学边问。通过两方面的分析,我们认识到,实施创新教育的关键就是要培养学生的创新性学习。
1.1.3创新教育的实施原则
个性化原则:要求教师把自己的角色定位在引导者上,因材施教,尊重学生的差异性和多样性,激发学生的主动性和创造性,与学生建立起平等、民主的关系,把培养学生积极进取各具特色的个性作为一项重要的教育任务来抓。
自主性原则:指在教学过程中,学生要充分发挥其主观能动性,要主动积极而不是消极被动地学习;对所学的知识要真正理解和善于运用,而不是“生吞活剥”、呆读死记。
探索性原则:指在教育教学活动中,要求教师应富有探索性,为学生创设探索情境,提出探索性问题。引导学生在教育教学活动中不断地探索,得出科学的结论;并且在此活动中让学生养成勇于探索的精神。探索性原则是培养学生创造性思维的基本方法之一。
开放性原则:指在教育教学过程中,所有的教育教学活动向广大师生开放,向现代社会开放,向国内外最新的教育理论和成功的教育经验开放。这里的开放不是目的,而是要达到使教育资源的最优化配置,从而实现我们的教育教学活动向积极的健康的方向发展。
民主性原则:指在教学活动过程中教师与学生、学生与学生之间形成的一种民主、平等的关系,在这种氛围中,更有利于教学活动的开展和教学效果的提高。民主性原则提倡民主,反对专制。教师的民主作风是建立良好师生关系的主要因素,也与创新能力的培养息息相关。教师在教育教学中发扬民主作风,不仅会得到学生的赞许,也会促进学生自觉地学习。同样,学生之间民主关系的培养,也有利于学生个性的发展和创造力的培养。
实践性原则:指教师在教学活动中要引导学生学会并运用知识于实际,学会基本技能,养成分析问题和解决问题的能力,包括手脑并用的操作能力。
启发性原则:指教师在教学工作中依据学习过程的客观规律,引导学生主动、积极、自觉地掌握知识,而不是硬牵着学生走,代替学生得出现成的结论。
1.2创新教育思想的现实意义
创新教育思想的认识意义是深化了对教育的创新职能的认识。提高了对创新素质作为重点目标的认识,树立创新教育观念。创新教育思想的实践意义是深化教育教学改革,突出创新素质的培养和教育;创造各种教育环境,引导培养学生的创新性学习;贯彻创新教育原则,探索提高学生创新素质的途径和方法。
2要点与教学实践
以这门课程为例,我们在长期的多媒体辅助教学实践中发现,这种操作实践性很强的课程,不需要教师“填鸭式”地说教,只需要将基本原理、基本操作步骤进行引导后,学生完全可以根据自己的社会背景选择不同的实例进行实践,在完成实例制作的交互过程中很自然地建构了整个知识结构。
2.1进行创新性的教学设计
创新教育观下的教学设计与传统的教学设计不同,它以学生为中心,教学过程的最终目的是完成创新学习(而非完成教学目标),强调培养学生的创新能力,重视学习环境(而非教学环境的设计),重视情境和协作学习对创新的重要作用。
在课程教学中,我们运用创新教育观的教学法,尝试进行了创新性的教学设计。如在“网页页面布局”中,进行了如下教学设计:
(1) 教学目标分析。确定当前所学知识的主题“网页页面布局”。让学生认识到网页布局对整个网页元素的组织编排的重要性,并让学生掌握实现网页布局的基本方法,最终让学生能动手完成一个简单的网页布局的设计。在创新性上,培养学生在进行自主学习的过程中勇于克服困难,体验到成功后的快乐。
(2) 情境创设和确定问题。创设与主题相关的,尽可能真实的情境。在学习制作实例时,由浅入深,在同一层次的学习者可以根据自己的实际情况自由选择,符合以学生为中心的模式,同时要求学习者首先从总体上思考解决实例中的关键问题。
(3) 自主学习设计。在情境创设和问题确定的基础上,启发学生自己思考如何来实现实例,并让学生自主思考创新设计。
(4) 协作学习环境设计。为学生合作,教学信息反馈提供一个平台。引导小组协作进而归纳、研究出网页布局的内在规律性。
(5) 效果评价。根据基本知识的掌握和实例完成情况给出一个比较适当的评价系统。
2.2教学实践难点及网页制作的关键技术
学生在学习这门课程中往往存在一种误区,认为只要掌握一些独立的功能,就算是学会Dreamweaver这个软件了,而忽视了解决实例的能力培养。我们先从网页布局作用的基本概念与实现入手,在教师的帮助下,先从总体上有个把握,再让学习者自主选择例子,根据自己刚刚学的知识,先试试独立完成,再进行评估,最后给出正确的演示过程,符合学科的教学规律。在课堂教学中,创新教育观下的创新性教育仍存在着问题:学生没有自行解决问题的积极性,教师又不可能对每一个学生采取激励措施。因此,利用现代计算机教学工具,让学生不仅可以自由选择学习内容,而且计算机程序可以提供一对一的指导,从而真正发挥出创新性教学的优势。
2.3教学设计过程及设计思想
(1) 新课的引入(教师监控)
教师以“诱思探究导学法”为指导思想,主要体现 “诱”和“导”两个环节。首先是“诱疑”使学生“生疑”;然后要“导向”,比如教师的操作:在Dreamweaver中删除页中的页面元素后出现的表格,让学生的思维沿着正确方向发展,最终达到“释疑”的目的。
(2) 新课的学习(教师监控)
根据资源网的指导学会表中表的使用,并完成表格制作。在布局的基础上插入图片及文字,完成一个如例题的简单网页制作。通过属性的设计美化网页。然后指导学生带着讲解中的问题,利用教师准备的学习资源网自主学习,探索交流,小组互助,“助教”指导,量力而行完成操作任务。在整个教学中教师要注意这样两个因素,一是在设置例题时要为所有学生充分考虑到学生的个别差异,体现分层教学的重要性。二是以探索问题来引导和维持学生学习的兴趣和动机。让学生充分利用教学资源自主学习,同时优秀学生做好“助教”的角色互帮互学,既能激发他们的学习积极性,给他们一个锻炼成长的机会,又能使更多的学生得到帮助,有利于全面提高学生动手动脑的能力,体现“因材施教”。
(3) 师生互动
寻找学生在完成任务中会遇到的第一个问题:“表格线互扰问题”并及时以该问题为切入点将学生的思维引入到本节的重点内容――表中表的使用。引导学生发现例子中的新问题:各部分表格线的差异。将本节的内容推向另一个热点。师生以“例题”为主线,学生不断地发现问题,教师及时地鼓励准确地导向,调控学生主动地探究,利用各种方法解决问题。例如教师搭建的网上学习资源,平时建立的小组协作关系等,主动想办法解决问题。
(4) 学生作品评价
评价小结是本节课的一个部分。充分利用评价方式对学生起到激励作用,一改过去的以教师为权威的做法。此时,教师把主动权交给学生,使他们更具参与意识,引发学习的主动性,学会正确地、善意地、艺术地评价他人和自己。评价方式的改革可达到引导学生客观评价自己,不能过分谦虚而失去在同学们面前表现自己才干的机会,又不能过分张扬引起同学们的反感,影响自己的形象。在互评、点评中要引导学生正确看待别人对自己的评价,学会宽以等人;学会巧妙地运用语言艺术对存在问题的同学提出批评。同时通过点评、互评各自的作品,巩固本节的知识点,达到强调重点,攻破难点的目的。
该教学设计是对教师综合运用“任务驱动―体验探究”、“分层教学”、“表扬激励”等教学方法能力及如何引导学生选择确实可行的学习方法能力的考验。让学生带着真实的任务学习,这是任务驱动的精髓,同时,通过评价的过程,潜移默化地巩固知识,提高解决问题、评判的能力。为学有余力的学生创造继续发展的广阔天空,激发他们的兴趣,培养他们的创新精神。
3结束语
大力提倡和推行创新教育是时展的需要,本文以创新教育理念为指导,首先提出实施创新教育的必要性,然后分析当前教学情况及创新教育的实施现状,由此探讨在网页设计课程中实施创新教育的途径。借鉴现有的创新教学模式,构建出“Dreamweaver”网页设计课程的创新教学模式,并应用于教学实践。通过教学实践,证明这一创新教学模式的教学效果是显著的,是该课程实施创新教育的可行途径之一。
参考文献:
[1] 赵志刚. 基于网络环境下创新教育的学习模式探讨[D]. 武汉:华中师范大学硕士学位论文,2004.
[2] 赵建华. 知识经济与创新教育[J]. 宁波教育学院学报,1999(9):1.
[3] 李绯. 计算机辅助教学中基于问题解决学习的教学模式的设计[J]. 电化教育研究,1999(3):54.
The Dreamweaver of Webpage Facture and Practice Teaching Based on the Teaching Concept of Creativity
WU Xiao-yan
(Dept. of Computer Science, Sichuan University of Arts and Science, Sichuan 635000, China)
中图分类号 U212.33 文献标识码 A 文章编号 1674-6708（2016）161-0057-02
网站建设程度与水平与平面设计、技术之间关系密切，只有不断提升设计与技术水平才能更好的满足实际需要。网站建设中强调的是相关专业人员通过设计、建模相关方式达到信息的互联网通信，并从形式上达到以图形界面的浏览为特征。为此，网站建设过程中就需要将设计与技术之间结合起来，并为用户提供良好服务。
1 网站建设相关信息
网站建设需要具备一定的功能，因此，网页制作主要可以划分为静态网页、动态网页两种。两者之间具有一定的区别，通常情况下，静态网页会对网站当中的产品效果以及相关进行说明。动态网站则会对产品的功能以及操作数据情况加以阐释。
网站建设方面，静态网页方面进行平面设计相对较简单，如果需要对网站当中增加其他的功能，则需要应用相关技术。网页更加具备一定实用性。平面设计过程中采用Adobe Dream Weaver技术可以实现数据库访问方面的自动生成，并对程序以及数据库两者之间进行有效融合，这样可以更好的提升网站建设的功能性需要，也能够在外观设计方面提供帮助。
2 网站建设平面设计中存在的不足
2.1 网站外观设计
随着电子网络的高速发展，电子商务发展趋势越来越好，较多网站设计中在外观设计上存在一定问题，主要表现为自身性质条件与外观整体设计不符合。在网站建设中不同的客户的对网站外观需求不同，所喜欢的风格也不同，设计人员要根据客户的实际需求进行网站外观设计。在调查中了解到部分网站平面设计人员为了节省时间，在外观设计上直接参考其他网站，进行抄袭或模仿设计，这种情况对电子商务网站造成较大不良影响，对其长远发展及相关产业扩展都有着制约影响
2.2 网站平面图片处理
网站平面建设过程中，图片是其主要构成要素。通过对部分典型网站建设的调查了解到，部分以宣传为主的网站，图片对实现宣传意义有着重要作用，也是其产品宣传的主要途径。但就其内部网站图片设计的实际情况来看，却不十分乐观。首先在图片的技术处理上，技术水平不够，使其清晰度不够，无法达到企业进行产品或资料的宣传目的。其次在图片处理上还存在着网站平面建设人员对图片选择与制作不佳的问题，无法满足图片设计质量，达不到企业宣传需求，这对网站发展有着不利影响。
3 网页设计技术发展
从互联网角度出发进行分析，在IT行业发展的数十年时间内，整个行业发展速度进入到全新时代。网页作为一项能够很好展现互联网信息的重要形式，其地位更加不可撼动。为此，网页设计技术发展就成为了当前最为重要的任务。
网页设计具体指的是应用标识语言，并利用相关设计以及建模方式完成对电子格式相关信息内容的传输，最终可以以图形的形式展现在用户界面当中。可以说网页设计产生的目的应当是建设网站。借助超文本标记语言以及可扩展超文本形式能够完成任何意义上的信息建设。在建设更加复杂信息内容方面，包括矢量图形以及相关文档则需要安装插件。
网页建设的早期阶段，更多受到了技术因素影响，设计均采用的是静态设计。因此，网页则呈现出展示功能较强的特征。网页交互能力不强，缺少必要的设计技术。在这个时期，表格技术成为了设计网页的重要手段。不同元素均能够通过表格进行建设。可以说，网页设计技术的专业性让非专业人员对其无法深度研究。
设计技术发展，促进了动态网页技术的形成，并逐步取代静态网页开始成为主流，其中JSP、PHP等作为全新的变成语言，对网页设计技术发展具有重要意义。其实现了设计与实现分离以及设计与内容之间的分离。
设计―实现分离强调的是并不对整体布局设计以及相关程序之间进行同步编写，而是采用了设计先行的方式，最后通过设计分析，完成整体布局。此项设计中采用的工具包括REWAMWEAVER等可视化工具。设计―内容分离设计理念的产生强调的是网页展示性以及内容的展示性，因此，内容上的增多或者减少都并不会对整个网页产生影响，至少并不会对首页产生影响。
最终，通过程序员的开发，具有开源性质的内容管理系统得以研发成功。这些CMS等进一步进行了深化，并形成了前文中的2个概念。由此可知，网页设计技术发展从本质上看就是对原本复杂深奥的工作通过一种更加先进的方式呈现出来的完整过程。
4 网站建设中的平面设计与技术结合对策
网站建设实施阶段，需要提升器视觉效果，现代IT产业发展水平进入到全新领域，平面设计能够对企业发展以及产品的附加价值提供帮助。科学技术获得长足发展使得平面设计水平也显效提升。一些新兴程序语言编程当中也开始出现JSP等技术，为此，针对平面设计与技术的结合问题就表现出重要意义。
4.1 结合客户需求的设计与技术
网站建设的过程中相关设计人员需要利用十分复杂的技术手段，为此，网站建设人员应与平面设计之间形成必要的沟通，客户需要对网站建设提出符合自身需要的意见，并应用但网页设计方面，以此满足自身需要。例如，一些客户可能需要网站建设具有较强的展示性，希望可以图文并茂，因此设计人员就需要充分考虑着想因素，让网站界面能够将图文声像等因素更好得的结合在一起。相关网站建设工作也应当将客户作为重要因素，依据用户提出的相关意见进行必要的修改，促使新型技术与平面设计之间相结合。
4.2 网站建设中加入视觉因素
现阶段网站建设更加依赖视觉感应效果，由此实现信息传达的效果也更加明显。现代互联网技术长驱发展，使得平面建设以及多媒体网页建设更加完美的融合在一起。网页设计根据其显像方式使用RGB的色彩模式，更注重的是信息结构关系的梳理，如果将色彩运用的过多过强，很容易引起视觉的疲劳感，就需要考虑的更为全面，并且在字体的选用范围上也很小，为了让输出的成品大小不对服务器造成压力，基于html的特性，所有字体都是根据用户操作系统内默认字体而定的，当然近年随着技术的沿革与发展，这个差距也逐步在缩小。通常意义上也会应用到三维平面因素，这样建立起来的网站在感观效果方面更加立体。这也是体现出网站建设中平面效果与技术结合的集中表现。除此之外，现代网站建设也开始融合大量的动态网页制作相关技术，并通过数字科学技术手段促使用户的需求得到满足。
4.3 实现平面设计与技术的有效交流
网站建设中需要客户与设计与人以及技术人员进行有效交流，对平面设计以及技术之间进行结合，才能够最终为用户提供更好的服务。平面设计方面不同设计人员之间也需要有效沟通，网站设计中的用户也应当被放在首要地位，只有这样才可以设计出优秀的网站建设。
5 结论
综上所述，网站建设对于我国来说仍然属于新兴技术产业，当然，其在我国国民经济发展中所占据的地位也同样重要。网站建设需要充分发挥平面设计的功能，为此，相关设计人员就需要能够充分利用现代化的科学技术手段，并最终实现网站建设方面的安全稳定发展。
参考文献
[1]苗菊，刘明.多语种网站建设与翻译――语言服务行业主体业务透析[J].中国翻译，2013（1）：85-88.
[2]袁鑫.MOODLE平台下高职电子商务专业课程教学资源库的建设与应用――以《商务网站平面美工》课程为例[J].职业时空，2015（7）：44-47，51.
[3]乌蓓华，王艺.网站群系统在高校网站建设中的应用研究[C]//IEEE武汉分会、武汉大学、重庆邮电大学、兰州大学、电子科技大学、山东大学、中南民族大学、福州大学、工程信息研究院.2012年互联网技术与应用国际学术会议论文集，IEEE武汉分会、武汉大学、重庆邮电大学、兰州大学、电子科技大学、山东大学、中南民族大学、福州大学、工程信息研究院，2012：4.
[4]冯占江.下一站：用户体验――档案网站建设新思考[C]//档案管理与利用――方法技术实践[C]，2013：6.
[5]董燕.Web挖掘对电子商务网站建设的影响[C]//华中科技大学管理学院.第11届海峡两岸信息管理发展策略研讨会论文集.华中科技大学管理学院，2005（3）：123-124
