《网页制作》教学设计1

　　一、教材或教学内容分析

　　本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。

　　本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的**工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。

　　重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。

　　难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。

　　二、教学对象的分析

　　信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。

　　三、教学策略的选择及**的使用

　　在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。

　　任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。

　　协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在**的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度*均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个**者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务，所以在这个过程中，也同样有自己探索学习的机会和介绍自己经验的机会，使组内的每个学生都在学习中获得成就感。

　　四、教学过程

　　教学进程

　　教师活动

　　学生活动

　　1、课前准备

　　课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站，供学生参考，网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。

　　学生根据自己的分组情况选出**能力较强、计算机水*较高的人做组长，协作小组形成。

　　2、教师布置任务，作必要讲解

　　第一节课，教师简单介绍网页基础知识，并给各小组布置任务——用下面的时间完成班级网页的制作，并对组长进行本章基本内容及本章内容的分类的介绍，让他们对本章内容有总体上的把握。

　　在教师对网页基础知识讲解的基础上，浏览教师制作的网站，继续学习；课后各组设计自己的班级主页，组长根据网站上教师对本章内容的分类给学生布置任务。

　　3、教师指导分工情况，学生开始自主学习

　　第二节课教师对组长对全组的分工情况给予检查，提出意见和建议。

　　学生根据分工制作网页，学习可以跟着课本上自学，也可根据以前学习Word的经验自己摸索制作过程，不懂之处可向会的同学请教，还可以相互之间讨论，在网页的设计方面也可以相互之间多商量，发扬互帮互助的精神。

　　4、学生自主学习，教师指导、**

　　下面三节课，老师在每组各用10分钟时间检查他们上节课的网页制作情况，并对他们碰到的问题给予提示或解决，起指导和**作用。学生继续学习、制作网页。

　　五、阶段总结

　　四节课的制作以后，各组员所制作的网页都初见雏形，所以教师**一堂课，由各组展示自己的作品。教师在学生评讲完后，给予总结。

　　各组分别展示自己的作品，其他组对他们可以提出意见或建议，也可从其他组的学到好的创意。由组长在课后写一份阶段总结，从而指导以后的工作。

　　六、学生自主学习，教师指导、**

　　下面四节课，老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况，并对他们碰到的问题给予提示或解决，起指导和**作用。学生继续学习、制作网页。

　　七、各组将内容汇总，形成班级主页

　　教师对各组出现的问题提出建议或意见。组长或组长安排人将各组的主页进行汇总，形成一个完整的班级主页，对欠缺的地方进行修补。

　　八、班级网站制作完成，展示与总结

　　老师请其他信息技术教师来做评委，对各组做的网站提出意见或建议，评出最佳网站、最佳创意等奖，让大家的付出都有所收获。各组分别展示自己组所制作的班级主页。

　　九、课后：

　　大家集中各组的优势，将班级主页完成，挂到学校主页上。

《网页制作》教学设计2

　　教学目标：

　　1、让学生掌握在网页中插入表格的方法以及表格的修改

　　2、学会利用表格来规划网页

　　3、培养学生创新的能力以及动手操作的能力

　　教学重、难点：

　　利用表格来规划网页，从中培养学生的创新能力

　　教学过程：

　　一、情境导入

　　同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网**，以便我们更好的努力学习。现在我们就一起来制作吧！

　　二、新知探究

　　首先我们来打开上节课的班级网站，在这个网**新建一个网页，并保存成“学习园地”。

　　教师讲解：如何制作学习园地网页。

　　1、制作网页的标题：输入文字，并设置文字的格式。

　　2、插入表格：单击“表格”中的'“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。

　　3、修改表格：调整表格行高和列宽。

　　4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。

　　5、进一步设置单元格的背景，来美化网页。

　　6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。

　　7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）

　　三、作品评价

　　1、生评：从网页设计上，美观程度上，知识落实上重点评价。

　　2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。

　　四、总结

　　我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。

《网页制作》教学设计3

　　教学目标：

　　1、知识与技能：

　　（1）理解框架的概念及用途。

　　（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

　　（3）初步掌握将框架结构与表格布局结合使用来制作网页。

　　2、过程与方法：

　　（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。

　　（2）理解框架的概念与组成，学会分析网站的结构。

　　3、情感态度与价值观：

　　（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

　　教学重、难点：

　　1、重点：框架的概念、用途， 创建、编辑与保存框架网页的方法。

　　2、难点：框架的拆分。

　　教学方法：

　　对比教学法、探究学习法、模仿学习法。

　　教学准备：

　　整理、归类相关素材，并按要求摆放。

　　教学过程：

　　1、引入

　　老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并**如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）

　　尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。（让学生明确框架网页使用的场合）

　　2、 新授

　　（1）框架网页概念

　　由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念

　　（2）框架网页的新建与保存

　　教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。

　　任务1 创建"横幅和目录"结构的框架网页，新建top和left页面，并学会保存。

　　框架结构中的每个框都是一个**的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。在top和left页面中，单击"保存"按钮，随即开始保存。

　　此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。

　　学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解"新建网页"和"设置初始网页"两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

　　设计意图：培养学生自主

　　学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。

　　（3）相关页面的制作与设置

　　框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。

　　任务2 top和left页面的制作。

　　要求：

　　○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。

　　○2 left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。

　　○3调整表格边框的粗细。

　　○4为main区域设置初始页面。

　　学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。

　　（4）框架网页属性的设置

　　创建好框架网页后，可以根据实际需要改变框架的属性。

　　任务3 调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。

　　提高任务：框架的拆分。

　　学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。

　　3、 总结与评价

　　老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

　　设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。

《网页制作》教学设计4

　　教学目标：

　　1、知识与技能

　　（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

　　（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

　　（3）理解热区链接的含义及创建方法。

　　2、过程与方法

　　（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

　　（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

　　（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3、情感态度与价值观

　　（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

　　（2）完成超级链接，使学生感受成功的喜悦和快乐。

　　教学重、难点：

　　1、教学重点：

　　（1）超级链接的含义及链接源和链接目标的含义。

　　（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2、教学难点

　　（1）书签链接中名称及对应链接位置的设定。

　　（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

　　教学方法与教学**：

　　任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

　　教学准备：

　　"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

　　教学过程：

　　1、引入

　　展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

　　提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

　　学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

　　设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

　　2、新授

　　（1）站内超级链接

　　引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

　　任务1同一站点内不同页面之间的链接

　　○1制作首页（欢迎页）到表格页的超链接。

　　○2给表格页内交互式按钮设置超级链接，链接到相关页面。

　　○3给框架页内交互式按钮设置超级链接，链接到相关页面。

　　教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

　　交互式按钮的超链接制作要求在框架网页中演示操作。老师可以**学生：演示者操作的对吗？有没有问题？

　　引导学生发现问题：超链接制作完成后需要检验（保存后预览）。

　　教师讲解，突破难点，再交由学生操作。

　　以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

　　任务2同一站点内同一页面内的跳转（链接）：在"动物趣闻"页面内制作书签链接。

　　教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。

　　提示：书签链接的双向性问题（返回）。

　　学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

　　（2）站间超级链接

　　**我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

　　任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。

　　有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以**的形式检验学生的自学情况。

　　3、总结与评价

　　开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

《网页制作》教学设计5

　　【教学目标】

　　了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件，用FrontPage制作网页课件

　　授课教案：

　　【重点难点】

　　重点是如何在FrontPage插入多**素材，难点是课件交互性的实现和网页源代码的应用。

　　【教学策略】

　　教师实例演示，学生上机操作，教师辅导和点评。

　　【**选择】

　　主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。

　　【教学内容】

　　现在越来越多的课件是用网页制作工具来制作，并结合数据库、 ASP等技术来加强课件的交互性。

　　网页形式的课件可以集成丰富的多**信息，具有交互性强、制作简易、体积小、便于在网络上发布、传播和更新等优点，适合于个别化学习、课堂教学和网络教学。

　　网页课件的开发工具软件有很多，包括： 语言编程如 HTML 、 DHTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML等。

　　所见即所得的可视化编辑工具，如 FrontPage 、 Dreamweaver 、Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。

　　对于一般都有繁重教学任务在身的学科教师来说，没有太多的精力去学习复杂的编程语言。

　　可视化网页编辑工具由于源代码自动生成，使教师可以有更多的精力关注内容的表达和教学设计。

　　用FrontPage编制的网页课件有较易操作的界面（与上网浏览网页完全相同），一门课程或一堂课的脉络结构（知识结构）可以在主页上用菜单（树形菜单或弹出菜单）或导航条的形式清楚地表明，可以列出教学目的、内容、重点难点、引言、概念性质、例题、练习、小结、作业等等，甚至操作注意事项。

　　FrontPage 被公认为最好的入门级的网页编辑工具。

　　一、FrontPage基本操作

　　启动 FrontPage ： 双击桌面上的 FrontPage 快捷方式图标； 开始→程序→Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

　　2. 打开或隐藏视图栏、文件夹列表和网页文档

　　a. 点“视图→ 视图栏”打开或隐藏视图栏。

　　点“视图 → 文件夹列表”打开或隐藏文件夹列表。

　　b. 右击扩展名为 htm 或 html 网页文件（ 如 index.htm ） ，选“编辑”，系统默认用 FrontPage打开网页。

　　c. 点“文件→打开”或点 常用工具栏中的“打开”按钮， 从本地磁盘或网络驱动器中打开网页文档，从任意 Web网站打开网页，打开最近打开过的网页文档。

　　3. 在 FrontPage 编辑器中预览网页 a.点普通视图按钮，观察刚才打开的 index.htm 网页。

　　b. 点HTML 视图按钮，观察 index.htm 网页。

　　c.点预览视图按钮，观察 index.htm 网页。

　　4.FrontPage 视图方式：网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。

　　5. 保存网页： 点“文件 →保存（另存为）”或点常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。

　　6. 关闭网页： 点“文件 →关闭”或文档窗口 中的“ X”按钮，关闭当前网页。

　　二、设计网页课件的框架结构

　　三、在网页中插入表格、图像、背景、 剪贴画、声音、视频和动画等多**对象

　　1. 插入表格 插入到网页上的文本、图片、音频、视频、动画等元素，往往看起来显得不够整齐，为了使网页更美观，我们利用表格来**复杂的网页布局，即 用表格来定位 网页元素 。

　　（1） 点“表格→ 插入 → 表格”，输入行数、列数（如 3 列 5 行），插入一个规则表格， 设置表格的属性。

　　（2）用“表格”工具栏上的 按钮或“表格”菜单上的“插入行或列”命令来增加 表格的 行或列。

　　（3）用“表格”工具栏上的按钮删除一个单元或多个单元，删除一行、多行或一列、多列，删除整个表格，表格删除后立即按“常用工具栏”中的“撤消”按钮或按“Ctrl+Z ”恢复表格；选择单元格或单元格中的内容用鼠标把选择的内容拖到新位置进行移动；按住 CTRL键，再用鼠标把选择的内容拖到新位置进行复制。

　　（4）选中需要拆分的单元，单击“表格”工具栏上的按钮或使用“表格”工具栏上的“笔”拆分单元格；选中需要合并的单元，单击“表格”工具栏上的按钮或单击“表格”工具栏上的（擦除 ） 按钮合并单元格。

　　经过处理， 3 列 5 行的表格 变成 1 列 4 行。

　　2. 插入图像和背景图象将鼠标定位到要插入图片的位置（如某个单元格内），单击“常用工具栏”上的“插入图片”按钮，从已建站点的图片文件夹中 选择 合适的图片，点击“确定”。

　　也可以 在“图片”对话框中点击“插入一个计算机中的图片”按钮， FrontPage编辑器将打开“选择文件”对话框，从本地磁盘中指定一个图像文件。

　　右击网页空白处，选“ 网页属性 ”快捷命令，单击“ 网页属性”对话框的“背景”选项卡，先选中“背景图片”复选框，选择合适的图像作为背景图插入网页，点击“确定”按钮。

　　3. 插入剪贴画点“插入”→“图片”→“剪贴画”命令，选择一幅剪贴画，单击“插入”按钮，或直接双击剪贴画。

　　4. 插入声音或视频剪辑选择“插入”→“高级”→“插件”命令，打开“插件属性”对话框，单击“浏览”按钮，打开“选择插件数据源”对话框，从站点文件夹或本地计算机上指定要播放的声音或视频文件。

　　调整网页中插件图标到合适的尺寸。

　　5. 修改图像属性右击网页中的图像，选“图片属性”命令，在“常规”选项方式下指定图像的格式（例如 jpg 和质量 75）；在“文本”框内简单地描述图像；单击“外观”选项卡，指定图像无边框即边框线宽度为 0，指定图像与相邻的文字或图像之间的水*间隔和纵向间隔，要改变图像的大小，首先选中“大小”框内的“指定大小”复选框，然后分别指定图像的宽度和高度。

　　熟悉“图片”工具栏：创建自动缩略图；调整图像的黑白对比度和亮度；给图像加上斜面边界；把彩**像变成黑白图像；把图像翻转；修正图像；裁剪图像；淡化图像；把图像恢复原样；在GIF 格式的图像上写文字；使 GIF 图像透明等。

　　6. 插入水*线美化网页网页水*线用于把网页分隔成几个部分。

　　新建或打开网页文档，把插入点移到要插入水*线的地方，单击“插入”菜单上的“水*线”命令。

　　要把水*线插入在下一行，就把插入点定在行尾。

　　在水*线上单击鼠标右键，在弹出的菜单中选择“水*线属性”命令，也可直接双击该水*线，设置水*线的宽度、 水*线的对齐方式和水*线的颜色。

　　四、在课件网页中使用书签和超级链接接

　　1. 书签的作用书签用于在长网页内部快速跳转和定位。

　　2. 创建书签网页 从 Web网页上复制一篇比较长的文本，粘贴（选择性粘贴：无格式文本）到新建网页中。

　　选择要标记的位置，单击“插入”菜单中的“书签”命令。

　　FrontPage编辑器将显示“书签”对话框。

　　在“书签”框中键入书签名称（最好用西文命名），书签名称应具有较好的描述性，然后单击“添加”按钮。

　　可看到标签小旗出现在期望定位的位置上。

　　用同样的方法创建其它书签。

　　在网页顶端创建系列提纲（目录）文本，选中其中一个，右击文本，选“超链接”，在“链接到”栏中点“本文档中的位置”，在书签列表中选中合适的书签，确定。

　　用同样的方法给其它的提纲（目录）文本建立超链接。

　　保存网页，在IE 中预览。

　　3. 超级链接 使用超级链接，不仅可使站内的网页成为一个有机整体，还可使不同的站点之间建立联系。

　　例如，在制作“网上学习资源”网页时，需要给所列出的大量的网上学习资源的标题文字设置超链接，以便访问者通过点击网页上的标题文字打开相对应的学习资源。

　　首先选中标题目文字，然后单击标准工具栏上的“超级链接”按钮，在弹出的“创建超链接”对话框中指定超级链接所对应的网页，或在URL 文本框中填入网页的地址即可。

　　4.创建图像热点作为超级链接接新建或打开包含有复杂图片（如地图或大型仪器图片）的网页。

　　练习创建图像热点作为超级链接接。

　　例如，在世界地图片上的“国家地区”区域处创建一个热点，指定它跳转到“按国家地区查询”的主页上。

　　方法是：首先单击图像，编辑器将显示“图片”工具栏，选择“图片”工具栏上的“图片”按钮，把光标移到图像上，光标将变成笔状，按住鼠标左键在图像上画出热点。

　　**鼠标后，FrontPage 编辑器自动打开“创建超级链接”对话框，在此指定该热点要跳转的目标网页或网址。

　　制作好后在 IE浏览器中预览。

　　5. 改变超级链接的外观选择某文字超级链接，单击“格式”菜单上的“背景”命令，打开“网页属性”对话框的“背景”选项。

　　把该超级链接的颜色改为另一种更醒目的颜色，预览一下，看超级链接文字是否发生变化。

　　试着用不同的颜色表示未访问过的超级链接（Hyperlink） 、访问过的超级链接 （Visited Hyperlink） 和将要访问的超级链接 （ActiveHyperlink） 。

　　看看改变超级链接的外观的效果。

　　6. 编辑超级链接属性右击超级链接，选“超级链接属性”，FrontPage编辑器将打开，在URL框内键入新的网页文件名或网址。

　　观察改变后的效果。

　　7. 取消超级链接右击超级链接，选“取消超级链接”命令。

　　五、插入活动元素 - 让课件网页活起来

　　1. 制作悬停按钮定位插入点，单击“插入” / “组件” /“悬停按钮”，打开“悬停按钮”对话框。

　　把动态按钮默认标签“按钮文本”，改成所需的按钮文字，单击“字体”按钮，在打开的“字体”（字体）对话框里设置您所需标签的字体。

　　要为动态按钮创建超级链接，可直接在“链接到”框内键入要跳转的URL ，也可单击“浏览”按钮，从当前打开的网站、 WWW、本地磁盘中指定跳转目标。

　　可重新指定按钮的前景颜色，不过如果按钮显示的是图像，前景颜色无效。

　　当用户把鼠标移到动态按钮上时，按钮的颜色将自动发生变化，这是动态按钮最大的特色，至于颜色是怎样变化的，可通过“效果”和“效果颜色”框设定。

　　还可改变按钮的宽度和高度（以像素为单位）。

《网页制作》教学设计 (菁选5篇)扩展阅读

《网页制作》教学设计 (菁选5篇)（扩展1）

——《制作网页》教学设计3篇

《制作网页》教学设计1

　　一、教材或教学内容分析

