网站规划教学设计5篇

第一篇：网站规划教学设计

网站规划教学设计

一、教学准备：

1．选取一些学生制作的优秀网站，以备上课演示时用。2．配置校园网Web服务器

3．准备好校园内部BBS，为班内互评作准备。

二、教学目标：

1．以网站欣赏为主线，介绍网站设计思想,使学生初步了解网站设计的整体构思。

2．学会如何规划、构思一个网站。

三、教学重点、难点：网站的整体构思

四、教材内容分析

本节课内容为高中第二册第一章第一节内容，它是进行网页制作的前提工作，其重点在于创建网站的几个步骤，即网站设计的整体构思。在这部分内容中，要求动脑思考的内容比较多，所以对于本节课内容只在于让学生了解网站设计的完整过程，不能急于求成，暂时只要他们能够策划出简单的网站就可以了。

五、教学对象分析

本节课的教学对象为高一年级第二学期的学生。在上学期，他们已经掌握了信息技术的基础知识、windows的基本操作、字处理软件的应用，掌握了上网的相关操作（如：接入Internet、浏览网页，从因特网上获取信息、收发电子邮件等等），通过观察，他们对上网很感兴趣。很多学生曾问我：老师，这些东西是从哪里来的呀？是谁做的呀？怎样发布到Internet上的呀？那些动画是怎么做的呀？等等。由此可见，他们对网站的设计也一定有兴趣、有信心。为了使本节课内容更好的让学生吸收，我特提前（上节课）给他们介绍了FrontPage软件（包括菜单的介绍、创建站点）。

六、教学资源及辅助手段、工具：

资源：对一个下载好的优秀学生的网站进行分析、讲解 网页制作工具：FrontPage

七、教学过程：

教师活动

引入

在因特网这个信息的海洋中我们发现许许多多内容丰富、创意新颖、设计独特的网站，不知道你见到这样漂亮可人的网站是否有点心动，你是否也想动手做一个吗？

提出问题：你们是否找到了适合你口味的网站或特别能打动你的主页？选择几个学生来说说。

正课

首先打开自己先前做好的网站，一定要做的漂亮，能吸引住学生的注意力，同时也让学生表现出对你的钦佩，对你的崇拜，这样学生才有信心跟你学，并且学好。

问题1：这是一个什么样的网站？（指内容）

问题2：这个网站提供了一些什么功能？

问题3：想不想知道这个网站我花了多少时间完成的吗？

首先让学生猜猜老师花了多少时间完成的。以第三个问题引出了我们今天要讲的内容，告诉学生制作一个网站应该如何着手，需要分成多少个步骤来完成。首先要确定主题，然后查找资料，最后再动手制作。所以说，制作一个网站是一个长期的工作，而不是一朝一夕之事，只有通过不断地改进、完善才能做出一个成功的网站。

1、做好需求分析

学生活动

学生都在说着自己看到的一些优秀网站，其中包括内容方面、界面方面、设计风格方面等等。

对于亲自动手制作一个网站，学生表现出了很大的兴趣，都想一显身手。

学生的目光一下子集中到了这个网站上了。

学生通过观察，依次回答了老师提出的问题。

学生都在议论纷纷，有的说2~3天，有的说5~6天，有的说……

在建站之前首先要明确的是建站的目的和网站将要面对的对象，在课堂中做一个简单的调查，进行归纳总结。

2、确定网站的主题。

创建网站前要先确定站点的主题，只有主题确定之后才会有目的的去寻找相关的资料，否则就像一只无头苍蝇到处乱窜，所以确定站点的主题是非常重要的，同学要慎重考虑好。

思考：你们想做一个关于什么内容的网站呢？可以从自身的兴趣、特长、爱好出发来确定站点的主题。

通过这么一个小思考，活跃了课堂的学生纷纷提出了自己的想法 学生议论：

有的学生对散文诗比较感兴趣，想做一个关于散文诗欣赏的网站，有的学生是追星族，想做一个关于明星、歌星方面的网站，有的学生对军事很感兴趣，所以想做一个关于军事武器方面的网站，各有气氛，同时也为今后的工作提前做了准备。各的想法，可谓包罗万象。

小结：站点的主题最好是自己擅长或者喜爱的内容，这样制作过程中才不会觉得无聊或力不从心，制作的内容才能够丰富多彩，更能吸引人。

