MG体育网站设计制作论文精选(九篇)

发布时间：2024-02-17 丨 浏览次数：

　　MG体育色彩在网站页面设计中的应用探讨 视觉传达设计在网站设计中的应用 Flas设计在网站中的应用 Ajax技术在网站设计中的应用 信息图形设计在网站界面中的应用探究 浅析flash在网站设计中的应用 数据库技术在网站设计中的应用 动态Cache技术在网站性能设计中的应用 FLASH在网站中的应用分析 FTP在网站管理中的应用 FLASH动画在网站制作中应用的研究探讨 浅析多媒体技术在网站艺术设计中的应用 浅论项目教学法在网站设计教学中的应用 浅谈Flas在网站设计与制作中的应用 数据库设计在网站管理系统中的应用 探析网页标准化设计在网站建设中的研究与应用 试论数据库设计在网站开发中的应用 在网站设计中关于WEB安全字体的应用研究 SEO在网站设计中的优化策略分析 浅谈用户体验在网站设计中的体现 常见问题解答 当前所在位置：l或者index.asp或者index.jsp等格式。双击index文件以后即可进入网站首页编辑页面，通过文件上面的“标题”输入框可以输入首页标题“购物商城”。

　　在使用Dreamweaver8进行页面布局设计时，通常使用表格来定位页面中的各类元素，常用的页面布局形式见下图，它主要包括顶部的 Logo区、Banner区、上面的导航菜单区、中间的页面内容区、底部的版权区、左边的栏目区等几个部分组成。

　　（2）插入视频文件比如AVI、wma、rmv、brm、flash、mp4、mid、3GP等。Dreamweaver8中的视频文件插入方法：将光标定位到页面中需要插入视频文件的地方，点击主菜单“插入媒体插件”菜单命令。

　　（3）嵌入声音文件比如wav、aif、mp3等，插入方法和插入视频的方法类似。

　　在Dreamweaver 8工具中，可以加入超链接，比如“文字链接”、“图像链接”、“图像地图链接”、“内部链接“、”外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”、“跳转菜单”等。

　　在使用Dreamweaver 8设计网站的工作完成以后，可以点击菜单“站点管理站点”菜单项，在站点管理器页面中，继续单击“编辑”按钮，选择“远程信息”，如图所示。在对话框中依次输人FTP主机名、主机目录、登录用户名、密码，点击测试；然后再面板工具栏的上传文件按钮 ，成功上传后即可访问。

　　在常规的网站建设过程中，Dreamweaver是现有常用、首选的设计工具，但是网站设计是一门系统学科，仅仅依赖Dreamweaver是无法全面了解网站建设的精华；但是Dreamweaver对于网站建设、网页设计来说的确是一种入门的工具，可以满足简单网站设计的需要，这对于网络技术传播和发展具有积极的意义。

　　[1]郑军.任务驱动教学法在网页设计与制作课程教学中的应用[J].无线]单永杰.项目教学法在网页制作课程教学中的应用[J].辽宁师专学报（自然科学版），2013（01）.

　　[3]朱彩华.《网页设计与制作》课程教学方法的研究与探讨[J].无线]杨国山，李君.Dreamweaver的几点使用技巧[J].科协论坛（下半月），2009（07）.

　　《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。

　　网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。

　　对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。

　　综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。

　　2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。

　　2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。

　　3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。

　　3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用

　　4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用

　　3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。

　　单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。

　　4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说MG体育，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。

　　4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。

　　4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。

　　4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。

　　4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。

　　以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。

　　本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。

　　[1]樊霆.刍议高职计算机教育存在的问题及对策[J].计算机光盘软件与应用，2013（21）：231.

　　[2]赵培琨，赵娟娟.Web标准化在高等职业教育中网页制作课程的地位和作用[J].大众文艺（理论），2008（05）：112-113.

　　[3]温荷.对高职高专学生特点的初步探索[J].中国教育导刊，2007（04）：35.

　　[4]戴士弘，毕蓉.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007：103-104.

　　作者简介：王圆（1980.9-），女，吉林农安人，讲师，硕士研究生，研究方向：信息处理。

　　【关键词】精品课程；网站；项目开发现国家正加强中职学校精品课程建设，精品课程建设工程的目标是实现全国优质教学资源的共享，要求精品课程的相关内容全部通过网站的方式对外开放。因此，精品课程网站建设是精品课程建设中的一个重要环节。

　　目前很多资料或论文在涉及精品课程网站制作时，都以站在网站的技术开发角度进行论述，这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台，还要把课程的资源放到平台上，涉及到平台的建设、各个资源内容制作和整合等工作，更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成，是需要一个团队多个人分工合作完成。

　　网站项目经理负责与用户进行沟通，了解用户开发网站的思想、用途和要求。并创建和维护项目的规划和战略文件，预算表，项目进度和甘特图表，会议记录，费用记录和团队其他详细工作的项目文档。并协调、沟通网站各项目小组的日常工作。

　　（FLASH，JavaScript，Ajax）3.媒体专家（摄影，插图，视频，音效）。艺术总监的主要职责是设计网站的整体外观和感觉。把网站排版、用户界面设计、颜色标准、页面布局细节、图片要求、摄影、插画、网站的视听媒体等元素汇聚并形成一个整体。