　　本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。

　　本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的**工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。

　　重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。

　　难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。

　　二、教学对象的分析

　　信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。

　　三、教学策略的选择及**的使用

　　在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。

　　任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。

　　协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在**的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度*均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个**者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务，所以在这个过程中，也同样有自己探索学习的机会和介绍自己经验的机会，使组内的每个学生都在学习中获得成就感。

　　四、教学过程

　　1、课前准备

　　课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站，供学生参考，网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。

　　学生根据自己的分组情况选出**能力较强、计算机水*较高的人做组长，协作小组形成。

　　2、教师布置任务，作必要讲解

　　第一节课，教师简单介绍网页基础知识，并给各小组布置任务——用下面的时间完成班级网页的制作，并对组长进行本章基本内容及本章内容的分类的介绍，让他们对本章内容有总体上的把握。

　　在教师对网页基础知识讲解的基础上，浏览教师制作的网站，继续学习;

　　课后各组设计自己的班级主页，组长根据网站上教师对本章内容的分类给学生布置任务。

　　3、教师指导分工情况，学生开始自主学习

　　第二节课教师对组长对全组的分工情况给予检查，提出意见和建议。

　　学生根据分工制作网页，学习可以跟着课本上自学，也可根据以前学习Word的经验自己摸索制作过程，不懂之处可向会的同学请教，还可以相互之间讨论，在网页的设计方面也可以相互之间多商量，发扬互帮互助的精神。

　　4、学生自主学习，教师指导、**

　　下面三节课，老师在每组各用10分钟时间检查他们上节课的网页制作情况，并对他们碰到的问题给予提示或解决，起指导和**作用。

　　学生继续学习、制作网页。

　　五、阶段总结

　　四节课的制作以后，各组员所制作的网页都初见雏形，所以教师**一堂课，由各组展示自己的作品。教师在学生评讲完后，给予总结。

　　各组分别展示自己的作品，其他组对他们可以提出意见或建议，也可从其他组的学到好的创意。由组长在课后写一份阶段总结，从而指导以后的工作。

　　六、学生自主学习，教师指导、**

　　下面四节课，老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况，并对他们碰到的问题给予提示或解决，起指导和**作用。

　　学生继续学习、制作网页。

　　七、各组将内容汇总，形成班级主页

　　教师对各组出现的问题提出建议或意见。

　　组长或组长安排人将各组的主页进行汇总，形成一个完整的班级主页，对欠缺的地方进行修补。

　　八、班级网站制作完成，展示与总结

　　老师请其他信息技术教师来做评委，对各组做的网站提出意见或建议，评出最佳网站、最佳创意等奖，让大家的付出都有所收获。

　　各组分别展示自己组所制作的班级主页。

　　课后:

　　大家集中各组的优势，将班级主页完成，挂到学校主页上。

《制作网页》教学设计2

　　教学目标：

　　1、让学生掌握在网页中插入表格的方法以及表格的修改

　　2、学会利用表格来规划网页

　　3、培养学生创新的能力以及动手操作的能力

　　教学重、难点：

　　利用表格来规划网页，从中培养学生的创新能力

　　教学过程：

　　一、情境导入

　　同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网**，以便我们更好的努力学习。现在我们就一起来制作吧！

　　二、新知探究

　　首先我们来打开上节课的班级网站，在这个网**新建一个网页，并保存成“学习园地”。

　　教师讲解：如何制作学习园地网页。

　　1、制作网页的标题：输入文字，并设置文字的格式。

　　2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。

　　3、修改表格：调整表格行高和列宽。

　　4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。

　　5、进一步设置单元格的背景，来美化网页。