3、确定网站名称

将学生根据主题的选择的相似，分成小组开展活动。选择恰当的网站名称是建

让学生不断地到报刊、网上收设网站的重要步骤。列出一些让学生评价。集资料、图像、图标等素材，将学小结：给网站取名就像是给人取名、生收集到的优秀的素材放在校园给公司取名一样，第一要与主题紧密相关，网上供大家使用。第二要有意义，第三要上口、悦耳、易记。此外取名时还要注意你的名称是否合法、合理、合情。

三、布置任务：

①要根据自己的情况确定好网站的主题和名称。

②根据主题收集一些资料。

第二篇：《规划设计网站》教学设计

八年级下册

八年级下册

八年级下册

八年级下册

八年级下册

第三篇：网站布局规划设计

网站布局规划设计《教学设计》

【教学内容】

练习用布局模式和表格布局网页

【教学参考】

《 Dreamweaver 精彩设计百例》

中国水利水电出版社

《 DreamweaverCS3商业应用篇》 清华大学出版社

【教学设备】

多媒体计算机，投影机

【教学目的】

1、掌握用表格布局网页基本操作

2、掌握用布局模式布局网页基本操作

3、比较表格和布局模式的优劣

【教学重点】

1、用表格布局网页

2.、用布局模式布局网页

【教学难点】

布局模式布局网页

【教学方法】、项目工程互动式教学法、“讲、学、练”相结合：大量采用演示、讲解和练习等方式

【教学设计】

向学生讲解表格和布局模式的基本概念，演示 2 个项目的制作过程和效果图，分析这 2 个网页中表格的设计及相关属性的设置，布局表格及布局单元格的设计及相关属性的设置。讲解、示范操作完毕后布置课后作业。

第一步：表格概说及示范操作

第二步：用表格布局网页元素

第三步：教师示范操作范例 1、答疑

第四步：布局模式概说

第五步：展示项目 2 效果图，并分析布局单元格属性

第六步：教师示范操作、答疑

第七步：比较表格和布局模式的异同

第八步：布置作业

【教学过程】见讲义 【小结】

本次课，主要讲解用表格布局网页和用布局模式布局网页的方法。

【作业】

思考题：用表格布局和用布局模式布局网页有何优劣？

第四篇：《体验网站规划与设计》教学反思

《体验网站规划与设计》教学反思

《体验网站规划与设计》教学反思

今天上午，我在高二（1）班上了一节公开课，上课的内容是《体验网站规划与设计》。整个教学过程以师生访问分析网站为主线，采取分组讨论、小组活动进行。教学中以任务驱动、自主学习，交流学习以及引领展示的模式，将规划过程分解为几个任务，根据所学知识，完成对网站规划选题、域名、栏目及艺术风格的规划与设计进行学习，并将各小组任务完成的情况以学案—《网站规划与设计方案》的形式呈现出来。通过展示学生设计方案，对学生成果给予评价与肯定，激发学生进一步学习的兴趣，培养学生主动思考、积极参加团结协作。

成功之处，本节课教学环节完整，对三维目标把握较好，同时认真的对学情进行了分析。本节课，对学高二火箭班的学生，我注重了学生发散性思维、语言表达能力、逻辑推理思维的培养，同时引导学生学会鉴赏、学生聆听、学会尊重，学生在较短的时间内能够很好的完成教学各环节的实践，最终形成了完成的方案，且能很好的陈述。

不足之处，本节课，整个教学过程都是需要网络支撑，由于网络突然出现问题，而心中又想达到理想的课堂，希望给学生一个完整的教学过程，导致课堂的暂时中断，而此后压缩了学生讨论和展示成果的一些时间，后面的教学时间和节奏略显苍促，课堂小节也不是很到位。

经验总结：在教学过程中，我也考虑到网络和电的问题，但是心向往对课堂存理想化状态，实际上不然，不想发现的事终究发生了，以此，不管是哪种级别的公开课，都要着两种备案才可，以免出现课堂教学事故而让自己陷入囧境。

第五篇：网站规划

网站规划

一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。

网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。

网站规划书出应该尽可能涵盖网站规划中的各个方面，网站规划书的写作要科学、认真、实事求是。