　　职责：1.网页程序设计师（Java，PHP/Perl，Ruby）2.网页工程师（XHTML，CSS，JavaScript，Ajax）3.数据库管理员4.网站管理员网站技术主管必须掌握有网站的环境、开发语言和开发站点框架、选择网络数据库等广泛的网络技术。他应该在技术人员、创意人员和项目团队各主管中充当一个桥梁或者翻译工作

　　在设计早期阶段，网站制作主管主要负责把原始的网站模型、界面和蓝图转化成HTML页面。一旦网站规划及设计完成并且信息架构也规划好之后，网站制作主管的主要工作就是制作站点页面，当然他可以直接用html编写，或者使用网站内容管理系统（CMS），也可以用一些站点开发软件，例如Adobe Dreamweaver。

　　网站信息架构师主要负责网站的结构和内容进行组织和分类。在整个项目的设计和规划早期阶段，信息架构师是最活跃的。他要制定整个网站的内容结构，网站的框架结构，向客户和网站开发团队介绍网站的整体规划。信息架构师也要与网站设计师紧密合作，制作用于显示网站各个页面的名称、导航和页面内容的网站蓝图。

　　1.文字撰稿人2.站点内容专家（内容协调，制作）。网站编辑负责整个网站的文字内容和编辑质量。他或她创建的网站编辑的基调，确定文字风格，并与客户和相关内容的专家收集、整理。以上就是网站开发时所需要的六个基本角色及其职责，每个角色都有负责的方面。当然其中有可能一个人员充当几个角色，也有可能一个角色里面要几个人员组成。

　　从图1-1我们可以把网站作为一个完整的项目，可以分为“规划”和“站点制作”两个主要阶段。

　　这个阶段里要进行的工作就是用户调查与网站规划。网站项目经理要与用户进行接触，全面了解用户的需求，包括网站的用途和要实现的功能。用户也在这个阶段明确要网站能实现的功能模块和需要提供的材料。充分了解用户需求后，艺术总监和网站信息架构师就要基于用户的要求、网站的用途和网站访问者等各方面的考虑，使用PhotoShop或其它工具绘制出网站首页、二级页面的图形界面。与用户确定好界面、功能与内容，就开始分两条线、技术路线：网站技术主管根据界面并与信息架构师一起进行技术规划，制作好网站使用的开发语言、技术、数据结构和数据库等。2、内容路线：网站编辑要开始规划网站编辑的基调；内容在网页上的表现形式（文本、图片、视频、动画）；确定文字风格和网页显示的字体的大小与字形；

　　站点制作阶段是实际开发周期，各项目小组根据前面制定好的规划进行制作。网站信息架构师在各部门之间进行项目规则解释、协调和统筹。1、程序开发：网站制作小组根据界面规划把图形界面转换成网页格式；依据技术规划，制作网站的各页面。从图中的甘特表显示，程序开发和网站合成占整个项目的最大时间比例。2、内容整理：网站编辑要与客户和相关内容的专家收集、整理放到网站平台的资源。网站资源如涉及到图片、动画和视频等，网站编辑要与媒体专家合作共同制作。当平台主要架构搭建成形，后台数据库建立完毕，网站编辑就可以把网内容上传到网站平台内，把网站合成。

　　在网页设计课程的教学过程中，学生在课程学习中用到另一类课程知识时往往不能得心应手，教学效果不理想。为此，通过重新调整教学安排，增加艺术设计基础知识，转变教学模式，激发学生的学习兴趣，提高教师素质，将艺术设计课程与网页设计课程进行整合，以提高整体教学质量。关键词：

　　随着互联网技术的迅速发展，网页设计、网站开发等职业应运而生。伴随着网站设计与开发技术的发展，相应的工作流程也在不断变化和完善。网页设计与开发已经成为一项综合性、技术性都很强的专业工作，要求学生对网络基础知识、网页制作及编辑技术、平面设计以及动画设计制作等相关内容都要有一定的基础，是技术与艺术的结合。信息时代的网页应具有良好的界面设计与视觉效果。因此，学生在网页设计的课程学习中，适当增加平面设计类的相关知识和技能，才能满足职业岗位需求，顺应时代的发展。

　　通常，网站开发有以下几个流程：需求分析，包括项目立项和客户的需求说明书；系统设计，包括网站总体设计和网站详细设计；素材的收集和整理；网页版式设计；网站制作；申请域名和申请空间；网站测试和网站；网站维护和网站推广。网页设计课程的教材种类比较多，但内容集中在介绍网页制作工具软件的学习上，比如：Dreamweaver、FrontPage等网页制作工具软件。对网页中的基本布局方法、图片处理，页面配色，文字排版等方面的知识较少。同时，学生对待本课程的学习在认识上也有偏差，希望一开始就能学会制作网页。

　　经过几年的教学实践，网页设计课程的教学内容应增加艺术设计的一些基本理论与知识,以及艺术设计类软件的学习。理论知识具体包括：网页版式和色彩理论。艺术设计类软件主要包括两大类：图形图像处理类软件，常用的有Photoshop、Fireworks、Coreldraw等；二维动画设计类软件，如Flash等，在教学安排中，可以考虑只讲授Photoshop、Flash。教学内容按模块进行设计，对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，从实际需要出发，需要哪些内容就重点讲解哪些内容，而不是大而全地讲授所有相关理论知识。在教学设计中采用项目教学法方式进行授课，通过在项目和任务中将艺术设计与网页设计有效地结合在一起，融会贯通，学以致用，达到最佳的教学效果。