　　6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的`网页，单击“确定”按钮。

　　7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）

　　三、作品评价

　　1、生评：从网页设计上，美观程度上，知识落实上重点评价。

　　2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。

　　四、总结

　　我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。

《制作网页》教学设计3

　　1、教学目标

　　知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页，掌握网页布局的技能和技巧。

　　过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。

　　情感与态度：使学生感受*源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。

　　2、学生分析

　　初中二年级学生感知能力较强，理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。

　　3、内容分析

　　教学重点：利用表格对网页页面进行布局。

　　教学难点：怎样合理、美观地设计网页页面布局。

　　此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。

　　4、教学策略设计

　　（1）．教学方法设计

　　我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。本节课采用研究体验式教学法，建构**模式下的任务驱动式教学法**教学。首先设计“总任务”，再细分成若干“小任务”，实现教学目标。

　　（2）．教-学流程和教-学活动的设计思路

　　整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅*程，**自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。建构**学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构**学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。基于构建**的探究性学习模式，我的设想是整个教学过程是动态的，学生是学习的主体，教师是学生学习环境的创设者、学习动力的激发者、学习过程的指引者和学生学习的协作者。

　　（3）．应用信息技术的依据或考虑

　　信息技术在本次教-学活动有不可替代的功能。利用信息技术中计算机技术进行网页设计，实现教学目标，完成让世界各地的人实现“网上游古都”。在教学中计划通过探究式教学方式，小组合作学习方式和“任务驱动式”教学策略，自主设计网页，发布网页，运用网络使信息技术的这些潜在优势发挥作用并真正促进学生能够结合实际应用，通过自主实践，完成“网上游古都”任务，并同时完成了学习任务，进一步建构了自己的知识体系，并实时地享受到巨大的成就感。

《网页制作》教学设计 (菁选5篇)（扩展2）

——网页制作教学设计 (菁选3篇)

网页制作教学设计1

　　教学目标：

　　1、知识与技能

　　（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

　　（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

　　（3）理解热区链接的含义及创建方法。

　　2、过程与方法

　　（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

　　（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

　　（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3、情感态度与价值观

　　（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

　　（2）完成超级链接，使学生感受成功的喜悦和快乐。

　　教学重、难点：

　　1、教学重点：

　　（1）超级链接的含义及链接源和链接目标的含义。

　　（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2、教学难点

　　（1）书签链接中名称及对应链接位置的设定。

　　（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

　　教学方法与教学**：

　　任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

　　教学准备：

　　"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

　　教学过程：

　　1、引入

　　展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

　　提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

　　学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

　　设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

　　2、新授

　　（1）站内超级链接

　　引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

　　任务1同一站点内不同页面之间的链接

　　○1制作首页（欢迎页）到表格页的超链接。

　　○2给表格页内交互式按钮设置超级链接，链接到相关页面。

○3给框架页内交互式按钮设置超级链接，链接到相关页面。

　　教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

　　交互式按钮的超链接制作要求在框架网页中演示操作。老师可以**学生：演示者操作的对吗？有没有问题？

　　引导学生发现问题：超链接制作完成后需要检验（保存后预览）。

　　教师讲解，突破难点，再交由学生操作。

　　以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

　　任务2同一站点内同一页面内的跳转（链接）：在"动物趣闻"页面内制作书签链接。

　　教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。

　　提示：书签链接的双向性问题（返回）。

　　学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

　　（2）站间超级链接

　　**我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

　　任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。

　　有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以**的形式检验学生的自学情况。

　　3、总结与评价

　　开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

网页制作教学设计2

　　1、教学目标知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页,掌握网页布局的技能和技巧。

　　过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。

　　情感与态度：使学生感受*源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。

　　2、学生分析初中二年级学生感知能力较强,理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。

　　3、内容分析

　　教学重点：利用表格对网页页面进行布局。

　　教学难点：怎样合理、美观地设计网页页面布局。

　　此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。

　　4、教学策略设计

　　（1）．教学方法设计

　　我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。本节课采用研究体验式教学法,建构**模式下的任务驱动式教学法**教学。首先设计“总任务”，再细分成若干“小任务”，实现教学目标。

　　（2）．教-学流程和教-学活动的设计思路

　　整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅*程，**自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。建构**学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构**学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。基于构建**的探究性学习模式，我的设想是整个教学过程是动态的，学生是学习的主体，教师是学生学习环境的创设者、学习动力的激发者、学习过程的指引者和学生学习的协作者。

　　（3）．应用信息技术的依据或考虑

　　信息技术在本次教-学活动有不可替代的功能。利用信息技术中计算机技术进行网页设计，实现教学目标，完成让世界各地的人实现“网上游古都”。在教学中计划通过探究式教学方式，小组合作学习方式和“任务驱动式”教学策略，自主设计网页，发布网页，运用网络使信息技术的这些潜在优势发挥作用并真正促进学生能够结合实际应用，通过自主实践，完成“网上游古都”任务，并同时完成了学习任务，进一步建构了自己的知识体系，并实时地享受到巨大的成就感。

　　（三）、教与学的过程

　　1．教与学的过程

　　活动内容

　　教师活动

　　学生活动

　　设计意图

　　创设情境

　　激发兴趣

　　［创设情境］

　　“要想了解*上下五千年文明历史，请到西安来！”近几年，越来越多的外地游客涌向西安。“十一黄金周”即将来临，大家想不想用网页形式向外地游客介绍宣传西安，让更多的人来西安，领略其古老的魅力！我们上节课把利用搜索引擎找到的有关西安的历史文物古迹的文字信息和图片信息整理制作成有关不同景点的网页，但信息是否显得很零散？怎样把景点信息整合规划，让人们先在网上一饱眼福，轻松网上游古都？

　　设计一个含有指向各旅游景点网页的超链接的主页。

　　提供信息活条件，激发起学生的兴趣。

　　［导语］

　　我们可在主页中制作一个西安旅游景点导航栏，但怎样合理规划各旅游景点，并且使页面布局美观，整洁，分类清晰？

　　利用“表格”。

　　为细化任务埋下伏笔;并且激发学生的认知冲突。

　　［出示课题］

　　今天我们就围绕“西安七日游”，在主页中利用表格规划设计旅*程，本节课的课题是《“黄金周”—规划网上西安七日游》

　　学生明确本节课课题，初步了解任务。

　　出示课题，介绍总任务。

　　［分组方法］

　　根据对各旅游景点的兴趣及当初搜索信息的分工情况及本节课任务分工，四人一小组。

　　学生进行分组

　　为细化任务做准备

　　出示任务

　　明确分工

　　［出示总任务］

　　每个组围绕主题，利用表格规划设计旅*程，并建立好超链接，利用主页展示出来。

　　学生明确任务

　　明确总任务

　　［作品形式及分工参考］

　　形式：创建并完善主页，并展示整个网站。

　　分工参考：

　　内容版式规划

　　整理七个旅游景点网页

　　超链接的建立与维护

　　作品演示解说

　　学生明确汇报形式，分工参考。

　　使学生明确各自任务后，通过研究，探讨，操作，通过电脑**来完成任务。

　　活动内容

　　教师活动

　　学生活动

　　设计意图

　　出示任务

　　明确分工

　　[角色分工]

　　学生**分组后,共同研究选组长，组长进行给组员分配任务。

　　学生共同研究选组长,并协调分配好任务.

　　锻炼学生自主协调分工能力。

　　［出示作品评价标准］

　　教师出示作品评价标准：

　　作品内容：设计含有七个链接网页的主页，资料丰富，内容准确。

　　技术表现：页面布局设计合理，颜色搭配**，主题突出，作品演示运行正常，操作熟练。

　　创新特色：作品布局规划有独特之处，有新意。

　　提示学生有三条帮助热线：

　　1、组长2、邻座学习伙伴3、教师4、自学课件

　　学生明确要求。

　　培养学生的创新能力，规划能力，思维能力和合作能力。

　　学生研究探索合作交流创作作品

　　［创作作品］

　　播放舒缓音乐，为学生营造****气氛。

　　（提示学生利用网上邻居把各组员的作品组合在一起，共同完成此任务。）

　　学生根据角色分工，按小组形式开始完善网站。

　　学生体会了超链接的作用，练习了超链接的使用，理解了表格强大的页面布局功能；培养学生处理信息和应用信息的能力；通过学生间交流合作，老师及时点拨与指导，培养学生发现问题和解决问题的能力。

　　［展示作品］

　　下面请各组派**，到教师机前展示以下你们的旅*程。其他同学观察后，可提意见或建议。

　　由小组**展示组内作品，并详细说明旅游景点规划的呈现形式，内容选择及整体构思。

　　锻炼学生口语表达能力和分析说明问题能力。

　　合作成功展示作品成果汇报交流探讨

　　［交流探讨］

　　教师引导学生探讨页面布局的方法和技巧；谈看完作品后，对其改进意见；进行组间互评和组内自评。

　　评出“最受欢迎奖”（即如果此网站上传到网上，点击率最高），“最具创意奖”“最佳布局奖”作品。

　　学生间相互交流探讨。

　　培养学生合作交流能力。

　　［教师点评及检测］

　　教师从页面布局，整体规划合理性，创意等几方面进行点评。

　　学生思考，怎样完善作品。

　　教师鼓励学生发展创新思维，页面布局规划能力，逻辑思维能力及合作能力。

　　教师或其他同学**页面布局的方法。

　　学生**演示

　　及时检测学生对表格的掌握情况。

　　你受到的最大启示和收到的最大收获？成功经验和失败教训？

　　学生回答

　　巩固知识，培养情感

　　[完成旅游规划，培养情感]

　　同学们已熟练掌握表格的使用方法，并且加工和应用信息的能力增强。

　　悠久的历史积淀和丰富的人文资源，使西安居*六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你们热爱*博大精深的历史，感受西安古老的魅力！

　　学生感悟。

　　全课总结，培养道德情感。

　　全课总结知识延伸

　　［达到目标，知识延伸］

　　网站制作好了，怎样让世界各地的人都看到你们的网站呢？

　　想当我们的故乡—大庆的小导游吗？赶快制作一个“铁人故乡—大庆”的网站吧！

　　学生思考。

　　学生课后实践。

　　为激发下一节课内容（上传主页）的兴趣奠定基础。

　　让学生可把本课内容应用到实际生活中去。

　　培养学生自发探究能力。

　　2．关键环节提炼

　　利用信息技术创设情境，播放一段自拍的录像，内容大体是：一位外国友人，想要来*四大古都之一“西安”旅游，但想要自助游，想借助因特网，先在网**解一下西安，并参考一下旅*程。通过此录像激发学生兴趣并利用信息技术呈现问题，使学生产生认知冲突，培养学生发现问题、分析问题、解决问题的能力。我通过学生利用信息技术完成此项任务，促进学生对基础知识、基本技能的学习。我利用信息技术，尤其是网络提供的有关“西安”丰富的旅游景点介绍资源，帮助和拓展学生的学习。让学生借助信息技术**开展探索、总结并进行创作。我利用信息技术展示学生自评，学生互评，教师评价的评价表，为学生的学习提供评价、反馈和矫正。我利用网页自学课件和网络教室教学广播系统**师生间、生生间的交流对话。

　　3.教学反思

　　本节课主题明确、集中，让学生分成小组，合作探究学习，给出特定的总任务，有利于学习效果评判的可比较性，也便于学生之间的广泛交流和良性竞争。通过利用信息技术规划规划网上西安七日游，对西安七个主要景点的介绍，让世界了解西安，每个学生在共同完成“网上游古都”网站作品后，让每个学生都有完成任务和宣传*源远流长的文明历史的成就感，并感到自豪。

　　本节课，在小组合作学习过程中，学生之间互学互教，彼此交流探讨，经历了提出问题、分析问题和解决问题过程，每个学生都承担一定学习任务，防止滥竽充数，促进了学生的参与程度、认知深度，高质量地实现了课程的目标，增强学生的责任感。但个别学生没有认识到合作学习的重要意义，自主探究能力较弱，容易丧失信心。

　　教学实际实施过程，有学生提出：我对*的****文化感兴趣，能否制作一个宣传*五十六个****文化的特色网站？于是我了解到学生对*的不同文化感兴趣，可在课外活动小组完成此任务或作为课外自主探究性学习课题来探究。

　　本节课让学生掌握了“表格”的妙用，还提高了加工信息和应用信息的能力，而且使学生感悟到了*上下五千年的博大精深，对祖国更加热爱。

　　（四）、教学评析：

　　在新课程标准的理念中，明确提出要关注全体学生，建设有特色的信息技术课程。在教材因篇幅的限制，提供给学生感知的背景材料极其有限，“信息”且都处于“静止、储存”状态，不利于学生的感知和抽象概括。因此，允许教师在不改变教材内容、体系、结构的前提下，经教学法的加工，营造引入新课的“情境问题”的氛围。学生在积极的参与、体验、研究并在已有知识经验的**下，自主能动地探索，实现知识的再创造。

　　教学活动在面向全体的同时更注重学生情感的交流协作意识与因材施教。更注重学生个性培养和创新智能的开发。

　　学生自主性学习，需要有一个适应的过程，开始阶段，布置任务要明确具体。

　　学生之间的交流和帮助比较少，自主学习的能力还要不断提高等。

　　附：学生学习过程及典型成果

　　另附：小组成员分工表

　　第________组组长________作品题目______________

　　小组成员

　　主要负责工作

网页制作教学设计3

　　一、教材或教学内容分析

　　本章内容在本教材中的位置处于第五章,是在文字处理(Word20xx)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有很多的共通之处,所以在学习frontpage的时候,很多内容可以让学生自学,而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础,学生对网页中的基本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的方法。所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些基础,学起来就轻松多了。

　　本章内容按照学生已有的基础,我对教学内容分了一下类,也为教学的**工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。

　　重点是网页的制作和创建超链接,学会了这些就可以开始简单的网页制作了。

　　难点是网页框架,这部分相互之间关系比较复杂,必要时,老师在对各组个别辅导时,可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考,使分工更加合理。

　　二、教学对象的分析

　　信息技术课虽然已经成为初中的必修科目,但是城乡学生之间掌握情况的差异却相当大,条件好一点的初中学生不仅已经熟练掌握了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习,他们需要多锻炼、多指导,所以协作学习对学生的学习帮助很大。

　　三、教学策略的选择及**的使用

　　在教学策略的选择上,我使用的是任务驱动和协作学习相结合的方法。

　　任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,选择最好的作为班级主页挂到学校主页上去,这有助于激发学生参与学习的积极性。

　　协作学习则是让学生在学习过程中互帮互助,用较短的'时间、教少的精力学到更多的东西,完成一个集体项目,让他们在学习之后获得成就感。因此在**的选择上,我们使用的是TOP20xx系统。TOP20xx系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前,教师把学生按座位分成四组,每个组都按学生对计算机的掌握程度*均分配,保证每个组都有计算机操作方面比较突出的,也有相对比较差的,使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名,然后由组长根据组员的情况,确定在班级主页制作过程中主要完成什么任务,也就是说起到一个**者的作用。做过网页的人都知道,做网页是一项比较费时的工作,而要学生在较短的时间内制作出像样的网页是比较困难的,而在这个过程中,网页的设计占去了相当多的一部分时间,组长把任务分到各组员头上以后,组员就可根据自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行经验交流,告诉组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。这样,其他组员就可在较短的时间之内掌握比较先进的网页制作方法,而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务,所以在这个过程中,也同样有自己探索学习的机会和介绍自己经验的机会,使组内的每个学生都在学习中获得成就感。

　　四、教学过程

　　教学进程

　　教师活动

　　学生活动

　　1、课前准备

　　课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站,供学生参考,网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。

　　学生根据自己的分组情况选出**能力较强、计算机水*较高的人做组长,协作小组形成。

　　2、教师布置任务,作必要讲解

　　第一节课,教师简单介绍网页基础知识,并给各小组布置任务——用下面的时间完成班级网页的制作,并对组长进行本章基本内容及本章内容的分类的介绍,让他们对本章内容有总体上的把握。

　　在教师对网页基础知识讲解的基础上,浏览教师制作的网站,继续学习;

　　课后各组设计自己的班级主页,组长根据网站上教师对本章内容的分类给学生布置任务。

　　3、教师指导分工情况,学生开始自主学习

　　第二节课教师对组长对全组的分工情况给予检查,提出意见和建议。

　　学生根据分工制作网页,学习可以跟着课本上自学,也可根据以前学习Word的经验自己摸索制作过程,不懂之处可向会的同学请教,还可以相互之间讨论,在网页的设计方面也可以相互之间多商量,发扬互帮互助的精神。

　　4、学生自主学习,教师指导、**

　　下面三节课,老师在每组各用10分钟时间检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和**作用。

　　学生继续学习、制作网页。

　　五、阶段总结

　　四节课的制作以后,各组员所制作的网页都初见雏形,所以教师**一堂课,由各组展示自己的作品。教师在学生评讲完后,给予总结。

　　各组分别展示自己的作品,其他组对他们可以提出意见或建议,也可从其他组的学到好的创意。由组长在课后写一份阶段总结,从而指导以后的工作。

　　六、学生自主学习,教师指导、**

　　下面四节课,老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和**作用。

　　学生继续学习、制作网页。

　　七、各组将内容汇总,形成班级主页

　　教师对各组出现的问题提出建议或意见。

　　组长或组长安排人将各组的主页进行汇总,形成一个完整的班级主页,对欠缺的地方进行修补。

　　八、班级网站制作完成,展示与总结

　　老师请其他信息技术教师来做评委,对各组做的网站提出意见或建议,评出最佳网站、最佳创意等奖,让大家的付出都有所收获。

　　各组分别展示自己组所制作的班级主页。

　　课后:

　　大家集中各组的优势,将班级主页完成,挂到学校主页上。

《网页制作》教学设计 (菁选5篇)（扩展3）

——网页制作教学设计

网页制作教学设计

　　作为一位优秀的人民教师，通常会被要求编写教学设计，教学设计是根据课程标准的要求和教学对象的特点，将教学诸要素有序安排，确定合适的教学方案的设想和计划。写教学设计需要注意哪些格式呢？下面是小编收集整理的网页制作教学设计，欢迎阅读，希望大家能够喜欢。

网页制作教学设计1

　　教学目标：

　　1、知识与技能

　　（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。

　　（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。

　　（3）理解热区链接的含义及创建方法。

　　2、过程与方法

　　（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。

　　（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。

　　（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。

　　3、情感态度与价值观

　　（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。

　　（2）完成超级链接，使学生感受成功的喜悦和快乐。

　　教学重、难点：

　　1、教学重点：

　　（1）超级链接的含义及链接源和链接目标的含义。

　　（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。

　　2、教学难点

　　（1）书签链接中名称及对应链接位置的设定。

　　（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。

　　教学方法与教学**：

　　任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。

　　教学准备：

　　"动物——人类的朋友"站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。

　　教学过程：

　　1、引入

　　展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。

　　提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？

　　学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。

　　设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。

　　2、新授

　　（1）站内超级链接

　　引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：

　　任务1同一站点内不同页面之间的链接

　　○1制作首页（欢迎页）到表格页的超链接。

　　○2给表格页内交互式按钮设置超级链接，链接到相关页面。

　　○3给框架页内交互式按钮设置超级链接，链接到相关页面。

　　教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。

　　交互式按钮的超链接制作要求在框架网页中演示操作。老师可以**学生：演示者操作的对吗？有没有问题？

　　引导学生发现问题：超链接制作完成后需要检验（保存后预览）。

　　教师讲解，突破难点，再交由学生操作。

　　以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？

　　任务2同一站点内同一页面内的跳转（链接）：在"动物趣闻"页面内制作书签链接。

　　教师讲解：由生活中的书签引入，介绍"书签链接"的概念，然后再演示如何操作。

　　提示：书签链接的双向性问题（返回）。

　　学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。

　　（2）站间超级链接

　　**我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。

　　任务3借助热区链接，为"友情链接"页面制作超链接，链接我国一些自然保护区网站。

　　有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以**的形式检验学生的自学情况。

　　3、总结与评价

　　开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。

网页制作教学设计2

　　教学目标：

　　1、让学生掌握在网页中插入表格的方法以及表格的修改

　　2、学会利用表格来规划网页

　　3、培养学生创新的能力以及动手操作的能力

　　教学重、难点：

　　利用表格来规划网页，从中培养学生的创新能力

　　教学过程：

　　一、情境导入

　　同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网**，以便我们更好的努力学习。现在我们就一起来制作吧！

　　二、新知探究

　　首先我们来打开上节课的班级网站，在这个网**新建一个网页，并保存成“学习园地”。

　　教师讲解：如何制作学习园地网页。

　　1、制作网页的标题：输入文字，并设置文字的格式。

　　2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。

　　3、修改表格：调整表格行高和列宽。

　　4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。

　　5、进一步设置单元格的背景，来美化网页。

　　6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。

　　7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）

　　三、作品评价

　　1、生评：从网页设计上，美观程度上，知识落实上重点评价。

　　2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。

　　四、总结

　　我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。

网页制作教学设计3

　　一、课程基本信息

　　课程编号：

　　中文名称：网页设计与制作

　　英文名称：Web Design and Production课程类别：选修课适用专业：所有专业

　　开课学期：20xx—20xx第2学期总学时：24学时总学分：1课程简介：

　　本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。参考书：

　　1、网页设计与制作教程，熊前兴闵联营，科学出版社；

　　2、网站与网页设计，张贵明，清华大学出版社；

　　3、网页美术设计原理及实战策略，王晓峰焦燕，清华大学出版社；

　　4、网站建设典型案例，张枭，清华大学出版社；

　　二、课程教学目标：

　　网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

　　三、理论教学内容与要求

　　第一章、网页的基础知识（1学时）

　　（1）Internet基础知识

　　（2）www简介

　　（3）网页制作的技术和工具介绍

　　第二章、超文本编辑语言HTML（8学时）

　　（1）HTML文件的基本结构

　　（2）文字和段落标记

　　（3）列表标记

　　（4）图片标记

　　（5）表格标记

　　（6）超链接标记

　　（7）表单标记

　　（8）框架标记

　　第三章、JavaScript语言（4学时）

　　（1）JavaScript语言简介

　　（2）JavaScript编程基础

　　（3）基于对象的JavaScript语言

　　（4）JavaScript程序实例

　　第四章、层叠样式表CSS（1学时）

　　（1）CSS概述

　　（2）CSS属性

　　第五章、可视化网页设计工具

　　（1）网页的基本操作

　　（2）图像、表格与超链接

　　（3）表单与框架

　　（4）添加网页元素

　　（5）发布站点

　　第六章、***页设计语言ASP（4学时）

　　（1）ASP简介

　　（2）VBScript脚本基础

　　（3）ASP的内置对象

　　（4）实用文件

　　第七章、利用AD0访问数据库（1学时）

　　（1）数据库的连接

　　（2）数据库的检索

　　（3）数据库的操作

　　总结复习（1学时）

　　四、实验教学内容与要求

　　五、作业

　　六、考核方式

　　期末考核每个同学为自己设计制作一个博客网站。

　　七、成绩评定

　　1、自制网站（80%）

　　2、*时考勤、作业（20%）*时成绩分配：

　　*时考勤5次，每次2分，共占10%作业5次，每次2分，共占10%

　　八、执行大纲时应注意的问题

　　根据学生对课程内容的掌握和理解程度会对进度做适当的调整。

网页制作教学设计4

　　一、学习内容分析

　　《H5快速制作网页》是苏教版《初中信息技术》8年级第3章《主题网站设计与制作》第2节《制作网页》中第1课时的内容。H5是指第5代HTML标记语言，其搭建的站点可方便地应用于PC、Android、iOS等多种*台，它为互联网内容的呈现提供了一种全新的框架和*台，包括免插件的音视频、图像、动画、本地存储以及更多酷炫的功能。通俗地说，H5是一种创建网页的方式，用H5创建的网页以文字、图片、动画、声音等相结合的富**出现，页面图文并茂、生动活泼、传达方便、易于推广。

　　二、学习者分析

　　本节课的学习对象是八年级的学生，处于这一年龄段的学生，思维活跃，具备一定的理解能力和较强的自学能力。通过前面的学习，学生已熟练使用WPS、Photoshop等软件，也掌握了规划设计主题网站的方法。本节课以iH5软件工具为*台，学习用H5快速制作网页。然而学生从未接触过iH5，对于陌生软件的学习，有些畏难情绪，觉得无从下手。但是在日常生活中，他们经常能接触到各种各样的手机H5网页，如企业宣传、个人简历、邀请函、纪念册等，这些H5网页给大家带来了全新的体验，技术本身带来的新奇感让学生心生向往。

　　三、学习目标

　　知识与技能：能列举H5网页的特点；掌握在iH5软件中添加和编辑文字、图片、动画等元素的方法以及设置对象属性的方法，理解舞台、页面、对象之间的层级关系。

　　过程与方法：通过制作校园文化艺术节邀请函，经历制作H5网页的基本过程。

　　情感态度及价值观：感悟网页制作并非难事，软件使用有共通之处。

　　四、教学过程

　　（一）创设情境，初认H5

　　以艺载德、以艺促智，一年一度的校园文化艺术节又开始了，同学们踊跃报名，比拼才艺。八年级将举行以“多彩校园，闪亮你我”为主题的汇报演出，充分展示八年级同学的青春活力和精神面貌。

　　思考：本次演出将要邀请家长参加，你会选择什么样的方式来做出邀请呢？（口头传达、短信、纸质邀请函等）

　　活动1：体验“校园文化艺术节邀请函H5”，初认H5。

　　（1）二人一组，一位同学在手机浏览器中打开；另一位同学在电脑浏览器中打开（网址：https://xxxxxx）。浏览后回答以下问题：

　　不同*台的浏览效果是否一致？为什么？

　　这支H5中具有哪些**元素？

　　用户能参与其中吗？

　　你会用什么方式推广这支H5？

　　小结：

　　（1）H5具有跨*台、**多**、可交互、易推广等优势。以上特点使得H5可能成为我们发出邀请的首选。

　　（2）“校园文化艺术节邀请函H5”为何如此吸引人？观看视频，思考到底什么是H5？

　　小结：H5是指第5代HTML标记语言，也指用H5语言制作的一切数字产品。通俗地说，H5是一种创建网页的方式。用H5创建的网页图文并茂、生动活泼、传达方便、易于推广。

　　设计意图：与H5相关的概念性知识抽象、枯燥难懂，如果采用讲授法，学生并不容易理解。因此本节课创设了学生现实生活中的情境，以制作校园文化艺术节邀请函H5为主题，设计了4个问题，每个问题目标指向明确，容易引起学生的共鸣，激发学生的思考并得出结论。通过微视频用通俗易懂的语言帮助学生进一步认识H5，内化知识。

　　（二）根据需求，规划H5

　　凡事预则立，不预则废，要制作汇报演出邀请函，首先对每个页面的内容、素材等进行一个简单规划。

　　活动2：根据需求，选择素材，规划邀请函。

　　设计意图：学生已经学习过网站的规划，所以容易理解规划的重要性。教师通过搭建“规划表”这个支架，引导学生根据制作校园文化艺术节邀请函的需求，对所要制作的邀请函进行初步的规划，帮助学生理清楚每个页面的内容和所需添加的元素。

　　（三）知识迁移，制作H5

　　能够用于开发H5网页的工具很多，今天以iH5软件工具为*台，学习使用H5快速制作网页。

　　活动3：找“共性”，探“个性”，认识iH5软件。

　　（1）使用课前申请的账号，登录网址：，进入在线编辑*台。

　　（2）对比Photoshop界面，认识iH5界面，找出相同之处和不同之处。

　　小结：相同之处：_______________________（菜单栏、工具面板、编辑区）

　　不同之处：_______________________（对象树面板）

　　（3）比较PS中的图层面板和iH5中的对象树面板，思考对象树面板的作用。

　　小结：对象树面板可以用来管理舞台中的对象，对象树中的层级关系为：舞台→页面→文本、图片等素材，每个页面中的对象上层覆盖下层。

　　活动4：利用iH5软件，制作邀请函H5。

　　（1）观看操作指导微视频，自主探究页面的制作，完成以下问题：

　　设置背景：选中页面1，在属性面板中找到_____________选项，添加背景图片。

　　添加文字：选中页面1，在工具面板中选择_____________选项。

　　添加图片：选中页面1，在工具面板中选择_____________选项。

　　小结：添加文字、图片的一般步骤：选择位置—添加对象。

　　（2）展示学生作品，师生共同分析存在的问题，寻求解决方式。

　　问题1：首页、内容页都播放同一素材。

　　原因分析：素材全部都添加在了舞台之中，其层级关系在内容页和首页的上一级。

　　问题2：内容页没有显示内容。

　　原因分析：素材全部都添加在了首页之中，而不是对应的内容页中。

　　设计意图：迁移是人类认知的一个普遍特征，因为新的学*是建立在原有学习基础之上。学生原有的知识是Photoshop软件使用，将Photoshop和iH5进行对比，引导学生发现界面组成的“共性”与“个性“，让学生初步认识对象树面板，学会利用对象树面板来管理素材。在制作H5时采用局部“翻转课堂”的形式，通过高效、简短的微视频和几个思考题，引导学生思考探究；在学生遇到问题和困难时，师生共同分析问题，解决问题。给学生“瑞士奶酪式”知识建构时间，使学生从规律的获得到知识的应用有一个过渡和渐进的过程。

　　（四）自主探究，美化H5

　　活动5：美化完善邀请函H5。

　　（1）邀请函中的标题、内容文字等选用什么样的字体、字号合适？如何设置？

　　（2）如何改变图片大小，修改图片的亮度、对比度等？

　　（3）如何设置元素的动态效果，使得网页更生动？

　　小结：

　　（1）选中文字或图片——属性面板——修改设置。“邀请函”等标题文字字号一般选用大些，宜用饱满的字体，以达到醒目的作用；内容用于提供具体信息，文字字号可以小些。

　　（2）图片选用要符合主题，色彩**。字体颜色与背景要有一定的对比度。（3）选择要添加动态效果的对象——选择动效命令。注意：设置合理、适度的动态效果，可以给观赏者带来较好的视觉体验。

　　设计意图：对邀请函的美化可分成两个部分：一是对邀请函中的文字、图片进行美化，二是合理设置动态效果。单从技术角度来讲，这些操作是比较简单的，只要学会设置属性面板即可。但是邀请函的美化不是天马行空，随心所欲，还需要一定的艺术欣赏能力。因此首先让学生带着问题思考如何设置文字、图片？设置动效时需要注意的问题？得出一定的结论后，让学生带着构思去美化邀请函，以减少学生操作的盲目性。

　　（五）作品展示，共析H5

　　活动6：发布和评价作品。

　　（1）对于制作好的作品，将其发布到网上，这样其他人就可以通过电脑和手机访问你的作品。请保存当前的网页并发布到网上。

　　（2）同桌之间用发布的网址或二维码相互访问对方的作品。

　　（3）根据评价表对同桌的作品进行评价。

　　（4）根据同伴及老师意见进一步修改作品。

　　设计意图：学生在制作完成邀请函后，进行保存，发布就可以浏览到自己的成品，极大地提高了学生的学习兴趣。将学生的作品进行展示，师生共同赏析作品，根据评价表进行点评，给出建议，然后进一步完善作品。

　　（六）知识梳理，展望H5

　　展示思维导图，梳理本节课内容：

　　总结利用iH5制作网页的基本过程：

　　观看视频，结束本课：随着信息技术的高速发展，H5可谓是无处不在。H5可以是各种宣传网页、在线游戏，甚至户外大屏中的互动也是H5。在未来5-10年内，H5或将会成为移动互联网领域的主宰者。

　　设计意图：借助思维导图，将关键知识点结构化，清晰形象地呈现出各知识点的脉络关系，有助于学生从整体上把握知识，完成知识的建构。最后观看H5应用视频，了解H5的日常应用，对未来展望，进行情感升华。

网页制作教学设计5

　　1、教学目标知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页,掌握网页布局的技能和技巧。

　　过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。

　　情感与态度：使学生感受*源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。

　　2、学生分析初中二年级学生感知能力较强,理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。

　　3、内容分析

　　教学重点：利用表格对网页页面进行布局。

　　教学难点：怎样合理、美观地设计网页页面布局。

　　此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。

　　4、教学策略设计

　　（1）．教学方法设计

　　我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。本节课采用研究体验式教学法,建构**模式下的任务驱动式教学法**教学。首先设计“总任务”，再细分成若干“小任务”，实现教学目标。

　　（2）．教-学流程和教-学活动的设计思路

　　整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅*程，**自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。建构**学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构**学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。基于构建**的探究性学习模式，我的设想是整个教学过程是动态的，学生是学习的主体，教师是学生学习环境的创设者、学习动力的激发者、学习过程的指引者和学生学习的协作者。

　　（3）．应用信息技术的依据或考虑

　　信息技术在本次教-学活动有不可替代的功能。利用信息技术中计算机技术进行网页设计，实现教学目标，完成让世界各地的人实现“网上游古都”。在教学中计划通过探究式教学方式，小组合作学习方式和“任务驱动式”教学策略，自主设计网页，发布网页，运用网络使信息技术的这些潜在优势发挥作用并真正促进学生能够结合实际应用，通过自主实践，完成“网上游古都”任务，并同时完成了学习任务，进一步建构了自己的知识体系，并实时地享受到巨大的成就感。

　　（三）、教与学的过程

　　1．教与学的过程

　　活动内容

　　教师活动

　　学生活动

　　设计意图

　　创设情境

　　激发兴趣

　　［创设情境］

　　“要想了解*上下五千年文明历史，请到西安来！”近几年，越来越多的外地游客涌向西安。“十一黄金周”即将来临，大家想不想用网页形式向外地游客介绍宣传西安，让更多的人来西安，领略其古老的魅力！我们上节课把利用搜索引擎找到的有关西安的历史文物古迹的文字信息和图片信息整理制作成有关不同景点的网页，但信息是否显得很零散？怎样把景点信息整合规划，让人们先在网上一饱眼福，轻松网上游古都？

　　设计一个含有指向各旅游景点网页的超链接的主页。

　　提供信息活条件，激发起学生的兴趣。

　　［导语］

　　我们可在主页中制作一个西安旅游景点导航栏，但怎样合理规划各旅游景点，并且使页面布局美观，整洁，分类清晰？

　　利用“表格”。

　　为细化任务埋下伏笔;并且激发学生的认知冲突。

　　［出示课题］

　　今天我们就围绕“西安七日游”，在主页中利用表格规划设计旅*程，本节课的课题是《“黄金周”—规划网上西安七日游》

　　学生明确本节课课题，初步了解任务。

　　出示课题，介绍总任务。

　　［分组方法］

　　根据对各旅游景点的兴趣及当初搜索信息的分工情况及本节课任务分工，四人一小组。

　　学生进行分组

　　为细化任务做准备

　　出示任务

　　明确分工

　　［出示总任务］

　　每个组围绕主题，利用表格规划设计旅*程，并建立好超链接，利用主页展示出来。

　　学生明确任务

　　明确总任务

　　［作品形式及分工参考］

　　形式：创建并完善主页，并展示整个网站。

　　分工参考：

　　内容版式规划

　　整理七个旅游景点网页

　　超链接的建立与维护

　　作品演示解说

　　学生明确汇报形式，分工参考。

　　使学生明确各自任务后，通过研究，探讨，操作，通过电脑**来完成任务。

　　活动内容

　　教师活动

　　学生活动

　　设计意图

　　出示任务

　　明确分工

　　[角色分工]

　　学生**分组后,共同研究选组长，组长进行给组员分配任务。

　　学生共同研究选组长,并协调分配好任务.

　　锻炼学生自主协调分工能力。

　　［出示作品评价标准］

　　教师出示作品评价标准：

　　作品内容：设计含有七个链接网页的主页，资料丰富，内容准确。

　　技术表现：页面布局设计合理，颜色搭配**，主题突出，作品演示运行正常，操作熟练。

　　创新特色：作品布局规划有独特之处，有新意。

　　提示学生有三条帮助热线：

　　1、组长2、邻座学习伙伴3、教师4、自学课件

　　学生明确要求。

　　培养学生的创新能力，规划能力，思维能力和合作能力。

　　学生研究探索合作交流创作作品

　　［创作作品］

　　播放舒缓音乐，为学生营造****气氛。

　　（提示学生利用网上邻居把各组员的作品组合在一起，共同完成此任务。）

　　学生根据角色分工，按小组形式开始完善网站。

　　学生体会了超链接的作用，练习了超链接的使用，理解了表格强大的页面布局功能；培养学生处理信息和应用信息的能力；通过学生间交流合作，老师及时点拨与指导，培养学生发现问题和解决问题的能力。

　　［展示作品］

　　下面请各组派**，到教师机前展示以下你们的旅*程。其他同学观察后，可提意见或建议。

　　由小组**展示组内作品，并详细说明旅游景点规划的呈现形式，内容选择及整体构思。

　　锻炼学生口语表达能力和分析说明问题能力。

　　合作成功展示作品成果汇报交流探讨

　　［交流探讨］

　　教师引导学生探讨页面布局的方法和技巧；谈看完作品后，对其改进意见；进行组间互评和组内自评。

　　评出“最受欢迎奖”（即如果此网站上传到网上，点击率最高），“最具创意奖”“最佳布局奖”作品。

　　学生间相互交流探讨。

　　培养学生合作交流能力。

　　［教师点评及检测］

　　教师从页面布局，整体规划合理性，创意等几方面进行点评。

　　学生思考，怎样完善作品。

　　教师鼓励学生发展创新思维，页面布局规划能力，逻辑思维能力及合作能力。

　　教师或其他同学**页面布局的方法。

　　学生**演示

　　及时检测学生对表格的掌握情况。

　　你受到的最大启示和收到的最大收获？成功经验和失败教训？

　　学生回答

　　巩固知识，培养情感

　　[完成旅游规划，培养情感]

　　同学们已熟练掌握表格的使用方法，并且加工和应用信息的能力增强。

　　悠久的历史积淀和丰富的人文资源，使西安居*六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你们热爱*博大精深的历史，感受西安古老的魅力！

　　学生感悟。

　　全课总结，培养道德情感。

　　全课总结知识延伸

　　［达到目标，知识延伸］

　　网站制作好了，怎样让世界各地的人都看到你们的网站呢？

　　想当我们的故乡—大庆的小导游吗？赶快制作一个“铁人故乡—大庆”的网站吧！

　　学生思考。

　　学生课后实践。

　　为激发下一节课内容（上传主页）的兴趣奠定基础。

　　让学生可把本课内容应用到实际生活中去。

　　培养学生自发探究能力。

　　2．关键环节提炼

　　利用信息技术创设情境，播放一段自拍的录像，内容大体是：一位外国友人，想要来*四大古都之一“西安”旅游，但想要自助游，想借助因特网，先在网**解一下西安，并参考一下旅*程。通过此录像激发学生兴趣并利用信息技术呈现问题，使学生产生认知冲突，培养学生发现问题、分析问题、解决问题的能力。我通过学生利用信息技术完成此项任务，促进学生对基础知识、基本技能的学习。我利用信息技术，尤其是网络提供的有关“西安”丰富的旅游景点介绍资源，帮助和拓展学生的学习。让学生借助信息技术**开展探索、总结并进行创作。我利用信息技术展示学生自评，学生互评，教师评价的评价表，为学生的学习提供评价、反馈和矫正。我利用网页自学课件和网络教室教学广播系统**师生间、生生间的交流对话。

　　3.教学反思

　　本节课主题明确、集中，让学生分成小组，合作探究学习，给出特定的总任务，有利于学习效果评判的可比较性，也便于学生之间的广泛交流和良性竞争。通过利用信息技术规划规划网上西安七日游，对西安七个主要景点的介绍，让世界了解西安，每个学生在共同完成“网上游古都”网站作品后，让每个学生都有完成任务和宣传*源远流长的文明历史的成就感，并感到自豪。

　　本节课，在小组合作学习过程中，学生之间互学互教，彼此交流探讨，经历了提出问题、分析问题和解决问题过程，每个学生都承担一定学习任务，防止滥竽充数，促进了学生的参与程度、认知深度，高质量地实现了课程的目标，增强学生的责任感。但个别学生没有认识到合作学习的重要意义，自主探究能力较弱，容易丧失信心。

　　教学实际实施过程，有学生提出：我对*的****文化感兴趣，能否制作一个宣传*五十六个****文化的特色网站？于是我了解到学生对*的不同文化感兴趣，可在课外活动小组完成此任务或作为课外自主探究性学习课题来探究。

　　本节课让学生掌握了“表格”的妙用，还提高了加工信息和应用信息的能力，而且使学生感悟到了*上下五千年的博大精深，对祖国更加热爱。

　　（四）、教学评析：

　　在新课程标准的理念中，明确提出要关注全体学生，建设有特色的信息技术课程。在教材因篇幅的限制，提供给学生感知的背景材料极其有限，“信息”且都处于“静止、储存”状态，不利于学生的感知和抽象概括。因此，允许教师在不改变教材内容、体系、结构的前提下，经教学法的加工，营造引入新课的“情境问题”的氛围。学生在积极的参与、体验、研究并在已有知识经验的**下，自主能动地探索，实现知识的再创造。

　　教学活动在面向全体的同时更注重学生情感的`交流协作意识与因材施教。更注重学生个性培养和创新智能的开发。