网站策划书包含的内容如下：

一、建设网站前的市场分析（企业自行处理）

1、相关行业的市场是怎样的,市场有什么样的特点，是否能够在互联网上开展公司业务。

2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。

3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。

二、建设网站目的及功能定位（企业自行处理或与专业公司商议）

1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？

2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网站功能，确定网站应达到的目的作用。

4、企业内部网（Intranet）的建设情况和网站的可扩展性。

三、网站技术解决方案（与专业公司商议）

根据网站的功能确定网站技术解决方案。

1、采用自建服务器，还是租用虚拟主机。

2、选择操作系统，用Window2000/NT还是unix,Linux。分析投入成本、功能、开发、稳定性和安全性等。

3、采用模板自助建站、建站套餐还是个性化开发。

4、网站安全性措施，防黑、防病毒方案（如果采用虚拟主机，则该项由专业公司代劳）。

5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP；数据库SQL、ACCESS、ORACLE等。

四、网站内容及实现方式（与专业公司商议）

1、根据网站的目的确定网站的结构导航。

一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。

2、根据网站的目的及内容确定网站整合功能。

如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。

3、确定网站的结构导航中的每个频道的子栏目。

如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。

4、确定网站内容的实现方式。

如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。

五、网页设计

1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业CI规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。

2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

六、费用预算

1、企业建站费用的初步预算

一般根据企业的规模、建站的目的、上级的批准而定。

2、专业建站公司提供详细的功能描述及报价，企业进行性价比研究。

3、网站的价格从几千元到十几万元不等。如果排除模板式自助建站（火山动力通常认为企业的网站无论大小，必须有排他性，如果千篇一律对企业形象的影响极大）和牟取暴利的因素，网站建设的费用一般与功能要求是成正比的。

七、网站维护

1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。

2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。

3、内容的更新、调整等。

[1]

4、制定相关网站维护的规定，将网站维护制度化、规范化。

5、说明：动态信息的维护通常由企业安排相应人员进行在线的更新管理；静态信息（即没用动态程序数据库支持）可由专业公司进行维护。

八、网站测试

网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：

1、文字、图片是否有错误。

2、程序及数据库测试。

3、链接是否有错误。

4、服务器稳定性、安全性。

5、网页兼容性测试，如浏览器、显示器。

九、网站发布与推广

1、网站测试后进行发布的公关，广告活动。

2、搜索引掣登记等。

以上为网站策划中的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网站之初一定要进行细致的策划，才能达到预期建站目的。

特别提示

根据信息产业部规定，所有网站都需要办理icp备案，这里提醒大家购买虚拟主机后继的登录信息产业部备案，否则会有被查封的风险。

如何进行网站规划？

如何建立一个真正的电子商务网站，如何使网站结构清晰合理，内容准确详实，页面生动鲜明，如何保证自己的网站能够在茫茫的网络世界脱颖而出，完整的网站建设策划方案恐怕是你在开始建设网站之前必须要考虑的问题。

第一个阶段就是：，计划阶段1，向本公司的各个部门收取书面资料，如果有必要网站建设部门的人员可以派专人到其他部门聆听讲解，尤其要准确理解本公司的业务重点之所在。，在收到书面资料后，由网站建设部门通过细致的整理。对文档进行归类。以确定那些是要在首页或者一级页面上就要向浏览者表明的。那些可以放在栏目子页中的。对文字进行润色。使文字尽量的通俗，减少不必要的专业术语的使用，尽量的简洁，这样即可以加快网页的显示速度，又可以避免因为过多的枯燥文字使浏览者因麻烦产生反感。比如原来为两类或两类以上文档，现发现可以归为一类的，一定要归为一类。这样可以减少页面数量，对浏览和维护都有很大的好处。，文档整理完毕后，根据分类就可以统计出新版网站有多少个栏目，每个栏目有多少个页面，每个页面的具体内容及名称。统计完毕后要有一个网站文件明细表-最好为树型图。第一个阶段的工作完成之后，就要转入下一个阶段： 2，设计阶段1，首页设计：当设计人员拿到网站文件明细表后开始设计首页。