　　网页版面是指在浏览器上看到的一个完整页面，不同种类、不同版本的浏览器浏览同一个网页，效果有可能不同。因此，应定好网页版式尺寸。网页版式的构成要素主要有：网页标志、网页标题、导航条、图片、多媒体、色彩、文字等。如何将各种网页元素进行合理组织在有限的版面中，达到设计出赏心悦目的网页作品，非常重要。一个优秀的网页，是从网页版式设计开始的。采取何种版式结构布局页面并不是一件随意的事，首先要明确建立网站的目的，网站要表现的主题，网站所面对的受众的特点，客户的需求等等，通过前期的了解调查和分析，才能确定网页版式结构，将网页主题内容与设计者的设计思想结合在一起，找到一个较完美的表现方式，才能真正突出网站别具风格的特点。

　　网页设计离不开色彩。网页中的基本元素比如背景、文字、Logo、导航、图片等应该采用什么样的标准色彩，如何将色彩组织搭配才能更好地表达出网站的设计思想，体现网站主题与风格，是网页设计者所关注的问题。色彩的基本理论，色彩的心理感觉，色彩的冷暖，色彩的软硬，色彩的进退，色彩的大小等等都知识都必须涉及到。比如在网页中通过填充不同的色彩背景来区分网页中的不同区域；通过色彩的明暗及面积大小的不同，让浏览者浏览页面时主次分明，条理清晰。在教学中，让学生学习了解网页配色原理：色彩的适合性、鲜明性和独特性，掌握网页配色技巧：比如使用一种色彩配色，使用邻近色配色，使用对比色配色和非彩色搭配（黑白搭配）。通过欣赏与总结不同主题网站的版式设计及配色,掌握网页风格确定方法，熟悉网站色彩搭配技巧。

　　网页中离不开图片处理。Photoshoop是一个功能强大的图像处理软件。了解常用图像文件类型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同类型文件的特征，在网页设计中灵活运用。在学习Photoshoop软件中重点教授网页Logo标志的制作、导航栏、按钮的制作、网页素材图片的处理、网页页面的规划与制作、图片切割导出成网页格式。

　　在网页的制作上，Flash发挥了重要的作用。通过动态的显示文字和图片，丰富了页面。Flash软件中重点学习掌握广告条动画的制作，联系地图动画的制作，公告栏动画的制作，商品宣传广告动画的制作，这些都是网页页面中经常使用的表现形式。对于以上增加的艺术设计类理论和软件类的教学内容并不是孤立地放在某一个教学期间。教师在进行教学设计中，通过项目和任务作为载体，掌握够用的原则，以项目带动学习，进行实践操作。

　　无论是网页设计软件还是艺术设计类软件，此类课程的应用性和实践性非常强，它强调学生的操作能力。因此在教学中，教师应以学生为主体充分发挥学生的主观能动性，教师主导任务的实施，激发学生的参与热情，在“做”的过程中融入“学”和“教”。目前我们学院的教学环境得到了改善，网页设计课程的教学场所都安排在实训机房，教师可以采取边授课边操作的方式，学生同步操作，非常直观。学生既可以模仿，也可以思考多做一些调试和修改，在遇到问题时，可以立即咨询教师，得到及时解决，以加深对知识点的掌握程度，从而提高了教学效果。这种教学方式改变了理论课和实训课相互独立的局面，将课程的“教、学、做”融于一体，学生在完成具体项目任务的过程中学习新的知识和技能，具有成就感，充分发挥学生的学习主动性和积极性，提高了学生处理和解决实际问题的能力。同时，教师要精心设计教学内容，挑选典型项目案例。例如，从制作网页标志开始、导航条制作、网页素材处理、网页页面规划与制作、图片切割、广告条动画制作，到网页站点规划、网页布局与实现、网页美化、网页交互制作，让学生对网页制作的流程和各软件的结合使用有一个完整的了解，从而提高学生的学习兴趣，保持持久的学习动力。

　　网页设计课程的教学通常是由计算机相关专业的教师授课，这些教师对艺术设计的基本理论知识比较缺乏。因此对于授课教师来说，不仅要熟练掌握网页设计与制作的专业技术，对艺术设计以及网页美工的理论基础也要有一定的学习和研究，具有较好的审美素养，努力丰富和拓展平面设计方面的经验，提高网页设计综合能力，在教学活动中引导学生能灵活掌握、应用这些艺术设计类软件，运用一些平面设计中的美的基本形式到网页中去，制作出赏心悦目的网页页面。

　　通过网页设计与艺术设计这两类课程的整合，采用“教、学、做”一体化的课程教学模式，学生在项目及任务中学习美工的基础理论知识，掌握网页设计技术，将两类课程的知识融会贯通，灵活运用。同时，加强技能培训，学会举一反三，增强学生探究和创新意识，提升学生自主学习能力，学习科学探究的方法，发展综合运用知识的能力，增进学校与社会的密切联系，培养学生的职业素养。