　　学生自主性学习，需要有一个适应的过程，开始阶段，布置任务要明确具体。

　　学生之间的交流和帮助比较少，自主学习的能力还要不断提高等。

　　附：学生学习过程及典型成果

　　另附：小组成员分工表

　　第________组组长________作品题目______________

　　小组成员

　　主要负责工作

网页制作教学设计6

　　一、教学目标：

　　1、知识与技能：

　　（1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。

　　（2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。

　　（3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。

　　2、过程与方法：

　　（1）、能够区分框架结构属性设置与网页属性设置的不同点。

　　（2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。

　　3、情感态度与价值观：

　　（1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。

　　（2）、培养学生网页设计的审美意识、创新意识。

　　二、教学重点难点：

　　1、教学重点：

　　（1）、框架网页的作用和功能，框架的建立与属性设置。

　　（2）、框架中各个页面之间的关联，每个框中页面的设置方法。

　　（3）、框架网页的保存方法。

　　2、教学难点：

　　（1）、框架结构网页中框架属性与页面属性的设置方法。

　　（2）、理解框架结构的多页面存储方法及各页面之间的关联。

　　三、教学过程：

　　1、创设情境、导入新课

　　（1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。并**如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。

　　（2）、教师又**：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课——框架网页的制作。

　　设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。

　　2、任务驱动、自主学习

　　（1）、教师展示一个框架网页，引导学生理解框架网页的概念。

　　（2）、出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。

　　（3）、教师讲解框架结构中的每个框都是一个**的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。

　　（4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

　　（5）、出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。

　　（6）、学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。

　　（7）、出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。

　　（8）、教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。

　　设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。

　　3、展示作品、课堂小结

　　（1）、教师给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，并让学生分组，推进一些优秀作品在全班展示。

　　（2）、教师点评，并鼓励完成作品比较好的学生。

　　设计意图：拓展学生的视野，使学生了解框架的应用方法。展示优秀作品鼓励学生，激发学生的创作欲望。

　　四、教学反思：

　　1、本节课是在学习完简单网页、表格布局网页、交互式网页的基础上，进一步页的设计方法。由于学生已经具备了一定的网页设计基础知识与技能，所以教师可以根据学生的实际情况，采用更灵活

　　的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法，以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画，完成框架网页设计任务。

网页制作教学设计7

　　教学目标：

　　1、知识与技能：

　　（1）理解框架的概念及用途。

　　（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

　　（3）初步掌握将框架结构与表格布局结合使用来制作网页。

　　2、过程与方法：

　　（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。

　　（2）理解框架的概念与组成，学会分析网站的结构。

　　3、情感态度与价值观：

　　（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

　　教学重、难点：

　　1、重点：框架的概念、用途， 创建、编辑与保存框架网页的方法。

　　2、难点：框架的拆分。

　　教学方法：

　　对比教学法、探究学习法、模仿学习法。

　　教学准备：

　　整理、归类相关素材，并按要求摆放。

　　教学过程：

　　1、引入

　　老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并**如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）

　　尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。（让学生明确框架网页使用的场合）

　　2、 新授

　　（1）框架网页概念

　　由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念

　　（2）框架网页的新建与保存

　　教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。

　　任务1 创建"横幅和目录"结构的框架网页，新建top和left页面，并学会保存。

　　框架结构中的每个框都是一个**的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。在top和left页面中，单击"保存"按钮，随即开始保存。

　　此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。

　　学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解"新建网页"和"设置初始网页"两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

　　设计意图：培养学生自主

　　学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。

　　（3）相关页面的制作与设置

　　框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。

　　任务2 top和left页面的制作。

　　要求：

　　○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。

　　○2 left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。

　　○3调整表格边框的粗细。

　　○4为main区域设置初始页面。（该网页由教师提供现成的）

　　学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。

　　（4）框架网页属性的设置

　　创建好框架网页后，可以根据实际需要改变框架的属性。

　　任务3 调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。

　　提高任务：框架的拆分。

　　学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。

　　3、 总结与评价

　　老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

　　设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。

《网页制作》教学设计 (菁选5篇)（扩展4）

——网页设计与制作的心得体会3篇

网页设计与制作的心得体会1

　　一、网站规划

　　本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

　　二、网站总体设计

　　本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

　　三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）

　　本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

　　四、学习体会

　　不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

　　建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。首先，我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

　　然后，我们要找材料。明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多**上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

　　找到材料后，我们还要规划网站。一个网站设计得成功与否，很大程度上决定于设计者的规划水*，规划网站就像***设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

　　做好以上三步之后，我们就要选择合适的制作工具。尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，在这里，我们一般都是用有“网络三剑客”之称的Dreamweaver、Fireworks、flash来制作网页，对于图片部分的处理，个人觉得Photoshop比较好用。

　　最后，我们就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以**提高制作效率。网页做好之后，就要发布到Web服务器上，才能够让全世界的朋友观看，还要不断地进行宣传，这样才能让更多的朋友认识它。这里推荐二个有免费空间和域名的网址给大家！

　　以上就是我对于网页制作的一些个人心得，由于本人的技术还不是很成熟，还存在很多的不足（如：背景过于单调和网页布置不合理）。选择学习这门课是很正确的选择，虽然在以后不会再有机会去**，但我还是会通过各种方式继续学习网页设计和制作的，同时很感谢带我入门的徐兵老师，让我有机会去学习有关网页的知识，谢谢！

网页设计与制作的心得体会2

　　在炎热的夏季，又在闷热的机房中，我们又一次的完成了网站建设的实习。在这实习期间，有太多的话想说，都是苦不堪言。但事后又想想，苦过了，才知道有甜。

　　在这实习当中，我知道了div是html（超文本语言）中的一个元素，div+cs是一种网页的布局方法，div+css包括行内样式、内嵌式、链接式、导入式、css选择器、标记选择器、类别选择器、id选择器、选择器声明、css继承。还有id与class区别：id不允许重复使用，只能用一次，css规范和其他规范javascript**方法一样。

　　说实话，我对div+css一点儿都不懂，但起码我知道了这是一种网页的布局格式，总比不知道强。有句话说，不懂就要学。是的，既然学了了这个专业，就不能对这个专业模糊。所以，就要学习学习再学习。征服畏惧、建立自信的最快最确实的方法，就是去做你害怕的事，直到你获得成功的经验。

　　我们经过两周的实训，通过前期的合同洽谈、签订，到后期的网站制作、网站发布，让我受益匪浅。不仅让我了解通过网络洽谈商务的礼仪和细节，也让我的网站制作知识及技能有了很大提高。

　　前期我们通过发送电子邮件，进行网上商务的接洽。由于没有做好工作。了解商务邮件的格式，导致邮件发了很长一段时间，双方还仅仅停留在认识阶段，确实说来很失败。

　　在拟定合同时，由于不能真正满足客户的需求，一些条款及报价不合理，因此要一次又一次反复的修改合同。这主要是因为我们不能正确解读客户的要求，并且我们不能拿出我们公司为大洋礼品公司网站建设的特色。

　　在网站制作的起初阶段，由于不曾制作过网页，虽然团队确立了分工，但还是有些迷茫。公司没有确立风格和大体的布局，并且搜集资料是一个漫长而又复杂的过程。通过浏览各类礼品网站，心里大概有了一定的想法和设计。

