网页设计与制作范文

引言：寻求写作上的突破？我们特意为您精选了4篇网页设计与制作范文，希望这些范文能够成为您写作时的参考，帮助您的文章更加丰富和深入。

篇1

中图分类号：G420

所谓研究性教学，是指确立以探究和创新为核心的教育理念，更新教育教学观念，着眼于培养学生的探索精神和创造性，构建以培养学生的创新精神和创新能力为基本价值取向的教学内容和教学方法体系，着力解决教师研究性"教"和学生研究性"学"的问题，培养具有创新意识和创新能力的高素质人才，发挥学生在学习过程中的主动性和积极性，使之成为我国经济社会发展需要的具有较高素质和较强能力的易就业人才。

一、课程研究性教学的目的和意义

《网页设计与制作》课程研究性教学的实践性探索旨在通过对网页设计与制作职业岗位群的分析，充分了解市场对本专业学生知识、能力、素质的要求，确定切合市场、科学合理的模块化课程体系，选用适当的教学手段和方式，有效地促进教学质量的提高，提高学生的专业技能和就业机率，最终实现专业培养目标。

二、课程研究性教学的理论依据

1、现代学生观

2、多元智力理论

3、建构主义学习理论

4、发展性教学评价理论

三、课程研究性教学的实践过程

1、网页设计与制作岗位需求分析

通过广东省大中专毕业生就业指导中心网站、智联招聘、中华英才等专业招聘网站对广州、北京、上海、哈尔滨、南京、天津、武汉、深圳、沈阳、杭州、西安等大中型城市的人才招聘信息进行分析统计，确定与高职《网页设计与制作》课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计、网页编辑、网站运营，在这些岗位需求中，选取了800个岗位进行分析，如表1所示。

2、根据岗位需求分析，构建新型课程体系

（1）本课程在计算机类专业课程体系结构中的位置

本课程在计算机类专业课程体系中处于一个非常重要的位置，《计算机应用基础》、《数据库应用技术》、《VB/C语言程序设计》作为其先导课，为其提供必要的知识准备，比如设计平台的熟悉、数据库设计方法的掌握以及程序代码的设计规范等等，而《网页设计与制作》课程又为其后续课程《Web程序设计》、《网站建设与维护》、《软件工程》等课程提供有力的支持，比如管理信息系统开发过程中对于开发界面的设计、学习JSP、ASP/、PHP等开发工具中对于HTML代码的熟悉掌握等等。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质。

（2）课程体系结构内容

从内容结构体系来说，《网页设计与制作》课程包括了五大部分，分别是：网页设计基础知识、网页编程语言、网页设计工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、动态网页介绍、综合实践（实训），它是一门技能整合的课程。

3、《网页设计与制作》课程设计

（1）设计理念

1）突出专业课程的职业性、实践性和开放性。

2）学以致用。

3）学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。

（2）设计思路

以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。

4、教学内容的重构

（1）教学内容的针对性与适用性

《网页设计与制作》是我院计算机网络技术专业的核心课程，同时还是计算机类其它专业、艺术设计类以及电子商务类专业学生的必修课。结合职业需求，我们所确定的教学内容在针对性和适用性方面具有如下特征：

1）教学内容的设置，满足职业能力培养的需要

通过大量的社会调研，分析了网页设计人才应具备的职业能力素养，从而选取合理的教学内容。内容的选取着重培养学生具备以下能力：

①网页的赏析能力

②网页布局的设计能力

③网页色彩运用的能力

④网页的编程能力

⑤常见网页设计工具和图形图像处理软件的运用能力

⑥网站建设和网页的能力

⑦项目开发中的协作能力和人际沟通能力

2）基于工作过程的模块化教学内容的设计

针对职业能力的培养要求，采取基于工作过程的模块化教学，按照网页设计制作实际流程来安排教学内容。

5、教学方法与手段的创新

（1）教学模式的设计与创新