　　[1]赵爱涛,刘迎春,张明虎.艺术设计软件课程与网页设计课程的整合[J].石家庄职业技术学院学报,2010(8).

　　关键词： 《现代公司制度》课程 教学互动网站 网站设计 网站建设利用网站对课堂教学进行补充，强化教学效果，近年来已成为高校教学的一种趋势。而在教学网站中增强互动功能，无疑将更大地激发学生的学习热情，更好地巩固教学效果。

　　《现代公司制度》课程，是诸多财经类大学工商管理专业的专业必修课。本文旨在研究如何围绕该课程的标准与教学目标，结合学生的学习情况对相应的教学互动网站进行设计与实施的过程加以总结与改善。

　　本网站的建设非常有必要，主要是因为前期问卷调查显示它能起到提高学生的学习兴趣，有助于学生学习消化课程内容，开阔学生视野，搭建师生互动交流平台，节约课堂教学时间等重要作用。

　　在进行网站的内容设计之前，笔者首先针对目前互联网上的众多教学互动网站做了调查研究。根据受众与目的的不同，将教学互动网站分为面向公众免费类、学校教学网站类与盈利性远程教育网站类。针对各类网站的受众群体、网站内容与主要特点的不同，遂决定建立一个面向本课程相关师生的，以教学为核心内容的，依托我校网络与教学资源的网站，并将网站的全称命名为新疆财经大学《现代公司制度》教学互动网站。

　　在设计内容前笔者进行了《关于现代公司制度互动教学网站设计合理性的问卷》调查，主旨是了解学生的喜好与需求，结合课题组成员的教学经验与前期的调研成果进行网站功能与内容的详细设计。调查对象选取了正学习或已学过《现代公司制度》的在校生。问卷发放202份，回收202份，回收率100%，无效问卷5份。本次调查的结果对网站的功能与形式设计产生了重要影响，具体内容在“网站功能设计”部分详述。

　　（1）学生认为最必要的五种网站功能依次为案例背景、课程安排、练习题、课程概要与通知，对此题目学生的选取比例依次为71.5%、62.5%、62.5%、62%和58%。

　　（2）学生认为最必要的教学资源共享模块内容依次包括考试大纲、习题库、案例和教学大纲，选取比例分别为72%、72%、64.5%MG体育、64%与58.5%。

　　（3）在网站中加入相关创业教育知识内容将受到学生的欢迎。在问卷中对“网站中加入与大学生创业相关内容对你有帮助么”一题回答“有帮助”的学生比例为90.5%。

　　2.根据调查分析结果，课题组依据需实现的功能划分了网站结构，并确定了每个模块中的类别与内容，进行了网站的整体规划并形成了功能设计文档。在该文档中课题组将本网站的功能设计为以下模块。

　　（1）日常教学运转模块，提供本课程日常教学运转相关的较全面信息，方便学生查询，主要包括校历、选课情况、课表、课程介绍、师资队伍、教学进度、预习提醒、待查资料、案例背景、作业布置、提交与批改、考勤状况、作业成绩、综合练习、通知公告等。

　　（2）教学资源共享模块，主要包括教学日历、大纲、考试大纲、教案、讲义、课件、案例、习题、参考书目、推荐书籍、法律法规等。

　　（3）互动空间模块，此模块设计有师生互动论坛、读书讨论、新闻事件分享讨论、科研交流、教学效果评价、教学方法沟通探讨等。

　　（4）习题测验模块，能为学生提供针对每一章重点教学内容的自我考评与测试题目。

　　（5）资源链接模块，学生可以通过该模块的链接，跳转到其他网址进行浏览学习。

　　（6）助力创业模块MG体育，主要内容是《现代公司制度》与《创业管理》课程的交集部分，主要包括对大学生创业有直接帮助的课程内容等。

　　在功能设计基础上，课题组继而进行了网站的版式设计。在问卷调查中，对“网站的色彩、图片、布局等对你的观感影响大么”，46.2%的同学答“影响较大”，43.1%的学生答“影响不大MG体育，只要内容丰富”。该结果显示网站的版式与内容设计对提高学生浏览网站的兴趣同等重要。于是课题组在网页设计方面花了许多心思，设计出了风格统一、简约明快的网站。网站以蓝色为主色，既能完整地实现功能，又不失美观大方，力求网站形式与内容紧密结合，充分吸引学生注意力。

　　完成网站设计工作后，课题组根据生成的设计文档进行了网站建设工作。该阶段工作主要包括资料的收集、整理、网页制作、网站集成、上传测试与维护等。

　　课题组将建站文档的准备工作进行了详细分工，撰写新资源，收集已有资源，建立了较为完整的资料库。根据功能设计，网站所需资料分两部分：教学资料与网站设计资源。其中教学资料包括教学日历、教学大纲、教案、讲义、课件、案例、习题库、参考书目、推荐专业书籍、时事案例、法律法规、教学参考网站、论坛的链接地址等。网站设计资源包括网站模版、图片、动画等。

　　【关键词】 工作过程系统化；《网页设计与制作》；课程开发【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01

　　基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。

　　《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。

　　网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。

　　根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：

　　其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。

　　[1]姜大源，职业教育学研究新论[M]，北京：教育科学出版社，2007。