　　我的主要任务有“诚聘英才”、“产品导航”、“展会礼品”、“广告促销礼品”。我最先做的是“诚聘英才”，我是参照*电信诚聘英才首页做的，它看似制作简单，其实布局十分复杂、精致。在处理图片是我遇到了不少困难，最典型的就是有一次我想在图片中插入文字，但始终插入不了，后来通过请教老师，总算知道了其中的奥妙。原来是图层被锁定了，要重新拷贝图层，再考贝的图层上就可以插入文字了，并且文字其实也是一个图层，它是可以移动的。尽管我为诚聘英才网页付出了很多，但并没有被采纳，并且此时我也设计了logo，也没有被采纳。

　　“产品导航”是一个困扰我一上午的问题（此刻公司首页已经制作完毕，而它与合同上的“产品导航”页面布局类似，于是这让我一时间很难抉择。我就一边设计一边思考，此时我为公司定的色彩风格是红色，我为导航栏设计的是交互式按钮，并且设计了初始字体、悬停、按下时字体颜色。可是这一切都是白费，由于后来我们将风格确定为蓝色，并且导航栏确定都采用首页中插入的图片，但我觉得这样有些不好：例如它不可以设置超链接的字体颜色，这是很不专业的体现。团队由于缺乏及时的沟通，导致其他组员一些好的想法得不到实施，确实是我们团队合作的一个问题所在。

　　展会礼品、广告促销礼品由于套用相同的布局，设计上没有什么难点，只是在这基础上进行产品的进一步分类和图片的搜集有些费神和花时间。我在制作这一系列网页时，都特别注意修改网页标题。网页标题是十分重要的，它是每打开一张网页的头标。

　　前面这一阶段的工作我还有一个小收获，这就是图片位置，其实在图片属性中图片定位选择绝对定位，再在下面输入距左距上的距离即可，这是一个很不错的方法。

网页设计与制作的心得体会3

　　网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

　　通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是**哪些东西的。除了查找解决问题我还总结了经验。例如：

　　1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。

　　2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行**，可以很直观的反映出效果。页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

　　还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flas***，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的*，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

　　下面简单介绍下网页设计的理念和要点。网页设计理念：

　　（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。

　　（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。

　　（3）功能决定设计方向:看网站的用途，决定设计思路。商业性的就要突出赢利目的；*型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

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

　　一、确定网站的整体风格:

　　1、将标志logo，尽可能的放在页面最突出的位置。

　　2、突出标准色彩。

　　3、总结一句能反映网站精髓的宣传标语。

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

　　二、网页色彩的搭配:

　　1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩**，有层次感。

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

　　3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：

　　1、不要将所有颜色都用到，尽量**在三至五种色彩以内。

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

　　针对我所学的*面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于*面设计，但它们有许多相近之处，版式设

　　计通过文字图形的空间组合，表达出**与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

《网页制作》教学设计 (菁选5篇)（扩展5）

——制作网页设计的心得体会 (菁选3篇)

制作网页设计的心得体会1

　　不知不觉我学习整站网页设计也有一段时间了，很高兴我能在这计算机深入的社会里，学习到建设网站和网页设计的一些知识。网络成了我们获取知识和信息的一种便捷工具，如今的生活，商业都已经在网络上如火如荼地开展，我认为，学习网络知识，对于生活在网络时代的我们还是很有必要的。接下来我想分享一下我的独家网页设计学习心得。希望能够为正在学习网页设计的你们也提供一点帮助。

　　学习网页设计的过程中，我也成功制作了属于自己的网站，通过这一次尝试，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。我觉得，在设计网页之前：

　　首先必须做到先确定网页设计的内容，因为一个优秀的风站要有一个明确的主题，整个网站围绕这个主题，也就是你在网页设计之前要明确你这个网站有什么目的，用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。

　　其次自然是了解你网站所在行业的客户。要知道用户是一个网站成败的关键，如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站，或者你网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离开。

　　我在这次设计网页的过程中，终于体会到做一个网页的主页不是一件容易的事情，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。制作主页要注意：

　　要想一个好的标题。标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

　　主页中不光要有文字，还要适当地加一些图片。一张好的图片可以胜过你的千言万语。也能让进入你网页的人一目了然，产生兴趣。

　　网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

　　当然在做这些内容之前，是要找好资料的，我们可以从报纸，杂志，光盘等**中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。设计制作网页我可以推荐一个不错的软件，那就是Dreamweaver。只需要用到此款软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。好了，网页设计制作完毕后，最后一步就是要优化网站了。

　　就我的观点，我觉得个人认为网页设计应该注重实用性，因为我们用它就是来互动的，所以我建议以简单美为好，太多复制的图片文字和页面排版只会让看的人感觉更不舒服，还有最后申明一下，我不是专业网站***，以上只是我对网页设计学习的一些心得罢了。

制作网页设计的心得体会2

　　网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。

　　通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是**哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行**，可以很直观的反映出效果。 页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。

　　还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flas***，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的*，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。

　　下面简单介绍下网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向: 看网站的用途，决定设计思路。商业性的就要突出赢利目的；*型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

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

　　一、确定网站的整体风格: 1、将标志logo，尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网**出现的所有标题字的阴影效果的设置应该是完全一致的。

　　二、网页色彩的搭配: 1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩**，有层次感。2、用两种色彩。先选定一种色彩，然后选择它的.对比色。3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1、不要将所有颜色都用到，尽量**在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

　　针对我所学的*面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于*面设计，但它们有许多相近之处，版式设

　　计通过文字图形的空间组合，表达出**与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。

制作网页设计的心得体会3

　　为期两周的网页实训终于结束了。为什么说终于结束了呢？因为两个星期做五个网站时间太紧了，我们每天晚上都是加班加点。但是结果是令人欣慰的，我们大都按时按质完成了任务，而且网站是一个比一个做得好！总的来说，还是有很大的收获。

　　本次实训共有五个任务，它们分别是：沈阳植物园网、开元科技网、家**旅游网、我爱低碳网、博爱助学网。要求是每个网站至少要8个或8个以上的页面，并运用flash做动画，用css美化页面等。

　　整个实训的过程可以说是所学知识的一个整理，一个综合，一个灵活运用。之前我们课堂上学的东西是一个个知识点，比较零散。虽然在实训之前我们也做过两个网站，但那是我们小组合作的，所以有些知识点我们并没有都用到。而这次实训是自己一个人做网站，做网站的'各个环节都要自己亲力亲为，可以说是一个挑战，同时也是对知识的一种升华。它不仅是dreamweaver软件的熟练操作，也是potoshop、flash软件的熟练运用。我们需要自己设计网站的logo这就需要运用到potoshop软件强大的图形图像处理功能，需要做出生动的网页效果，就需要flash做出动态的文字效果和图片切换效果。

　　在设计的过程中遇到问题，可以说得是困难重重，这毕竟是第一次独自设计网站、制作网站，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固，在css的具体应用还不是和很熟练，没有能完全达到自己预期的效果，还好通过老师的细心指导才能达到最终效果通过这次网页设计与制作实训，一定把以前所学过的知识重新温故。

　　两周网页设计与制作的实训课程结束了，回顾这次课程设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在两周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和**思考的能力。

《网页制作》教学设计 (菁选5篇)（扩展6）

——网页制作学习心得 (菁选3篇)

网页制作学习心得1

　　在学习网页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

　　通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。

　　另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

　　标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

　　网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

　　主页中不光要有文字，还要适当地加一些图片。俗话说“一图胜千言”，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。

　　我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

　　网页制作学习心得二：网页制作学习心得（1671字）

　　转瞬之间，半个学期又接近尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的'有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

　　俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

　　在学习网页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

　　我在制作主页中的心得体会:

　　做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

　　1.标题

　　在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次**当，下次再也不会光顾了。

　　2.内容的采集

　　选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己*时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。

网页制作学习心得2

　　在学习网页制作的这段时间里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

　　通过这次制作网站的过程，我最大的感受就是制定网站计划的重要性。一个好的计划可以详细制定网站的相关内容，为后面的工作节省很多时间，所以在制定计划时要有充分的准备。

　　另外做好主页也并不是一件容易的事。它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

　　标题在个人主页中起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、有特色、简短易记，不要符合自己主页的主题和风格。

　　网页页面整体的排版设计也是不可忽略了，很重要的一个原则是合理也运用空间，让自己的网页井然有序，留下合适空间，会给人轻松的感觉。

　　主页中不光要有文字，还要适当地加一些图片。俗话说“一图胜千言”，我想它不无道理。一张处理得好的图片不需再多做解释，就能使人一目了然，让人去思考，去了解它。

　　我通过整个包括主题的确定，网页的设计，资料的整和等制作的过程，才更加深入地理解了这些理论。我会怀着浓厚的兴趣去学习，与同事之间互相协作学习，学会把理论知识运用到实际中，真正提高我的自主学习能力、协作精神和实践能力。向着做一个真正意义上的教育技术专业人士的目标前进。

网页制作学习心得3

　　转眼间，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但是这个学期以后我受益匪浅。

　　记得最初接触dreamweaver的时候，我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词，只能用鼠标到处乱点。并且刚开始几节课，老师并没有给我们讲关于如何去使用这个软件的知识，基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作，当时觉得没什么用，甚至有点反感，害怕一个学期以后没什么收获，最后问了一下周围的.同学，原来大家都有这样的想法。

　　渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课，老师布置了一个任务，要求做一个网站。虽然学了一个学期，但是我觉得我的能力完全没有这么高，做个网站真的很不容易。

　　最开始是确定主题。我一直都想不出应该做一个关于什么的网站，一次，一个朋友告诉我她在省博物馆，叫我帮她查一下勾践剑在哪个展厅。打开百度，我以外的发现省博物馆的网站进不去，于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。

　　确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。

　　但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边的

　　三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多方法，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。

　　印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。

　　在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水*得到了很大的提高。就我而言，也在页中总结了如下经验。看书不要过多，看一本就可以了。关于网页设计的书太多了，每本书里的内容也太多了，林林总总的，而且有些乱。书看多了，花的时间比较多。我觉得想学基本技巧的应该不用太多地看书。.初学者要清楚地了解网页制作的基本流程。就是第一步做什么,下一步又该怎样。从绘画网页框架图到最后发布网站，大概是怎样的一个过程，怎样实现的，应该要心里有数。.按流程的顺序学习，不要试着先把所有做网页用到的软件都吃透了再开始做网页。应该边学边尝试。注意代码。尽管我们对代码还不熟悉，但完全不懂代码的话做网页还是比较困难的。至少要看到代码知道大概是怎么一回事。*时浏览网页时多多留意别人的设计和效果，多收集有用的信息。这方面我们还是刚刚开始的。有必要借鉴一下。要细心和耐心。这两个不用多说啦，做什么事情都应该这样吧。网页设计更是这样，比画画，十字绣更要细心和耐心。因为网页设计很多时不是你构思好要弄成怎样就可以很轻易地做出来，要多多思考和分析。

　　总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，

　　凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。

《网页制作》教学设计 (菁选5篇)（扩展7）

——设计制作网页项目合作协议 (菁华1篇)

设计制作网页项目合作协议1

甲方：____________

电话：____________

传真：____________

联系人：____________

乙方：____________

地址：____________

电话：____________

传真：____________

联系人：____________

根据国家知识产权及网络管理的有关规定，______委托______为甲方筹建网站，设计制作网页的合作项目，经双方协商达成以下协议：

一、甲方**与义务

1、甲方有权要求乙方按照双方商定的网站结构，在双方约定的时间内，完成合同中规定的内容。

2、甲方负责提供制作所需的一切资料，并制作成电子文件。在乙方开始制作网页时，甲方应备齐全部内容资料。

3、甲方应在网页制作的全过程中给与乙方便利条件，并积极配合。

4、甲方有权对乙方设计的网页提出修改意见，由双方协商更改。

二、乙方**与义务

1、乙方应依据双方商定的网站结构，在双方约定的时间内，完成合同中规定的内容，乙方有权对甲方网页的设计提出自己的意见和建议。

2、双方合作期间，乙方对甲方提供的文字及图片资料未经甲方许可不得以任何方式泄露给第三方。

3、乙方对甲方提供的文字及图片资料中所涉及的包括知识产权在内的一切法律问题不承担任何法律责任。

4、乙方所制作的网页需兼容4、0版和4、0版以上主流浏览器，并**800_600分辨率。

5、在制作过程中，对甲方陆续提出的修改要求，乙方应尽力协助实现，并交甲方验收通过。对有可能影响双方约定的完成时间的要求，乙方有权提出延期请求，由双方协商确定具体时间。

6、乙方负责在网站开通后10日内对甲方网**由于乙方失误造成的页面错误进行修改。

三、违约责任

1、由于甲方未及时提供资料而导致乙方工作不能按时完成，乙方不负任何责任，并有权向甲方提出延期要求，延期时间由双方协商确定。

2、由于乙方原因未能按时完成合同所规定的内容，甲方有权向乙方提出索赔，具体额度由双方协商确定。

四、争议解决

双方因合同的解释或履行产生争议，由双方协商解决。协商不成，双方均有权向有管辖权的人民****。

五、知识产权的保护

1、甲方付清应付乙方的全部款项后，甲方正式享有网站的全部使用权。

2、双方合作期间，网站构架、网页版式设计等内容之版权、设计权、使用权归乙方所有，未经许可甲方不得擅自使用，不得复制或交由第三方使用。

3、如因乙方原因出现第三方指控与站点页面有关的知识侵权的事件，应由乙方负责并保证甲方**不受损失。

六、合同的终止

1、在乙方收到甲方支付的全部费用后，本合同自行终止。

2、任何一方终止合同，需提前10个工作日书面通知对方，并说明正当终止理由，由双方签字**协商终止合同。

3、由于战争、地震、火灾等法定人力不可抗因素导致的工作中断，双方均不承担责任，待条件恢复后，由双方协商确定合同变更内容。合同金额及付款方式。

七、付款

1、甲方应向乙方支付域名申请费，服务器空间租用费，网站设计费，加急费，网站最终页数的网页制作费，以及网站后期维护费共计***______元。

2、乙方为甲方进行网站总体设计制作之前，甲方应付给乙方网站总体预算的--_____%作为预付款。待乙方全部完成甲方网站建设后，根据乙方实际制作页面数量，确定甲方网站最终建设费用，甲方应在三日内一次性付清剩余费用。

甲方：____________

签订地点：____________

_________年________月______日

乙方：____________

签订地点：____________

_________年________月______日

《网页制作》教学设计 (菁选5篇)（扩展8）

——网页设计教学计划 (菁选2篇)

网页设计教学计划1

　　一、课程的性质与任务

　　课程的性质：本课程是为培养中职学生对网页设计与制作的基础知识而设置的一门专业实训课程。由于网页设计与制作所涉及的软件和相关知识十分广泛，针对我校学生的专业方向和专业基础，本课程侧重于网页视觉效果和版式布局的设计与制作，对大中型网站制作中的所涉及到的动态程序编写等较复杂技术**作了回避或仅作简单介绍。

　　课程的任务：通过本课程学习，使学生了解网页制作的基础知识、基本流程，并能熟练使用MacromediaDreamweaver进行个人网站和中小型商业网站的设计、制作与维护更新，为培养高级网页设计专业人才打下坚实的基础。

　　二、教学基本要求

　　通过课程的教学，在理论知识教学和技能培养两方面要求学生达到下列目标。

　　(一)理论知识方面主要达到：

　　1.了解互联网、网页、网站、超级连接、HTML语言、FTP、HTTP等基础网络知识;

　　2.了解网站设计制作的常用工具与基本流程

　　3.了解html语言的一般规律

　　4.了解不同网站类型不同的设计与制作要求

　　5.了解网站的整体结构规划

　　(二)能力方面主要达到：

　　1.熟练掌握Macromedia Dremweave的基本操作;

　　2.掌握photoshop中网页设计稿文件的切片与优化输出;

　　3.掌握网页图像的优化技巧;

　　4.了解网站的测试、发布、推广与维护;

　　三、教学条件

　　保障每个学生都能单独使用一台电脑，每台电脑都配备Dreamweaver、photoshop等设计软件。

　　四、教学内容及课时安排

　　第一章网页设计基础知识(4课时)

　　第一节网页设计概述

　　第二节在DreamweaverCS3中建立站点

　　第三节创建站立点地图

　　第四节设置Web服务器

　　第二章网页的编辑(4课时)

　　第一节文本操作

　　第二节图像操作

　　第三章网页的布局(4课时)

　　第一节表格

　　第二节在布局模式下绘制布局表格

　　第三节框架

　　第四章超链接的创建与管理(4课时)

　　第一节超链接和路径概述

　　第二节超链接的使用

　　第五章CSS样式表与行为(5课时)

　　第一节使用CSS样式表

　　第二节行为及简单应用

　　第六章AP元素和时间轴(4课时)

　　第一节使用AP元素

　　第三节AP元素时间轴配合使用的动态效果

　　第七章表单的使用(6课时)

　　第一节创建表单网页

　　第二节创建留言簿

　　第三节验证表单内容

　　第八章图像和动画的制作与优化(4课时)

　　第一节图像的制作与优化

　　第二节动画的制制与优化

　　第九章网站文件的检查与发布(2课时)

　　第一节网站文件的检查与测试

　　第二节注册域名、申请空间与网站发布

　　第十章综合训练(4课时)

　　第一节网站的规化

　　第三节网站的上传发布、备案和维护

　　五、教法说明

　　(一)本课程是一门专业技能训练课程，以学生的实践操作为主，注重设计与制作能力的培养、经验与技巧的积累。课程中引导学生在练习中解决具体的问题，使学生能灵活地、熟练地应用所学的理论知识。

　　(二)教学练习中，以优秀实际案例为参照，增强教学的趣味性、实用性和针对性。