《网页设计与制作》课程是计算机类专业学生的核心课程。为了让学生更好地掌握网页设计的方法和技巧，提高学生的动手能力，借助多媒体手段、电子教室、教学网站、电子邮箱和QQ流等手段，在教学方法上进行了一系列的改革举措：

1）课程内容模块化，化解难点，循序渐进

2）精心准备案例项目，从宏观上进行教学设计

3）微观教学采用"四阶段教学法"，将"教、学、做"融为一体。

4）注重师生互动，营造课堂气氛

5）充分利用现代化教学手段，提高教学效果

6）举办学生作品大赛，展示成果、促进交流

（2）多种教学方法的灵活运用

1）多媒体教学

2）"理论+实践"教学模式

6、建立以应用为导向的考核方式

打破传统的考核模式，建立新的、开放式的全程考核模式。根据本课程的特点，提出并逐步实行以项目系统考核为主线的考"应用"不考"理论"模式，同时也鼓励学生以证代考。成绩评定：

（1）期末综合作品和网页制作水平占50%

（2）平时作业、学习态度、出勤等占30%

（3）阶段性实训作品占20%

五、教学效果

1、学生对专业的学习兴趣明显提高，原来消极学习的学生现在也变成了"好学分子"。

2、　研究性教学的实践性探索的开展，使教师有机会和条件将理论和实践教学两种教学能力结合起来进行系统深入的研究，使理论教学和实践教学两种教学能力在有机结合中得到相互促进、相互提高，受到了学生的普遍欢迎和认可，教师教学的主体地位得到了强化。

3、学生考证通过率显著提高。

篇2

二、《网页设计与制作》课程牵引项目的选择及相应整合的理论知识

就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。

篇3

第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。

第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。

第七，在左框架的表格中选中文字，分别设置文字的超链接。

第八，按下F12键，打开浏览器查看网页内容。

这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。

三、表格和框架的优缺点

表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。

框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。

使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。

篇4

二、搭建共享型学习模式

由于《网页设计与制作》这门课程需要丰富的素材、资源和教学案例，有必要构建课程教学资源库。课程资源可以采用边学习边建设的模式，在云平台下搭建私人空间和公共空间。私有空间是学生自己建立单独的操作环境，也是个人主页的形式，根据个人喜好在私有空间上上传各种学习资料。在私有空间以设置不同的访问权限，允许其他成员访问私有空间中的资源，不仅可以达到隐私保护的目的，还方便学生相互共享。公共空间是教师为学生搭建的公共的学习平台，如上图1，每个学生都可以访问公共空间上的学习资源，方便共享。本课程中的教学资源在授课以前教师已经上传，比如PPT课件、书中案例、实训任务书、实训报告、习题、电子书等资源。在学习过程中学生可以根据自己的个好和自主学习需求，对学习资源进行自主搭建，一个学期下来，就可以搭建完整的资源库。这两个空间的搭建，构成了一个多元化的学习平台，学生可以在公共空间和私有空间之间进行各种访问学习，进行交流，构成了一个以云平台环境为主的学习协作大环境，这个大的学习环境可以促使学生开展全方位的、开放的、基于真实背景的互动。这样平台的搭建也是当前计算机教学改革的主要研究内容之一，是课程向深层次发展的产物。共享型学习模式流程图

三、云平台下教学模式的设计

以学习者自主学习为重要形式的远程教育，教学过程的自主性与灵活性也是一种新的教学模式。传统的教学模式无法解决学生分散，学习自主学习的问题，在云平台下可以以教师讲授为主进行在线的集体教学，教师可以利用百会会议集中学生进行语音同步讲授，集中解答学生遇到的问题，还可以像课堂面授一样进行教学示范。教师可以向学生介绍本次远程课堂的主要任务，并亲自示范操作，学生自主进行实验操作，操作完成以后将自己设计的作品上传到百会维基上，这样所有学生作品共享了，学生可以学习其他学生作品，并且给出相应的评论，发表博客反思，同时根据老师和其他同学给出的建议修改作品。