　　关键词网页设计与制作网站网页中图分类号：G712文献标识码：A1 技术与艺术的争论

　　“网页设计与制作”从课程的名字看，我们要对网页设计与制作进行反思，它到底是艺术问题还是技术问题？

　　互联网已经与当今的我们息息相关，网页的设计与制作过程一直伴随着技术和艺术的争论。为此，我们有必要在开课前就让我们的学生明确：在网页设计与制作过程中，到底是技术重要还是艺术重要？还是两者都重要？

　　在教学过程中，我们要不断地提醒学生反思以下几个问题：（1） 网页设计与制作是为谁做的？（2） 谁会来看你的网站？（3） 网页设计仅仅是能看就行吗？（4） 如何考虑受众更多地和更有效率地接受网页上的信息？（5） 网页设计与网页制作有区别吗?（6） 技术和艺术如何更好地服务于网站？

　　作为课程的教学者和学习者，需要大家都可以作为一个技术和艺术的全能者，虽然我们每个人在各个方面都有所侧重，但只有很好地在设计与制作过程中，多些反思技术与艺术的问题，才能避免我们偏离网页设计与制作的初衷。

　　在教学过程中，教师要不断地提醒学生反思这个部分的技术在他的网站作品中是否用到？千万别因为让学生为了炫耀技术而采用多种风格的动画，添加少美感或与主题完全不相关的东西。别因为大量的技术使用加重了浏览器的负担，浏览器受带宽的限制，要学会为浏览器减负。

　　教师在讲课中也许会混用网站和网页，但是在设计与制作过程中，教师必须让学生对这两者有所共识：网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。网站也叫做站点，是提供各种服务和信息的基地。

　　学生可以深入区分开两者的异同之后，需要养成先建立站点，之后再在此基础上创建网站所需的相关文档的习惯。

　　网站的定位，对于网站的设计与制作有很大的影响，如何权衡网站的实用性和艺术性？也许我们要考量的有很多。网站的实用性和功能性固然重要，但不要忘记提升它的艺术高度。如何避免用教条的、形式化的方式设计网页，作品给人一种像是一个模子印出来的感觉。教师在教授学生模板使用的同时，也要提醒我们的学生，别因为使用了免费模板而自鸣得意，那些真正好的网页设计绝不是在免费模板的制作上而停步不前，一定是那些懂得如何发挥自身的创意思考，来积极创作属于自己风格，又能很好地宣传自己的网站的人才是线 系统性与适应性的融合

　　高职教学强调项目化教学模式和基于工作过程的教学法，如何让学生在把握基于工作流程的任务化项目式教学中，可以更加全面地适应当今不断变化的技术？从知识的整体性来看，也就是如何保证在工作过程中，他们学习到的知识内容的完整性、适应性和迁移性？

　　针对对高职学生技术技能型目标的定位，我们更多地需要不断为项目中加入挑战与扩展训练的模块来提高学生知识的完善性，弥补我们在项目化教学过程中的那些知识的缺陷，可能带给学生在今后工作发展中的盲目和无助感，也更好地拓展学生的独立思考和发散性思维能力。

　　在网站的信息结构方面，国外有信息结构专家，网站由信息结构设计师与网站创意设计师共同探讨、协作完成。国内网站策划由专业的市场行销、策划人员来做。面对刚刚学习此门课程的学生，这种网站的总体设计是需要他们学完本门课程之后才能具备，但怎么能在此时就让他们具备此方面的总体设计能力，需要学生搜集和分析与自己设计的网站相同类型的网站的相关导航和网站的栏目来获得，也在此基础上来揭开网站的总体设计环节，当然，也需要培养学生不断地适应修改完善现有的网站，不断明细网站的定位。

　　每一个网站的开发必然经过一定的工作过程，才能完成整个站点的，从网站需求分析、总体设计、模板设计、首页设计、子页面设计、测试到设计总结，在我们的教学中如何以一个完整的项目为依托，而又同时指导学生完成自我开发的个性化的网站任务，是网页设计与制作课程需要解决的问题。

　　在教学过程中，学生也需要走从欣赏、模仿到创作的过程。教师需要通过案例教学，将一个个美观大方的网页呈献给学生，带领他们分析网页中的相关内容而开始每次课程的学生，让学生不断地发现其中的奥妙。引导学生学会模仿网页的整体布局，网页的LOGO设计，通过大量的模仿练习不断提炼，最终确定适合自己设计的网站的相关内容设计。

　　很多人对网页设计师这个职业的质疑：他们仅仅是比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画？仅仅如此吗？在国内的网页设计师，更多兼任着设计与制作两个方面的任务，尤其是对于中小型企业来说，更是如此。为了能够更好地在教学中通过项目、案例等内容来培养学生的职业能力，适应大中型与小型企业的需求。也不得不要求我们在全能中培养专才，在专才中注入全能的思想。从开始的网站策划阶段，培养学生的资料搜集能力，整理归纳能力。在网页设计布局阶段，不断地发挥学生的创新能力，自我发展与感悟能力。在网站的测试阶段，教师引导学生再次审视自己最初的规划目标是否真的实现了？达到最终的分析总结反思能力。

　　高职《网页设计与制作》教学中，只有教师从多角度对课程内容和教学方法的思考，才能更好地引导学生的学习过程，也才能更有利于对于学生问题思考能力、职业技术和职业技能的培养与提升。