　　(三)课程末要求设计制作一个完整的`小型网站，并上传、发布和推广，以综合运用和巩固所学知识，激发学生兴趣，为将来的进一步学习打下基础。

　　六、考核方式与评分方法

　　(一)考勤总成绩的10%。

　　(二)过程考核(理论知识、**、查阅、课堂作业与课堂表现等)总成绩的30%

　　(三)以综合性设计作业的方式，设计制作完整的小型网站，占总成绩的60%。

网页设计教学计划2

　　一、教学指导思想：

　　本学期我将认真做好所教课程的各项工作。认真学习中职计算机学科的教学大纲和网页制作的相关教材，明确教学任务和教材体系，力争“教书”与“育人”贯穿始终。全面贯彻教育部关于中职教育的大政方针，努力探索计算机教学规律，在激发和培养学生的学习兴趣，养成良好的学**惯，提高动手能力的同时，着力培养学生树立正确的**观和人生观，积极推进素质教育。在教学中要充分利用计算机来培养学生的信息素养，有效地提高教育教学水*。促进学生创新精神和实践能力的培养，充分考虑学生的发展需要，强调学生自主学习，发挥教师的主导作用，学生主体作用，以学生个体发展为目标，不断提高教育教学质量。

　　二、学生情况分析：

　　上学期学生已经初步学习了部分课程，对此可能有了一定的了解，但是中职学生整体素质层次不齐，绝大多数学生学习目标明确，但也有少数学生对微机在当前和末来社会中作用认识不够。虽然有基础但是通过一个假期之后，很多知识需要巩固。但总体来看本课程学生们的学习兴趣还是很好的。

　　三、教材分析：

　　我们选用的是电子工业出版社出版的《网页制作》第二版教材。本教材的编写打破了传统的学科体系，以项目为中心，一个个小任务为实例，以范例网站的建设为主线，不强求理论体系的完整性，以够用为度，以是否实用为标准。整个项目统筹考虑实训的设计，循序渐进，逐步完善，着重培养学生**思考问题和主动解决问题的能力，力求在学习的过程中积累实际工作的经验，从而突出职业技术教育的特色。

　　本书共8章，前面已学习了前三章，本学期主要学习后五章。

　　第四章打造企业留言板本章的教学重点和难点是插入表单对象的基本方法及设置表单及表单对象属性的方法。要求掌握表单、文本域、单选按钮、列表/菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法等知识点。主要是通过完成企业留言板这一项目来学习的。通过总的项目来分析逐个小任务。最终完成知识点的学习。为了更好的使同学们掌握重难点，在教学中我会精讲多练，让学生案例分析，讨论，最终上机操作，如：用户注册，163信箱等的制作。

　　第五章在Dreamweaver中美化页面本章教学重难点是添加、修改和删除行为的方法及在网页制作中应用行为的基本方法。要求学生掌握行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、**Shockwave或Flash、弹出信息、拖动层等知识点。主要是通过逐个任务来完成教学的。首先教师演示教学案例。通过PPT课件讲授基本知识。然后通过让学生自己动手重新制作教学案例来巩固基本知识。最终通过实训让学生进一步熟悉所学知识点。

　　第六章站点的发布本章教学重难点是在IIS中配置FTP服务器的方法及通过Dreamweaver发布网页的方法和在模板中插入模板对象的方法。要求学生掌握安装IIS服务器、配置Web服务器、配置FTP服务器、发布网页、检查链接、改变链接、查找和替换、清理文档、保持同步等知识点。本章主要通过教师实例演示，学生动手操作来完成教学任务的。为了让学生更加熟练操作，教师主要通过多个实例操作练习的方法来完成教学。

　　第七章CSS样式的应用本章教学重难点是创建和设置CSS样式的方法及附加样式表的方法。要求学生掌握【CSS样式】面板、CSS样式的类别、定义CSS样式的方法、CSS的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式等知识点。主要通过项目教学法来完成教学，项目的主要目的是让学生掌握CSS样式的基本知识。项目主要通过CSS样式**购物网页的外观，一方面要熟悉CSS样式的基本使用方法，另一方面要了解购物网页页面的基本特点。本项目使用的网页布局技术仍然是表格，另外还涉及文本、图像等网页元素。

　　第八章网页制作综合实例本章重难点是使学生综合运用所学知识点。要求学生掌握网站设计流程、设计网页布局、各级网页制作的方法及网站的推广。本章主要是让学生自主完成学习任务，以培养学生发现问题，分析问题，解决问题的能力。同时培养学生主动学习的意识。

　　四、教学措施：

　　1.计算机是一个不断发展的学科，也是一个日新月异的学科，不断会有新的计算机技术出现，教师要在第一时间了解这些动态，然后学会交给学生。因为计算机在现实生活中的应用都是最新的技术，如果与现实脱节了，那么学生现在学到的计算机知识在现实中根本就用不上。所以需要教师有良好的计算机学习能力，为学生做好引导者。

　　2.采用项目教学法，任务驱动式，案例讲解，实例讨论等教学法围绕“教务管理系统”**教学内容，分解出一个个子任务分组学习，分组讨论，充分调动学生的学习积极性，开发个人潜能。

　　3.学生自主完成学习任务，以培养学生发现问题，分析问题，解决问题的能力。同时培养学生主动学习的意识。

　　4.该课程理论性和实践性均强，要求学生勤学多练，除掌握对网页制作的操作外，还应要求学生做好flash与*面设计，并引导学生综合运用。根据学生的学习情况制订贴近学生生活的实践操作以真正达到了学以致用的目的。

《网页制作》教学设计 (菁选5篇)（扩展9）

——网页设计开题报告菁选

网页设计开题报告13篇

　　在日常生活和工作中，报告的用途越来越大，报告中涉及到专业性术语要解释清楚。相信很多朋友都对写报告感到非常苦恼吧，以下是小编收集整理的网页设计开题报告，欢迎大家分享。

网页设计开题报告1

　　在经济迅速发展今天，Internet显得更为重要它是人们发布信息与传递信息重要渠道，为了与社会发展同步，为了让我们成为真正技术性人才。学校在本周为我们安排了维持一周网页制作专用周是实习，让我们把*时所学知识运用到实习中做到真正学以致用而不只是纸上谈兵。通过本周实习使我获得了更多新知识同时也使我使我认识到了自己在学**许多不足，下面就谈谈我在本次专用周主要感受。

　　一、网站整体规划，要做网页第一步便是做网站整体规划这主要包括四个方面内容。

　　1讨论网站主题。

　　网站整体规划是做网页第一步也是制作网页最关键一步它决定了你要表答信息，因此我选择了我选择我最喜爱服饰来为它做网页。在*时我也对服装网页比较关心，无论是淘宝网上衣店还是各种品牌装。这次我是为“易菲”服饰做网页。

　　2定位网站CI形象。

　　“易菲”植根**文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息特色品牌。“易”即是容，是包容，是宽容，是五千年**民族文化精髓，是厚德载物，是对人性宽度一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度一种挖掘。“生活如花，自在快乐”是YIFINI易菲设计理念，倡导一种与自然**相处，如花儿绽放般美好舒适、自在快乐生活方式。这也便是我网站CI形象。

　　3确定栏目和板块。

　　于时间关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页主打色绿色。

　　4网站整体风格和创意。

　　整个网站创意就在于颜色搭配，与各种图片搭配，它们相互辉映，相互衬托。以便达到表现其品牌**之美、自然之美。我踩用淡蓝色和绿色为我网站主打色主要是因为我产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质花卉和自然元素融入设计之中，充分体现***和顾客所追求一种洒脱、舒适生活氛围，力求表现悠闲、舒畅、自然生活情趣。因此我用天空与自然颜色来表达这张自然之美、**之美。

　　二、网页制作前期策划与准备，在本阶级主要有两方面工作。

　　1资料搜集。

　　在做网页我上网收集了许多方面资料主要是有关网站布局与服饰品牌方面资料，我首先进它企业网站找了一些关于“易菲”服饰图片主要是一些代言形象还有**其企业形象图片。其次我去浏览了许多网页观察其网页布局、颜色搭配、栏目、板块等方面内容，同时也搜集了一些对我有用资料。在搜索资料最困难便是动态图片搜集，动态图片其gif格式还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天时间来搜集我flash都不太成功，不过还搜到了可以换自己图片代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码搜索。在搜集资料过程之中我发现了自己许多不足之处，最关键就是*时对知识掌握不够，连最基本资料搜寻都觉得困难。也是我*时不够认真和努力表现。通过这次教训在以后我一定会做得更好，争取不范类似错误。

　　2熟悉制作软件。

　　做网页主要用工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在*时上课是老师带领我们运用过。所以我还可以正常运用，但是出现问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面缺点，它是我*时不够认真具体表现。

　　三、网页制作，这便进入我该次主题了具体制作流程如下。

　　1构建站点框架。

　　在我打开Dremweaver后第一步便是新建站点，我把我站点建立在F仪下面。并将我搜集全部资料都保存在其文件夹中，以便网页制作时可以方便使用。

　　2设计主页及二级页面。

　　在主页我设首页制作时，时刻考虑着网页基本原则：**，连贯，分割，对比及**原则，内容**，都是为了主题服务，美容美体，一个网站强调就是一个整体，只有围绕一个**目标所做设计才是成功；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。而且制作过程中，不忘以下原则：

　　简洁实用：这是非常重要，网络特殊环境下，尽量以最高效率方式将用户所要想得到信息传送给他就是最好，所以要去掉所有冗余东西。使用方便：同第一个是相一致，满足使用者要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美要求：布局有条理，充分利用美形式，是网页富有可。

网页设计开题报告2

　　一、网页设计的内容

　　网页设计中包含着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的对象和构成的要素。网页设计涉及的具体内容很多，可以概括为视听元素和版式设计两个方面。

　　1、视听元素

　　这里所说的视听元素，主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感研究的形式把它们放进页面这个“大画布”里。多**技术的运用**丰富了网页设计的表现力。

　　以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块**。比如，大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多**文件(如mp3音乐)需要先下载到本地由?上，然后启动相应的外部程序来播放。另外，在浏览器使用插件(plug-in)可以播放更多格式的多**文件。微软推出ie浏览器后，提供了基于ole的active_技

　　术，用来在网页中播放多**。目前active_已经成为热门技术。另一种播放多**的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序，相比于插件和active_，javaapplet具有更大的灵活性和良好的跨*台能力，因此具有很好的发展前景。总之，技术的不断发展使多**元素在网页设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

　　2、版式设计

　　网页的版式设计同报刊杂志等*面**的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间**视听多**元素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个研究风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。

　　但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来**的。这使网页设计者不能精确**页面上每个元素的尺寸和位置。而且，网页的**结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。

　　二、网页设计的原则

　　网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的**。它要求设计者必须掌握以下三个主要原则:

　　1、主题鲜明

　　视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被研究们即时地理解和接受，以满足研究们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

　　根据认知心理学的理论，大多数研究在短期记忆中只能同时把握4到7条分立的信息，而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在研究们寻找信息和使用信息的实践活动中，它要求视觉设计者的网页设计必须自觉地掌握和遵从。

　　作为视觉设计范畴一种的网页设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的***，增进对网页内容的理解。只有两个方面有机地**，生能实现最佳的主题诉求效果。

　　优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个研究站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样:首先，设计是为主题服务的;其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”;最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个研究网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。 只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的.逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的***，出现*庸的网页设计或使网页设计以失败 而告终。 要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

　　2、形式与内容**

　　任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式**容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。”(黑格尔第三卷) 一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地**起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，生能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感生能实现形式与内容的**。

　　据有关资料所做的保守估计，目前在上网页数据传输*均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多**元素等，虽然达到了其静态形式美的效果，却造成多达几十k甚至更大的网页数据，使浏览者必须等待很长时间生能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一——快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美**。 网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容**的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的**。

网页设计开题报告3

　　一、毕业设计的内容和意义：

　　学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它聚集社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片***，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的*台。有效地降低教研成本、提高效率。

　　我国的大学教育已经普及，大学生的队伍也正在不断壮大，为了 方便大学生对本校各项工作的了解以及加深学生、教师与学校之间相 互的交流，建设一个规模化的校园网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。

　　以Internet/Intranet为网络*台实现校园网络各项信息发布、管理、设置等功能。本题目要开发一个校园网***站。包括BBS系统*台、院校**发布*台，在限选课*台。**：包括*台管理、**认证、资源管理、用户权限管理等。

　　二、文献综述：

　　经济高速发展的今天，校园的各种信息的收集与发布都要求有一个高的效率。由于大学生的生活节奏较快，且电脑普及率和上网概率也随着社会的'发展越来越高，学生上网获取信息的机会越来越多。所以，学校可以将政务宣传服务切入到这个点来，让学生更方便地获取相关信息，这将**提高学生学习的进度和对学校教育的满意度。这就要求通过网站，全面宣传、展示学校风采、优点与特色，发布学校的重大活动安排与招生**，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。

　　该系统是面向全网络的，作为学校与外界联系的一个*台。系统管理员负责更新网站内容，不同权限的用户登录系统将进入不同的页面，实现不同的操作。

　　系统主要包括六个模块：

　　1.用户注册模块：这个模块完成新用户的注册功能，并能对注册信息进行检查。

　　2.用户登录模块：这个模块提供用户的登录界面，并验证用户名和密码,以确定用户身份。

　　3.显示模块：这个模块将根据用户权限显示出不同的页面，以及内容。

　　4.操作模块：这个模块提供与内容相关的功能，并且对不同身份的用户给予不同的操作权限。

　　5.用户管理模块：这个模块能够对用户个人信息进行管理。

　　6.数据库模块：这个模块实现对数据库的连接和访问。

　　三、工作计划及方案论证：

　　1．第一阶段：11月20日 — 11月25日

　　阅读资料；进行需求分析，提出设计方案确定技术路线，完成开

　　题报告；设计软件原型。

　　2．第二阶段：11月26日 — 2月10日

　　在上一阶段基础上，按时、按质、按量完成毕业设计任务

　　3．第三阶段：2月11日 — 4月1日

　　总结所有的工作，完成毕业设计论文初稿

　　4．第四阶段：4月2日 —4月20日

　　修改论文；小组内答辩，评分；准备答辩材料

　　四、参考文献：（不少于10篇，期刊类文献不少于7篇）

　　[1] 周怀军. ASP***页设计应用教程[M]. 电子工业出版社,20xx-3

　　[2] 赵燕萍. 电子商务概论[M]. ********出版社,20xx-11

　　[3] 王恩波 王若宾. 管理信息系统实用教程[M].人民邮电出版社,20xx-9

　　[4] 唐乾林. 网页设计与制作案例教程[M]机械工业出版社,20xx-8

　　[5] 赵增敏. ASP可视化编程及应用[M].机械工业出版社,20xx

　　[6] 龚小勇. 关系数据库与SQL Server20xx[M].机械工业出版社,20xx-1

　　[7] 崔良海 沙俐敏. WEB编程技术[M].人民邮电出版社,20xx

　　[8] 陈家琪. C程序设计教程[M].新华出版社,20xx-11

　　[9] 明日科技. ASP.NET数据库系统开发完全手册[M].人民邮电出版社,20xx-1

　　[10] 邓春妮 孙艳华 邹庆云. ASP.NET信息化系统建设案例[M].人民邮电出版社,20xx-XX

　　[11] 张树亮 李超. ASP.NET 2.0+SQL Server网络应用系统开发案例精解 清华大学出版社,20xx-9

　　[XX] 李文梅. 谈采用ASP数据库存取组件访问SQL Server数据库 新余高专学报,20xx-10-30 期刊

　　[XX] 王大龙. 基于VB程序和SQL Server数据库的多条件模糊查询的实现 电脑知识与技术,20xx-XX-15期刊

　　[14] 朱丽敏. 交互式***页建构技术——ASP技术 太原科技,20xx-02-26期刊

　　[15] 王珂玲. 利用报,20xx-06-30ASP技术访问数据库技术探讨 湖南轻工业高等专科学校学期刊ASP技术的在线教育系统设计与实现 电脑知识与技[16] 吴锦. 基于术,20xx-XX-25期刊

　　[17] 王明华. 用ASP技术实现网上购物系统 科技资讯,20xx-09-03期刊

　　[18] 王海燕 王明明 张景义. 用术,20xx-06-25ASP技术实现人员信息查询系统 电脑知识与技期刊ASP技术的网站**管理系统 电脑知识与技术,20xx-06-25[19] 李铮. 基于刊 期

网页设计开题报告4

　　题目一、选题的背景和意义：

　　（一）选题的背景：

　　1）国际动态：深圳市WTO事务中心通过纺织行业协会和服装行业协会，就欧美对我国纺织品服装启动保障措施设限，向各纺织服装企业发出了预警信息。服装企业要想成功地在国际市场中打拼，关注相关预警信息是重要保证。在艺术和设计领域，**各种新**的涌入和渗透，带动着我们的价值观与审美观一起跟随国际流行动态前进。虚荣夸大的装饰化风格成为新的****，使其更具国际化，紧随国际时尚潮流。

　　2）**动态：**服装的演变历史大约是在夏商时期初见端倪，到了周代渐趋完善。当时的服饰依

　　据穿着者的身份、地位各有分别。发展至今，**的服装发生了翻天覆地的变化。特别是在女装方面。如以自然简单的款式，取代华丽而夸张的服装款式等等。

　　我国服装历史悠久，款式、面料绚丽多彩，是我国民族文化艺术宝库的珍品之一。随着社会的进步和科学技术的发展，出现了不少现代多功能及高科技的奇妙服装，以满足人们的生活和工作需要。将来服装的发展趋势是不求名贵，但求方便，更求舒适，越来越薄的“绿色”服装。

　　（二）选题的意义

　　服装是一种带有工艺性的生活必需品，而且在一定生活程度上，反映着国家、民族和时代的**、经济、科学、文化、教育水*以及社会风尚面貌的重要标志，是两个文明建

　　设的必然内涵。从社会、思想和文化变迁的角度看服装的变化，服装就成为考察社会文化变迁的窗口。所以一部优秀的社会生活史必定是社会文化史；一部优秀的社会文化史必然要对社会生活作出具体详实的文化和社会的`阐释。