首页设计是整个网站设计的重中之重，它的成功与否直接关系着公司的形象，所以对它的要求要很高。首页设计要符合公司现阶段的宣传方针。同公司在其他媒体上的公告最好要相互呼应。例如：英特尔在网站及报纸，电视的广告上颜色的统一性非常的明显。以非常稳重的兰色为底色-表明该公司的实力雄厚，科研态度一丝不苟。在底色上经常陪以时髦的亮色如绿色-表明该公司在资讯科技的发展中总是走在最前列。类似这样的经验是非常值得我们借鉴的。如此可以显示出公司办事是非常有组织，有计划，也可以表现出公司的风范，起到良好的形象宣传作用。首页设计的用色要谨慎，高级，不可随便。因为当浏览者打开公司的网站时，他的第一感觉就是对颜色的感觉，舒服，漂亮的东西总是让人有好感的，所以必

须考虑颜色明暗，轻重，明快与稳重的搭配。首页设计最好不要显得零碎，最好有明显的模块化，可以使用比较小的图标。但切忌使用小的纯色块，这样容易使网页显得缺乏气度。不要在首页上体现过多的内容。因为首页过多的内容会导致重点不突出，页面传输过慢，页面长度过长的问题，造成浏览者的不方便感。没有人会在一个操作上倍感掣肘的网站上停留很长的时间。在这个方面，国外的一些网站的探索很值得参考，例如通过活泼生动的小图标及两行简练的介绍把公司的主要业务介绍清楚;通过给人视觉相对强刺激的五块画面，使人很容易的了解到网站的主要功能;而在这点上就更加明显，在它的首页上最显眼的就是一个域名注册的最初几步，其他功能都是在你一步步的深入后展开的。其网站制作动机及目的显而易见。这些网站还有一个共同的特点-即你在不需要拉动窗口右滚动条的情况下。就可以对网站的主要功能一目了然。请注意：在首页上当浏览器打开后第一时间显示的部分是黄金地带。这部分做成功了，夸张一点的讲网站也就成功了一半首页设计还有一个重要的因素就是速度。因为目前网络-特别是我国网络的带宽是非常有限的，超过70K的页面通过浏览器打开是很慢的。作为将要开展电子商务的公司网站，它的浏览者大多是企业，基本上大部分是在白天上网的，白天又是网速最慢的时候，所以说网页的大小就是必须要考虑的因素。的网页是为追求速度舍弃其他的最典型范例了。首页设计没有必要采取由几个设计人员拿出几套方案的做法。因为不是在征集，而是在最短的时间里完成任务。应该由一个设计小组的几个人在考虑诸多因素的前提下，共同提出。这样的方案会相对成熟，所需的修改也相对要少很多。大大加快工程的进度。考虑到浏览器的兼容问题，要尽量使用稳定，成熟，标准化的技术。不要加一些华而不实的特殊的效果。首页设计要留有发展的空间。因为公司常常发展得非常快，不断添加新的业务，所以要为这些留有余地。，栏目页面设计：当首页的设计通过后，就应该着手栏目的设计了。普通栏目的设计的要求要比首页宽松一些。栏目设计最好是引导式的，而不是灌输式的，要和栏目的内容结合的紧密;包含在文章里的链结要容易辨认;文字排版要好看，有统一的间距和边距要求。不得使用太大和太疏的文字，表格的设置要合理，不要太长;对于提交表单，尽量减少让客户用键盘输入的东西。可以通过下拉菜单或复选框等实现的尽量使用;说明性的文字同操作用的表格最好合而为一，时刻使客户明白他现在所做的是干什么，怎么干。每一页都要有“返回首页”，“返回前页”，“返回首页”的链结。合理的设计可以避免网站在建设的过程中出现大的改动，避免无用功和重复劳动。这个阶段一旦完成，就可以开始：，制作阶段1，设计稿通过以后开始进行页面模板的制作;2，模板制作完成后，开始进行页面的制作;3，页面的分工要明确;4，链结要随制作随检查;5，在制作工程中要注意垃圾原码，一发现就立即清理;6，页面制作完毕后，开始进行后台程序的编制。4，核对阶段1，由网站建设部对网站进行第一次核对;2，在局域网上进行一次全公司所有人员都可参加的核对。5，上传在所有核对无误的情况下，可以开始上传！上传当晚必须有一有修改权限的人值班。以备有错误出现时好修改。祝您能够建设出成功的网站，加入企业电子商务的大潮。