　　本文主要探讨网页设计与网站管理课程教学的现状以及在教学过程中存在的问题，结合部队院校的特点，提出更合理的教学方法建议，寻求一条新的教学思路和教学方法，以便培养出越来越多部队所需要的网页设计与网站管理人才。

　　1.1部队院校网页设计与网站管理课程的教师水平参差不齐现阶段，部队院校正处于教学改革的重要时期，但是在教学过程中一些院校的教师的教学思想仍然比较守旧，网页设计与网站管理的专业知识和设计思想没有及时更新，在教学过程中没有很好的结合现代化教学方式方法。此外，在教学过程中不能很好与网络信息技术进行整合，特别是不能及时的把军事科技的新知识、新经验融合到网页设计与网站管理教学中。教员滞后的专业知识严重影响了网页设计与网站管理学员的学习热情和学习效果。教学内容不能很好衔接，网页设计与网站管理需要的预备知识比较多，面向对象编程能力、数据库知识、美学修养等都是必须的，而学生在选课时，部分学生没有这方面的预备知识，因而学习起来比较吃力MG体育，积极性受到打击。

　　1.2部队院校网页设计与网站管理课程的教学方法陈旧由于部队院校的教育的发展略慢于地方院校，一些院校网页设计与网站管理的老师不能灵活应用现代教学工具，及时更新授课方式方法。因此在网页设计与网站管理课程教学时，仍然以老师教授为主，更多时候只是照本宣科，缺乏与学员间的互动，教学方法单一陈旧。而使得课堂缺乏生气与活力，从而使得学员们对网页设计的学习非常被动，严重影响了教学质量。（1）多媒体教学方式未发挥应有作用一些部队院校的教师无法发挥多媒体在教学过程中起到的重要作用，在课堂教学中教师将教学内容简单的以教学课件的形式进行展示，不能够根据部队院校学生的需求和网页设计与网站管理专业特点的角度进行课件设计。从而不能很好的提高教学的灵活性和生动性，提升课堂教学效果。（2）理论与实践结合不紧密大多数部队院校教师仍然采用传统的教育模式，教师只针对教学大纲进行授课，注重理论知识内容的讲授，忽略课堂实践环节，对于操作性极强的网页设计与网站管理课程，按照原来的教学模式授课，大大降低了学员的学习兴趣很差难以保证教学效果。虽然在教学过程中也有实践课程，但仅仅是对知识点的简单上机操作练习，没有采用项目教学、案例教学等新式教学方式进行教学，实践教学环节作用不突出，没有达到实践教学的效果。（3）教学内容衔接性差网页设计与网站管理需要的预备知识比较多，面向对象编程能力、数据库知识、图片处理能力、动画制作能力等都是必须学习的，而学生在选课时，部分学生没有这方面的预备知识，因而学习起来比较吃力，积极性受到打击。（4）教学内容和考试方式单一目前在很多部队院校网页设计与网站管理课程的理论考核部分仍然占据较大比例。整个教学过程以教师为中心，学员被动学习，最后只会做老师教的，不能达到举一反三、灵活掌握，导致学员缺乏创新能力和自学能力。在考试方式上，老师为了更好地完成教学任务，主要精力仍然放在学生们的理论知识和试题上。课后作业大部分以理论试题为主，结课考试学员们的成绩达到了院校要求。学员自身学习兴趣、分析问题和解决问题能力都受到挫伤。最终不能实现该课程的教学目标，不能适应部队对网页设计与网站管理需要的人才要求。

　　网页设计与网站管理课程教学特点：知识点多、内容分散、学生学习主动性差。因此，建议采用项目教学法、案例教学法相结合，来调动学生学习的积极性，突出理论与实践结合的重要性。

　　2.1项目教学法项目教学法是指在教师的指导下以学员为中心的教学方式。教师在学员学习过程中不仅传授学生理论知识，实践操作技能，还要帮助和提高学员解决实际问题的能力，在整个教学实施过程中注重学习的全过程而不是学习结果。尤其是对于部队院校的学员来说让他们掌握整个项目开发的全过程要比设计出一个简单的网页作品更重要。采用项目教学使学员的学习更有针对性和实用性，提高了学员的实践能力、分析解决实际问题的能力和团结协作的能力。与传统的教学模式相比，该模式是从教学目标出发。作为教师，既要讲解网页设计与网站管理相关理论基础知识，还要负责对每个项目组进行指导，检查督促项目进度；作为学员不光要掌握网页设计与网站开发的整个流程和相关专业知识，还要对所做网站的相关内容进行学习。这种教学方法促使学员从被动学习转为主动学习，大大提高了学员的学习积极性。

　　2.2案例教学法案例教学法从总体上讲是一种归纳模式，课堂案例是来自身边的真实情境或事件，透过此种方式能够有助于培养和提高学员学习的主动性和积极性。案例教学法涉及的层面很广，包括案例选择、案例编制、案例分析和案例评价，每一个层面的好坏都直接决定了案例教学的成败。网页设计与网站管理课程学习需要根据网站所要表达的主题思想设计不同风格的网页，所以包括的知识内容多而散。比如文本设计、图片设计、版面设计、软件知识等。教师应该根据所授课程的教学内容结合部队的相关资料制作出网页案例，并通过组织学员讨论交流等方式对案例进行分析最终掌握相应的理论要点和操作步骤。