　　（1）大力弘扬我国服装业进取拼搏的精神，促进服装业的发展

　　由于网络*台可以实现信息资源共享，在网上**更优秀的服装业发展动态，不仅使消费者在网上看到服装业的最新发展趋势，而且为消费者提供一个互相交流的*台。

　　（2）寻找利用计算机技术及其专业技术实现消费者远程交互自主买卖解决方案

　　（3）完善和发展学习设计理论

　　二、课题研究的主要内容：

　　1、服装网站设计理论体系的研究

　　包括服装品牌的设计、构建性服装网站环境的设计、服装情境的设计、服装资源的设计、消费者自主买卖活动的设计、消费者与本网站互动的设计、消费者评价工具的设计等。

　　2、基于网络环境下的教学策略与教学模式的研究

　　（1）网络教学策略的研究，如网络环境下的教学内容**策略、网络环境下的教学情景营造策略、网络环境下的教学对话**策略、网络环境下的的课堂管理策略等

　　（2）网络教学模式的研究，如项目化学习模式、探索性学习模式、研究性学模式等

　　（三）、主要研究（设计）方法论述：

　　本项目的研究主要采用个案研究、实证研究、**研究、比较研究等方法。对于较大规模的服装款型与服装面料的研究，将采用**研究方法。

　　对于个别带有创新性的服装研究，则通过建立科学的假设，采用比较研究的方法。利用Flash编辑网站所需的小动画，利用Dreamweaver

　　编辑网站框架，利用ASP和ASP。net实现网上买卖及消费者与网站交流沟通等功能。做出毕业设计！

　　四、论文（设计）

　　进度安排：时间工作内容

　　选课题并完成该课题的开题报告收集资料，建立模型整理分析资料，设计与调试完成论文初稿网站试验，评价修改扩大试验，归纳总结论文修改

　　对论文排版和打印，制光盘论文答辩五、指导教师意见：指导教师签名：六、系部意见：年月日系**签名：年月日

网页设计开题报告5

　　1．结合毕业论文（设计）课题情况，根据所查阅的文献资料，撰写3000字左右的文献综述(包括目前同类课题在**外的研究状况、发展趋势以及对本人研究课题的启发)：

　　一、课题背景

　　计算机与网络技术的飞速发展，已经逐步改变了面对面获取知识的传统教学方式。基于Internet的网络学习模式，具有交互性好，教学过程可以不受地域、时间限制，而且可以使得教学资源能在最大范围内实现共享。并且使传统的以教师为中心的课堂模式转化为以学生为中心、学生可以**选择学习内容的新模式，具有知识信息量大、教学方式生动活泼、声像辉映、图文并茂等特点，因此受到了教育界的普遍认可和欢迎。**外高校利用互联网开展网上学习呈现出快速发展的态势，开发了一大批具有较高的水*的网络教学课程。随着经济全球化的发展，英语的应用越来越广泛，学习英语的重要性更是重中之重。

　　二、**外研究现状及发展趋势

　　在**，网络教育还停留在基础的应用阶段，还在摸索中前进，几乎没有把英语学习和网络很好的相结合。在学校里看到最多的是基于小型局域网的多**英语学习教室，使用时也多是放录音，学生与老师之间几乎没有互动环节。而具有互动环节的在线英语自学系统，由于**对网络教学还比较保守，因此现还处于刚起步阶段。***，网络教育和各方面的教学的发展已经进入深入阶段。学校把课程和计算机网络相结合，充分发挥了网络教学的互动优势，使学生在快乐中学习。据统计，**已经有55%的在校学生人手一台电脑，远程教育的参加人数正在以89%的增长速率递增。

　　在调研中,我们了解到"网络环境下大学英语的教学**"正处在国家推进、重点突破、全面展开的进程之中,并取得了积极的成效。大部分试点院校经过两年多的教改实验论证,效果较好,规模进一步扩大。如**大学、清华大学、**理工大学、**交通大学、**林业大学、**化工大学、武汉大学、西南大学、大连民族学院、大连理工大学等部分试点高校在05级新生中已经全面实现网络环境下大学英语教学模式。西北工业大学、北华大学、山东大学、东北大学、南开大学、***信息工程大学、首都经济贸易大学等高校都于05年在新生中进一步扩大规模。20xx年,有更多的试点院校将在06级新生中全面推行网络环境下大学英语教学模式。相信在未来，网上学习英语的模式将得到更好的重视与发展。

　　虽然在线学习已经蓬勃地发展起来，但是在线学习的普及率还并不高。目前已开发出来的系统基本具备一个自学系统所需的基础功能，比如可以根据自己的需要选择课程学习等。但是在知识库设计这一模块还存在一些问题，如设计不全面，管理紊乱，知识的匮乏，因此在线学习系统的应用并不广泛。另外，对于我国来说，在线学习主要出现在高等教育以及一些特定的领域，具有相当大的局限性，这对于许多求学者来说是远远不能满足其需求的。***，随着技术的飞速发展，不仅高等教育、很多社会其他部门都已经开设了在线自学，通过计算机实现异地自学和自检。现在，计算机硬件技术的发展已经达到了相当高的水*。但是，教学软件尤其是知识库的设计、开发还处于起步阶段，随着这项技术的不断深入发展，就要求有更好、更完善的软件系统应用到教学当中去，这就给设计人员提出了更高的设计要求。

　　网络必须走综合化发展之路，实现与其他课程的整合，而不能再按照学习一门学科的老办法去讲、去学、去考。在网络环境下的英语学习让学习者自己动脑筋去寻找问题、发现问题，帮助他们如何利用网络资源为英语学习服务。教师和学生之间可以通过网上讨论、 电子信箱等进行探讨性的学习，让老师快速、准确地了解学生的学习情况，帮助学生提高学习效率。

　　三、课题研究意义及启发

　　随着我国对外开放的不断扩大化,科学技术的不断进步,国际地位的不断提高,迫切需要造就一大批精通外语的专门人才,以加速我国“四化”进程，使我国在国际事务中发挥更大更积极的作用。英语的使用范围非常广泛。世界上70%以上的邮件是用英文写或用英文写地址的。全世界科技出版物 70% 以上用英语发表。全世界的广播节目中，有60%是用英语进行的。绝大部分的国际会议是以英语为第一通用语言它也是***的正式工作语言之一。总之，在国际**、军事、经济、科技、文化、贸易、交通运输等领域，英语是一个重要的交际工具。对具备一定外语知识的综合型人才的.需求也随之大幅增加。而随着网络技术的迅猛发展，人们的生活越来越依赖于网络的发展。通过网络学习英语的要求也相应提高。因此，学好英语对实现上述目标具有重要的现实意义和深远的历史意义。

　　信息社会的最明显的标志是信息采集的全面与快捷。要善于在教学中整合网络资源，充分利用网络资源优势。学习网站可以为学生创造尽可能多的接触现实的机会，提供更多的直观生动的感性材料，扩大学生的知识面，增加词汇量，减少学生因缺乏相关知识而造成的学习困难，增强学生对英语的**性，拓宽学生思路、开阔视野，促使学生用英语思维，强化记忆，提高学习效率，让学生在听说读写译能力等方面都获得提高。网络教学为我们提供了克服传统教学弊端的全新的教学方式，使抽象的、枯燥的学习内容转化成形象的、有趣的、可视的、可听的动感内容，网络教学已成为英语教学的发展趋势。

网页设计开题报告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-2012第二学期

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

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

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

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

网页设计开题报告7

　　选题的意义、同类选题现状分析包括项目实施的意义和应用前景，**外研究和应用概况，发展趋势，本项目的特色或创新之处）

　　电子商务发展在世界范围内都是刚刚开始，其发展速度极为迅速，传统商业模式正不断地被新的商业模式所替代。网上购物就是Internet和电子商务网站的产物，近几年在我国发展迅猛，就如同一些购物商场在各地纷纷开设分店以拉近与顾客间的距离一样。21世纪是网络的时代，信息的时代，时间是非常宝贵的，人们由于种种原因没有时间去逛商场，也不知道哪家商场有自己中意的商品，网上购物网站的建立就可以很好的解决这方面的问题，可以向广大用户推出一种全新的网上信息服务，旨在货品与消费者之间架起一座高速、便捷的网上信息桥梁，可以为用户节省时间、方便购物。

　　在**也有许多我们所熟悉的大规模的网上购物网站，如阿里巴巴和淘宝网。**的网上购物在摸索与借鉴中成长着，利用**特有的优势来克服不利的'外部环境因素，例如采用“货到付款”就是**购物网站的成功创新。随着外部环境的逐步优化，上购物网站发展前景看好。

　　本网站的主要功能有：用户注册、会员登录、货物分类查询、货品浏览、购买货品、购物车、客户留言；管理员管理会员信息以及订单信息、管理员添加和删除货品、管理员查看留言。一方面，让顾客方便购买各类货物，给本购物网站提出宝贵的意见或建议；另一方面，管理员能在管理信息的同时也能了解顾客的需要，对网站的不足之处进行修改。本购物网站还在借鉴其他成功购物网站的同时也加入了一些创新的元素。如在货物介绍的页面中添加了同等商品价格的最新比较数据，让用户能够花比较少的时间找到自己满意的产品，同时在本网**每个注册用户还可以拥有自己的一个小型的BLOG，在其中用户可以发展自己的购物经验和日常的心情。同时在网站的界面上，本网站了可能让用户设置网页的风格，用户可以按照自己的喜好改变网站的背景色，让整个网站更加的有特色。

　　（包括毕业设计目标、设计内容和拟解决的关键技术问题）

　　购物网站的建立是为了节约顾客时间和方便顾客购物，该网站主要有注册会员、会员登陆、货物搜索、购物车以及对会员、货品、订单的管理。以实现网**店的交易和管理。

　　（1）前台服务：注册会员、会员登陆、会员修改个人信息及密码、货品分类搜索、货品浏览、货品购买、购物车，以及页面的特效如：将该网站设为首页、加入收藏、更改网页风格等。

　　（2）会员管理：管理员对会员个人信息的管理，验证会员登陆信息。并且可以在自己的BLOG中发表信息。

　　（3）图书管理：管理员查看书库中货物的库存量，包括各种货物的销售情况，以及及时更新数据库中货物的各种信息。

　　（4）订单管理：管理员对订单的管理，确认顾客信息与订单信息的准确性。

　　本系统主要是利用ASP、Dreamweaver、SQL数据库来完成设计的，主要完成了货物分类搜索、货物浏览、货物购买、购物车以及会员管理、货物管理、订单管理等功能的实现。

　　（包括开发*台选择、试验方案及可行性分析，设计和开发工作的总体安排、步骤等）

　　购物网站的设计与开发需要微机一台，操作系统为WindowsXP。开发环境为ASP、Dreamweaver，数据库为SQLServer20xx或选择Access。数据访问方法为使用ADO。NET通过ODBC的方法同数据库接口。使用这种方式访问数据，可以使用任何一种ODBC数据源，即不止适合于SQLServer、Oracle、Access等数据库应用程序，也适合于Excel表格，文本文件、图形文件和无格式的数据文件。

　　通过**分析，建立购物网有其充分的必要性和可能性。可以建立该网站的可能性具体包含了它具有经济可行性、技术上的可行性和时机可行性，系统能达到以最小的开发成本取得最佳的经济效益，开发中所需人员、硬软件**以及其它费用进行估算情况均满意，技术条件也能保证顺利完成开发工作。

　　最终认为该系统完全可行，网上购物网站是一个网上交易网站，利用该网站用户可以购买货物，修改自己的购物车，在自己的BLOG中发展信息；管理员作为管理者则可以查询会员的订单信息、管理货物，对货物进行添加和删除。

　　1、前台服务：

　　此模块是对于用户开放，实现的功能有：客户注册，会员登录，修改个人信息及密码，货品分类查询，货品浏览，购买货物，购物车，会员留言等。

　　2、**：

　　此模块是对于管理员开放，实现的功能有：会员基本信息管理、订单管理、货物管理、查看留言。

网页设计开题报告8

　　课题名称为：网页设计制作方法及其在餐饮行业中的应用举例

　　基本任务与要求：

　　阶段工作计划：

　　开题报告：

　　1. 选题背景（含**外相关研究综述及评价）与意义

　　选题背景：互联网始于1969年的**，又称因特网。最初用于军事连接，之后由于计算机的增多，以及各种连接协议的规范化，互联网逐渐发展起来，成为日常生活中人们与外界交流信息的重要工具，可以说，信息时代的基础就是互联网。在**，截至20xx年12月底，**网民数量突破5亿，达到5.13亿，全年新增网民5580万。互联网普及率较上年底提升4个百分点，达到38.3%。（数据来自国家互联网络信息中心），随着网民的逐渐增加，网页制作以及网页设计技术的日趋完善，网页已经被运用到人们日常生活中的方方面面，越来越多的人甚至公司开始学习制作属于自己的个性化网页，这成为信息时代最重要的宣传方式。

　　**外对此课题的研究着重分为两个方面，网页制作以及网页设计，但是两者同时又是密不可分的，因为，设计需要建立在目前的制作技术之上，而制作又需要遵守设计所构建的框架，两者相辅相成，缺一不可，而**外对此的研究通常都在两方面有兼顾，但是大部分课题都是只对一个小问题或者一个小型框架，或者只是粗略讲一下相关的技术或者技巧，对两者同时进行一个综合性概述的暂时还没有。

　　意义：在互联网初期，大部分网页***都只知道如何去制作网站，知道如何去实现什么样的功能，但是在这个信息化的社会，如何让你的网页变得更好看，更直观明了的表达信息，如何从众多的网页之中脱颖而出，这就需要更强的网页设计技术了，而新的网页制作技术例如HTML5以及CSS3的运用也给***们带来了更好的施展空间，该课题会先对网页设计制作技术进行一个概述，让读者了解这些技术尤其是新技术的运用，同时课题还将运用一个知名餐饮行业的企业网站为例，讲述网页设计制作设计方法的实际运用，并指出网站设计中体现出的优缺点，最后课题里还会按照要求设计一个网站，同样也是餐饮行业方面的.网站，与知名企业的网站进行对比，加深理解网页中设计与制作的关系。 选题研究的方法与主要内容。

　　选题研究方法：

　　文献研究法：通过**与网页设计制作相关的文献，对其进行一个综合性的了解，同时吸收文献中对网页设计制作的独特见解，加入自身的理解，从而达到一个更高的高度

　　探索性研究：利用自身已经学习过的网页设计制作方面的知识，以及在网页美学上的经验，综合探索，得出属于自己的独特经验

　　信息研究方法：通过对网络上各种教程以及著名网站等实例样本进行收集、传递、加工和整理来获得知识，并将其用于实践，在实践中进行检验，从而纠正理论

　　经验总结法：通过对制作实际网**的实际情况，进行归纳、分析，并且将这种经验进行系统化整理 描述性研究法：将网上已有的网页制作的经验、理论以及规律甚至是小技巧等等通过自己的理解，并且给予实地验证，最后系统性叙述并解释出来

　　主要内容：论文主要分为四部分，第一部分是开题报告部分，讲述选题背景以及对**外相关研究进行一个综述，并指出论文的研究意义；紧接着第二部分对**外在网页设计制作方面技术进行了一个综合性的分析；第三部分，我将选取**一个知名餐饮行业的网站，对其进行网页设计制作技术方面进行分析评价，并在其中阐述自己的理论，论证优缺点；最后，我将自己设计一个有关于餐饮行业的网站，并将其与第三部分中选择的知名餐饮行业网站进行对比，取长补短，达到实际验证自身理论的效果。研究条件、拟解决的主要问题和预期结果。

　　研究条件：网页在21世纪的应用已经十分普遍，但是大部分研究都是只针对某一小部分，并且大部分研究都是对设计和制作没有一个系统的概念，缺乏对这一方面的一个综合性概述，所以这次课题研究具有以下几个条件：

　　1、具有研究性：该研究区域尚未被大量探索过

　　2、研究过程中所需的条件均已满足：**外相关研究已经有很多，大多数知名餐饮网站也开始重视网站进行销售和宣传

　　3、具备研究该课题的设备、场地或者环境等：网页设计制作所需要的物质成本只是充足的信息来源，而互联网已经满足了这个条件

　　拟解决的主要问题：

　　1.对网页设计制作技术的收集以及归纳、整理

　　2.对网页设计制作技术的理解、实际应用及论证

　　3.自主设计一个网站，避免出现知名餐饮行业中的缺点设计

　　预期结果：

　　初期：收集整理网页设计制作方面的资料，包括文献，各种教程，以及**外知名网站，对各种设计制作方法进行系统性的整理，其中着重介绍新技术的运用，例如HTML5、CSS3以及设备移动互联化带来的新交互方式的运用

　　中期：选取一个有**性的知名餐饮网站，对其进行网页设计以及网页制作方面的评价，指出设计中的优点和缺点，并进行详细分析，针对缺点设计提出自己的想法，并做出实际设计，从而验证自己的理论，或者举出实例进行对比论证。