　　2.3考核方式灵活化网页设计与网站管理是一门实践性很强的学科，该课程需要的考核方式不应该仅用传统的理论考试和课堂表现来测评学员的能力素质，应该通过学员自主设计作品的方式来全面反映学员实践操作能力。考核的目标是学员在设计作品过程中的整体构思、基本专业知识的掌握、实际动手能力和综合设计水平的检验，侧重于如何使用现有的网页素材更好的应用到部队的网页设计与网站管理上，最终实现教学目的。

　　通过对教学方法的分析和实践，让我们意识到作为部队院校的教师想要更好的教好网页设计与网站管理这门课程，培养出部队需要的网页设计与网站管理专业人才，首先要提高自身的专业水平和创新教学方式方法；其次通过项目教学法和案例教学法的教学方式注重培养学员的学习兴趣，提高学员的动手实践能力和完成整体案例能力；最后要突出部队院校特色，进一步提升学员将部队最新信息与资源融合到网页设计与网站管理中去的能力。有力的提升部队院校网页设计与网站管理课程的教学质量。

　　[1]段芸.艺术设计专业《网页设计》课程实践研究[D].沈阳:沈阳师范大学硕士学位论文,2013.

　　1．开题报告作为毕业设计（论文）答辩委员会对学生答辩资格审查的依据材料之一。此报告应在指导教师指导下，由学生在毕业设计（论文）工作前期内完成，经指导教师签署意见及教研室审查后生效；

　　2．开题报告内容必须用黑墨水笔工整书写或按教务处统一设计的电子文档标准格式（可从教务处网址上下载）打印，禁止打印在其它纸上后剪贴，完成后应及时交给指导教师签署意见；3．学生查阅资料的参考文献应不少于6篇（不包括辞典、手册）；

　　4．有关年月日等日期的填写，应当按照国标GB/T7408—94《数据元和交换格式、信息交换、日期和时间表示法》规定的要求，一律用阿拉伯数字书写。如“2004年4月26日”或“2004-04-26”。

　　在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用.因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。

　　这次我们所设计的课题正是互联网与社会生活之间的紧密关系的体现，现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，他能够把事情的复杂化转为简单化。老干部局网网站的建设不仅能够使该事业单位的工作方式有所改变，也大大地提高了该单位工作人员的办事效率，也增加了该单位的知明度，更重要的是为我们局的老干部们提供了一个网络生活空间，促进了他们对网络知识的进一步地了解。

　　通过该网站展示了机构设置、政策法规、办事指南、电子刊物、新闻、学习园地、问题集锦、养生保健、生活小常识、旅游简介等系列内容的介绍。同时您也可以利用电子信箱经济而又快捷地与外界进行各种信息沟通。

　　1什么是ASPMicrosoftActiveServerPages(ASP)实际上是将标准的HTML文件拓展了一些附加特征，ASP像标准的HTML文件一样包含HTML语句并且在一个浏览器上解释并显示。但它为HTML编写人员提供了在服务器端运行脚本的环境，使HTML编写人员可以利用VBScript和JScript或其他

　　第三方脚本语言来创建ASP，实现过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。一个ASP文件的后缀为.asp，其中包含实现动态功能的VBScript或JScript语句，如果去掉那些VBScript或JScript语句，它和标准的HTML文件没有任何区别。ASP提供了一些内建对象（参见后面关于内建对象的章节）。利用这些内建对象，你可以使你的脚本更加强大；这些

　　对象会允许您从浏览器中接收和发送信息。例如，利用request对象，你可以接收用户的HTML表单中的信息并加以处理。ASP包含标准的ActiveX组件（参见后面关于组件的章节），这些组件可以实现一些复杂的功能，如使用数据库等。不过，你并不会被此局限，你可以轻松创建属于你自己的附加ActiveX组件。这意味着你可以不加限制地拓展你的ActiveX组件（参见后面关于自制组件的章节）。ASP可以和诸如SQLServer这样的数据库行挂接，在本书后面的章节中，我

　　们将详细地学习这方面的内容。重要的是，这是ASP一个非常强大的功能所在，在线商务以及在线论坛等各种非常高级的、动态更新的站点都需要数据库的支持，而且需要随数据库内容的更新而自动更新，这样，你就可以利用ASP自己建立很多类似的高级站点。通过上面的描述，我们可以了解到，ASP就是由服务器端脚本、对象以及组件拓展过的标准网页并为其提供了运行的环境。而它的网页并不是在建立初期存在的，而是当某个浏览器向它提出请求时，它才根据需要产生所需要的标准网页，这克服了过去HTML编写的网页的静态缺点，从而使网页上可以有许多动态的信息存在。如：当前的计算机时间、计数器的计数值等。

　　ASP是一套服务器端的脚本运行环境，当用户从浏览器向Web服务器请求.asp文件时，ASP脚本开始运行，然后Web服务器调用ASP，ASP全面读取请求的文件，执行所有的脚本命令，并将标准的Web页传送给浏览器，而并不包含你所写的脚本命令。

　　而ASP的每一个命令都首先被用来生成HTML文件，因此ASP允许生成动态内容。

　　下载对于Web服务器来说，ASP与HTML有着本质的区别，HTML不经任何处理送回给浏览器另一方面，对于浏览器来说，ASP和HTML几乎是没有区别的，仅仅是后缀为.asp和.htm的区别，当我们在客户端提出对ASP的申请后，我们的浏览器接受的是HTML格式的文件。因此它根据以上特性，我们用ASP可以方便地实现诸如表格信息收集、计数器、留言簿、公告板、ASP还可以轻松地实现对页面内容的动态控制，为不同的浏览者定制不同的页面内容，实现

　　用ASP实现各功能时几乎没有什么限制，只要网站存在并正常运行，以下是的应用示例列表：

　　用ASP编写出的系统，完全可以达到原来使用Client/Server的网络数据库系统的水平。使用ASP最大的好处是，在你对程序进行升级时，你只需要修改服务器上的ASP文件，而不需要修改客户端程序。

　　以上只是简单介绍，看完下面章节，你会对利用ASP做的事情有更加全面深入的了解。你会真正学会如何使用ASP建立各种应用。

　　为了树立中国各级政府各部门在网络上的崭新形象，有利于使各级政府由管理型向管理服务型的角色转换，降低办公费用，提高办公效率，促进勤政、廉政建设，提高政府公务员的信息化水平，市委老干部局网站的建立将为办公网络化，自动化、电子化，全面

　　本课题介绍了市老干部局网站建设的做法和具体步骤，给出了老干部局网站建设的方案选择、设备配置。还介绍了老干部局网站建设的运用目的和发展方向以充分实现以上目的。还全面介绍了在Internet上建设和管理网站的技术。内容涉及网站的基础建设，对原始数据进行调查，重点放在新闻更新、办事指南等的事务处理以及站点管理，使用ASP，HTML开发前台程序，完成网站的链接，从相关系统中导入数据，编写相应的存储过程，以便联系老干部局的需要开发出功能强大的网站。

　　老干部局网站为干部的工作、管理、生活、信息交流个通讯等提供综合的网络环境。网站的使用，使干部的办公、学术研究和管理条件跨上一个新台阶，同时也给老干部局的宣传，发展，提供了一个平台。我们可以充分利用现用计算机资源，实现信息交流和软硬件资源的共享，实现老干部局办公、管理、服务于社会的现代化新形式。

　　关于建设老干部局网站的一些内容，包括网站的结构，特点以及网站建设的理论知识要点。其最大的特点就是在于对ASP中的每个知识点都精心运用到了实际需要中，通过对理论的研究来联系实际操作，并全面地掌握ASP开发WEB动态网站的思路、技巧和体系。另外，ASP还提供可更简单、更方面的数据库访问方法，使开发基于数据库驱动的WEB应用程序更容易，ASP支持VBScript和Jscript，并能以插件形式支持其他脚本语言，如HTML。

　　本课题的重点主要是网站素材的选择与框架的搭建，一个好的网站要有许多的主页相互之间链接起来，以及其中添加一些动态、图片、声效等链接。综合地完成网站的建设才能体现主题，才能把浏览者的目光吸引到每一个主页上，内容的及时更新也是网站建设的一个主要实际问题，只有不断得到更新的主页内容才能使浏览者再次访问该网站，没有新鲜的内容素材，没有时代性的哲学理念，远远不能称得为好网站。

　　新颖的框架结构也能使浏览者的目光更长久地被吸引，再拥有好的素材基础上，框架的搭建也是网站建设所必须考虑到的问题，只有把这两者相结合进行周密地布置，相信建设出来的网站必然是点击率最高的网站。

　　该网站的建设也牵涉到了动态网页的制作，因此，这必然成了制作过程中的难点，就我个人而言，对动态网页的制作方面还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已，而现今，却得必须运用ASP程序进行动态网站的编辑，运用ASP把脚本、HTML、组件和强大的WEB数据库访问功能结合在一起，形成一个能在服务器上运行的应用程序，并把按用户的要求专门制作的HTML页面送给客户端浏览器。此技术的运用使我的工作量大大地提高了几倍，当然这正是我以前没好好学的不好表现，但通过这次设计使我认识提高了，在学好静态网页制作的基础上则不能忽视对动态网页制作的重要性。此后，我将借鉴这次的领悟，认真学习并全面地掌握ASP中的每个知识点，以便今后熟练地运用到实际问题中，充分展现自我价值。为自己以后的生活道路铺上一层更牢固的奠基石！

　　用ASP实现搜索引擎的功能是一件很方便的事，可是，如何实现类似3721的智能搜索呢？比如，当在搜索条件框内输入“中国人民”时，自动从中提取“中国”、“人民”等关键字并在数据库内进行搜索。看完本文后，你就可以发现，这个功能实现起来竟然是如此的简单。OK，FollowMe！

　　第一步，我们要建立一个名为db_sample.mdb的数据库（本文以Access2000数据库为例），并在其中建立表T_Sample。表T_Sample包括如下字段：

　　第二步，我们开始设计搜索页面Search.asp。该页面包括一个表单（Frm_Search），表单内包括一个文本框和一个提交按钮。并将表单的method属性设为“get”，action属性设为“Search.asp，即提交给网页自身。代码如下：