　　后期：自行设计餐饮网站进行对比分析，建立自己的设计理论，并与中期的评价进行对应验证，在实践得到大量的经验，从而对整篇课题进行一个重新检验，最后反复检查论文，完成论文。

网页设计开题报告9

　　从学校毕业后，我第一次步入了社会，从此开始了面对社会、工作的生活。刚刚走入社会的我是一个性格有些内向的人，面对陌生的人，我不善言辞，不会给自己的外表进行很好的包装，不适合做那些销售、接待的工作，只有技术类的工作，少说多干的活适合我，这个我很清楚。现在，**每年都有很多毕业的大学生找不到工作，我也不例外，所以，这第一次实习工作肯定不会太好找，但是相反，我的运气还不错。找到了一份网页设计的工作。现将我在工作中的情况报告如下。

　　工作介绍

　　我工作的这家公司，从事网站开发工作的，公司在技术团队这部分是比较正规的，一般是五到六人为一个小组，小组中有明确分工，有负责联系客户接恰生意的，有专门做技术的，而在技术这块分为网站前台、**开发，我在学校主要做的是**开发，当然前台设计工作也还算熟练，但不是很精通。我们这个小组一般接下的活都是一些小型网站的开发工作，这样的网站技术难度不大，而且工作周期短，有相当一部分的，只需要通过cms软件就可以进行开发。但是有个别的网站开发时，我们还是需要进行一些手写代码工作的。

　　开发技术

　　做为一个刚毕业的大学生，我的知识储备肯定有不足的地方，毕竟学校教的东西肯定会有一部分和社会是脱节的，但好在我的**对于我没有太多的要求，他只是要求我尽快的'适应公司的工作和生活，在短时间内熟练的掌握相关技术，干好本职工作。

　　在大学里对一个学生来说什么是最重要的，那就是学习能力。要知道，这个世界上，知识在发展，人类在进步，每天都在进行日新月异的变化，我们的知识储备总会有不够的地方，但是一定要有学习能力，将不会知识快速掌握，只有这样才能占据主动，减少被动情况的尴尬发生，通过二个星期的时间，我成功的适应了公司的工作和生活节奏，每天早九点上班，晚17:30下班，中午休息一个半小时，每周还有两天假期。我利用业余时间，抓紧学习，将工作中所需要的技术进行了强化学习，其实这些东西在学校的时候就接触过，只是不精通。那个时候学的东西多，难免有个主次之分，这次工作了，才知道哪个应该多学点，但好在我都有学过，所以有个好的基础在这里，也就不怕了，比如说：flash，公司要求技术人员会做flash，flash这东西以前我在宿舍的时候经常玩的，可是后来在分析就业情况时，分析错了方向，以为这东西没有什么用处，结果就给荒废了。但好在还有印象，并且当初记了很多的笔记，所以说记笔记是很重要的事情。而其它像 javascript、xml、数据库这些东西我都学过，只是实践能力稍差一点，但好在从前在学习方面用的功不是白费的。通过这种实战环境，和半个月的刻苦学习，我终于可以感上小组的工作进度了，已经可以很好的完成**教给我的任务了。

　　像我这个组常用的是css+div排版，**使用php技术进行开发，服务器*台采用，linux+apache+mysql+php,这种lamp组合，我很高兴在学校学的东西能学有所用。以前我们是用表格(table)进行排版，这种方式简单但是已经有些过时了，现在大部分网站都开始了重新构架，所以都采用css+div进行网页排版，我目前正在学习，掌握的还算比较快。而在**开发部分，我们使用php来进行开发，我的工作是手写一些小模块。或者用javascript写一些特效小代码。

　　工作流程

　　小组分工时，我负责**里小模块的开发工作，如：留言板或，还有一部分javascript代码编写工作。前台部分的工作是和组里的丁珊珊做一些排版的工作，使用css+div技术。编写代码这种工作看起来有些枯燥，其实时间长了以后，还真有点厌烦，但是后来我明白，只有将自己的本职工作做好，提高自己的技术，做出优良的东西，这样自己才会有价值感，才会对自己的工作保持新鲜感。所以我每天都在工作后，记录下每天在技术上的不足之处，回家后，将强学习，这所谓：找出不会的地方，学会它，你就变的强大了。

网页设计开题报告10

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

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

　　1、1选题来源

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

　　1、2选题的目的和意义

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

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

　　三、所选题目的**外动态、水*

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

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

　　四、研究内容和研究方法

　　1、采用什么设计方法

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

　　2、采用什么设计工具

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

　　3、达到什么效果

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

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

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

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

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

　　4、结论

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

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

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

　　

网页设计开题报告11

　　一、毕业设计的内容和意义：（500字左右）

　　学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它聚集社会的力量，使教育资源无限增长。学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片***，各种优秀文章、各科素材、优秀软件下载等内容为学生提供了极佳的*台。有效地降低教研成本、提高效率。

　　我国的大学教育已经普及，大学生的队伍也正在不断壮大，为了 方便大学生对本校各项工作的了解以及加深学生、教师与学校之间相 互的交流，建设一个规模化的校园网站成为了当务之急。网络化将给我们的工作和学习带来了极大的便利。

　　以Internet/Intranet为网络*台实现校园网络各项信息发布、管理、设置等功能。本题目要开发一个校园网***站。包括BBS系统*台、院校**发布*台，在限选课*台。**：包括*台管理、**认证、资源管理、用户权限管理等。

　　二、文献综述：（300字左右）

　　经济高速发展的今天，校园的各种信息的收集与发布都要求有一个高的效率。由于大学生的生活节奏较快，且电脑普及率和上网概率也随着社会的发展越来越高，学生上网获取信息的机会越来越多。所以，学校可以将政务宣传服务切入到这个点来，让学生更方便地获取相关信息，这将**提高学生学习的进度和对学校教育的满意度。这就要求通过网站，全面宣传、展示学校风采、优点与特色，发布学校的重大活动安排与招生**，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。

　　该系统是面向全网络的.，作为学校与外界联系的一个*台。系统管理员负责更新网站内容，不同权限的用户登录系统将进入不同的页面，实现不同的操作。

　　系统主要包括六个模块：1.用户注册模块：这个模块完成新用户的注册功能，并能对注册信息进行检查。2.用户登录模块：这个模块提供用户的登录界面，并验证用户名和密码,以确定用户身份。3.显示模块：这个模块将根据用户权限显示出不同的页面，以及内容。4.操作模块：这个模块提供与内容相关的功能，并且对不同身份的用户给予不同的操作权限。5.用户管理模块：这个模块能够对用户个人信息进行管理。6.数据库模块：这个模块实现对数据库的连接和访问。

　　三、工作计划及方案论证：（500字左右）

　　1．第一阶段：11月20日 — 11月25日

　　阅读资料；进行需求分析，提出设计方案确定技术路线，完成开

　　题报告；设计软件原型。

　　2．第二阶段：11月26日 — 2月10日

　　在上一阶段基础上，按时、按质、按量完成毕业设计任务

　　3．第三阶段：2月11日 — 4月1日

　　总结所有的工作，完成毕业设计论文初稿

　　4．第四阶段：4月2日 —4月20日

　　修改论文；小组内答辩，评分；准备答辩材料

　　四、参考文献：（不少于10篇，期刊类文献不少于7篇）

　　[1] 周怀军. ASP***页设计应用教程[M]. 电子工业出版社,20xx-3

　　[2] 赵燕萍. 电子商务概论[M]. ******出版社,20xx-11

　　[3] 王恩波 王若宾. 管理信息系统实用教程[M].人民邮电出版社,20xx-9

　　[4] 唐乾林. 网页设计与制作案例教程[M]机械工业出版社,20xx-8

　　[5] 赵增敏. ASP可视化编程及应用[M].机械工业出版社,20xx

　　[6] 龚小勇. 关系数据库与SQL Server20xx[M].机械工业出版社,20xx-1

　　[7] 崔良海 沙俐敏. WEB编程技术[M].人民邮电出版社,20xx

　　[8] 陈家琪. C程序设计教程[M].新华出版社,20xx-11

　　[9] 明日科技. ASP.NET数据库系统开发完全手册[M].人民邮电出版社,20xx-1

　　[10] 邓春妮 孙艳华 邹庆云. ASP.NET信息化系统建设案例[M].人

　　民邮电出版社,20xx-12

　　[11] 张树亮 李超. ASP.NET 2.0+SQL Server网络应用系统开发案例精解 清华大学出版社,20xx-9

　　[12] 李文梅. 谈采用ASP数据库存取组件访问SQL Server数据库 新余高专学报,20xx-10-30 期刊

　　[13] 王大龙. 基于VB程序和SQL Server数据库的多条件模糊查询的实现 电脑知识与技术,20xx-12-15期刊

　　[14] 朱丽敏. 交互式***页建构技术——ASP技术 太原科技,20xx-02-26期刊

　　[15] 王珂玲. 利用

　　报,20xx-06-30ASP技术访问数据库技术探讨 湖南轻工业高等专科学校学期刊

　　ASP技术的在线教育系统设计与实现 电脑知识与技[16] 吴锦. 基于

　　术,20xx-12-25期刊

　　[17] 王明华. 用ASP技术实现网上购物系统 科技资讯,20xx-09-03期刊

　　[18] 王海燕 王明明 张景义. 用

　　术,20xx-06-25ASP技术实现人员信息查询系统 电脑知识与技期刊

网页设计开题报告12

　　一、本课题的目的和意义：

　　随着互联网技术的迅速发展网络已逐渐深入人心，更是成为继报刊、电视、广播等传统**之后而迅速兴起的一新的传媒介质，网络宣传已成为众多宣传**的重中之重，各种各样的网站也就应运而生。为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的**网站、方便学习的教育网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的位置上。

　　当今的人们，如果依然依靠传统的方式展示自己已经不能满足现在人们的需要，所以做一个网站就成为人们一件十分有意义并有兴趣去做的事情。利用企业网站我们可以让全国，甚至全世界的人们有机会知道自己的公司。

　　二、本课题研究的难点

　　规划并建设好一个企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。因为是企业网站，所以要求要比其它类型的网站更加独具匠心，有独特的眼光。这就规划者有了更高的要求。首先，要根据自己的要求网站的风格布局、色彩搭配和大体轮廓，并确立网站的栏目、内容。其次，网站制作者将要根据前一点安排整个页面文字图片的布局，这就要求设计者对网页制作具有相当的水*，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言ASP、PHP、JSP或ASP。NET等中选择来进行网站管理**的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器*台所**的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要。

　　三、本课题研究要解决的问题

　　规划并建设好一个令人耳目一新的企业网站，并不是一件容易的事。首先，规划好这个网站就不容易。这要求网站规划者熟悉企业的情况，并确立网站的栏目、内容。其次，网站制作者将要根据网站的规划书来确定网站的风格、布局、色彩搭配等，这就要求设计者对网页制作具有相当的水*，美工、排版能力要强。再者，企业网站需要实现的动态及时更新等功能要求网站制作程序员有良好的编程基础，在网络编程语言ASP、PHP、JSP或ASP。NET等中选择来进行网站管理**的编写并与前台挂钩并通过更新数据库来实现网站的更新。当然，选择的编程语言也要与网站服务器*台所**的技术相符合。这就要求在配置服务器或是购买虚拟主机时根据需要来进行配置或选择。ZUI后，网站安全性也是一个重中之重，在如今黑客当行、病毒当道的互联时空，网站的安全犹为重要，否则，功亏一篑！这就要求配置服务器或选择虚拟主机时的谨慎以及编写网站管理**的注意。

　　四、本课题研究的目标及内容

　　1、本课题研究的目标是：建立一个具有特色的企业网站。

　　课题的内容是：在这个课题中，主要是用于公司相关信息的介绍，以及相关的产品内容的介绍。方便他人的了解。它的'内容主要包括对网站前台的设计及制作，包括企业网站的logo设计，布局的设计，网站页面的制作、片头动画及页面动画的设计制作、注册登陆系统以及各链接和相关技术的开发等。在这里，我将以制作某企业网站为例，具体阐述个人网站的制作过程。

　　制作网站过程：

　　1、网页美工

　　用photoshop CS制作页面效果图片，搭配好颜色，设计好版式，这样做的目的是为了让网站的页面更具有整体性和美观性，色调搭配及版面的设计都可以通过photoshop CS这个强大的图片处理软件来完成，这样设计出来的网页不论是从美工还是从版式上都是一流的。

　　2、导航条和文字图片的布局

　　用DreamweaverMX和FlashMX设计制作导航条，同时对文字图片进行调整。具体的就是文字的大小、字体以及图片的格式、大小进行调整。

　　3、超链接其动态设计

　　用用DreamveaverMX建立超链接使整个网站能够**地相互关联，使浏览者能够方便地到达所需要的网页。另外，本网站还可以进行注册，利用ASP与Access相连使网站变为***站。

　　五、课题研究进展计划

　　1第一周到四周完成毕业设计开题报告

　　2第五周调研，准备各种参考资料、充实所需知识

　　3第六周查阅相关书籍资料，提出可行性的设计方案

　　4第七到十六周具体设计与制作工作

　　5第十七周文档的生成与整理，指导教师修改

　　6第十八周毕业设计论文的相关资料的搜集

　　7第十九周完成毕业论文撰写

　　六、参考文献

　　《网页设计典型技巧》 Time创作室人民邮电出版社20xx年10月

　　《ASP***站开发毕刘瑞斯机械工业出版社20xx年3月

　　《ASP+Access组建***站实例精讲》龙马工作室人民邮电出版社20xx年6月

网页设计开题报告13

　　在经济迅速发展的今天，Internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习，让我们把*时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学**的许多不足，下面就谈谈我在本次专用周的主要感受。

　　一、网站整体规划，要做网页的第一步便是做网站的整体规划。这主要包括四个方面的内容

　　1。讨论网站的主题。

　　网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息，因此我选择了我选择我最喜爱的服饰来为它做网页。在*时我也对服装的网页比较关心，无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。

　　2。定位网站的CI形象。

　　“易菲”植根**文化之精髓，汲取自然禀赋之灵性，形成一个既有浓厚文化底蕴，又有现代自然人文气息的特色品牌。“易”即是容，是包容，是宽容，是五千年**民族的文化精髓，是厚德载物，是对人性宽度的一种拓展。“菲”通非，是生机、是个性、是春意盎然、是自强不息，是对人性深度的一种挖掘。“生活如花，自在快乐”是YIFINI易菲的设计理念，倡导一种与自然**相处，如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。

　　3。确定栏目和板块。

　　于时间的关系在本次我准备做四张网页：一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。

　　4。网站的整体风格和创意。

　　整个网站的创意就在于颜色的搭配，与各种图片的搭配，它们相互辉映，相互衬托。以便达到表现其品牌的**之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上，YIEINI易菲推崇“自然美”，将带表女性气质的花卉和自然元素融入设计之中，充分体现***和顾客所追求的一种洒脱、舒适的生活氛围，力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、**之美。

　　二、网页制作的前期策划与准备，在本阶级主要有两方面的工作

　　1。资料的搜集。

　　在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料，我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有**其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容，同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的`搜集，动态图片其gif格式的还是好保存，但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功，不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索，不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处，最关键就是*时对知识的掌握不够，连最基本的资料搜寻都觉得困难。也是我*时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好，争取不范类似错误。

　　2。熟悉制作软件。

　　做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉，因为在*时上课是老师带领我们运用过。所以我还可以正常的运用，但是出现的问题还是有很多。有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我*时不够认真的具体表现。

　　三、网页制作，这便进入我该次的主题了具体制作流程如下

　　1。构建站点框架。

　　在我打开Dremweaver后第一步便是新建站点，我把我的站点建立在F仪下面。并将我搜集的全部资料都保存在其文件夹中，以便网页制作时可以方便的使用。

　　2。设计主页及二级页面。

　　在主页我设首页制作时，时刻考虑着网页的基本原则：**，连贯，分割，对比及**的原则，内容**，都是为了主题服务，美容美体，一个网站强调的就是一个整体，只有围绕一个**的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，色彩呼应，搭配协调，不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。

　　而且制作过程中，不忘以下原则：

　　简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的，所以要去掉所有的冗余的东西。使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美；页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，是网页富有可欣赏性，提高档次。当然雅俗共赏是人人都追求的。

　　交互式强：发挥网络的优势，是每个使用者都参与到其中来，这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏，便于浏览和跳转。3个二级网页制作时，使用的是表格，每一个页面都用表格为它布局好，然后在插入图片文字及其他，这样有一定的规划性，体现了连贯**性，不同的内容根据各自的特色建立了不同的表格，突出各自的主题，增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。

　　3。实现网页间的链接。

　　我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

　　4。向静太网页插入动态效果。

　　在这一阶段我遇到了许多的问题，主要是我在主页插入我的flash的时候，开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。

　　四、网页的调试

　　在做完网站才发现，怎么所有的图片素材并不是在一个文件夹中，而有许多的子文件夹，从网上下载的网页全都是一个网页对应一个文件夹。制作过程中，才发现，原来自己懂的太少了，好多不知道的地方，才赶紧查书，开始的时候只是会建立模版，可不会应用。而对于动态flash的插入我更是问题多多，开始是我对代码基本上是不懂，这就是自己学校上的问题，当真正开始运用的时候在向老师**。

　　这只是在制作过程中出现一些问题，其它问题也是类似相同。现在想想，自己所会的东西太少了，现在做的网站只是一些简单的静态的网站，看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。从我做的网页来看可以反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。同时我也希望能够有更多的类似动手练习，让我们在实践之中来学习知识。因为我觉得实践不仅能够提高我们的学习兴趣它更能够提高我们的动手能力增强我们的技术性。