下载文档原格式
《网页设计与制作》课程标准【课程名称】《网页设计与制作》【适用专业】中等职业学校计算机应用专业办公自动化技术1.前言1.1课程性质本课程是中等职业学校计算机应用专业的一门专业核心课程。
通过本课程的学习, 要求学生掌握网页设计的基本概念, 学会使用常用的网页设计工具和常用脚本语言, 能够设计制作常见的静态和动态网页, 具备网站的建立和维护能力。
同时通过本课程的学习, 培养学生的综合职业能力、创新精神和良好的职业道德。
1.2设计思路本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”, 整个《网页设计与制作》课程共分为四大模块, 它们分别是: 网页基础知识、DreamWeaver的使用、HTML语言、ASP动态网页设计。
教学时各模块既有独立性, 又有关联性。
独立性是指各模块设计案例、组织教学、突出重点时应该相互独立, 学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系, 在重难点设计上应该加以配合, 如HTML语言模块着重基本代码的熟记和编写, 对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。
本课程作为计算机专业的一门主干专业课程, 一般在2.3年级开设, 此时学生已经具备一定的计算机基础知识和动手能力, 能较快地掌握网页设计的各种知识, 并运用所学知识做出具有特色的网站, 使学生能够得到全面的培养, 成为社会所需专用人才。
2. 课程目标总目标：使学生掌握常用的网页设计工具, 熟练运用多种网页设计技术, 具备Web网页设计、制作及站点管理的基本知识和基本技能, 学生能够独立制作中小型的网站。
1.了解WWW、HTTP、HTML、CSS的定义、概念和作用；2.理解服务器、客户端、浏览器的概念和作用； 3.理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；4.熟练操作DreamWeaver；5.理解CSS样式表的作用和意义；6.深入理解HTML语言的各种功能和应用；7.深入理解表格、框架、表单的作用；8.深入理解层的作用；9.初步了解面向对象程序设计思想。
《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
《网页制作》教学设计（5篇）作为一名优秀的教导工，通常会被要求编写教学设计，借助教学设计可以提高教学质量，收到预期的教学效果。
则写教学设计须要留意哪些问题呢？下面是我收拾的《网页制作》教学设计〔精选5篇〕，欢送阅读与收藏。
《网页制作》教学设计1一、教材或教学内容分析本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络根底及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有无数的共通之处,所以在学习frontpage的时候,无数内容可以让学生自学,而不必面面俱到地在课上讲授。
而第四章网络根底及因特网的应用又为学生对网页的理解奠定了根底,学生对网页中的根本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的办法。
所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些根底,学起来就轻巧多了。
本章内容根据学生已有的根底,我对教学内容分了一下类,也为教学的组织工作打下一点根底。
本章内容主要由网页根底学问、网站的建设和管理、网页的制作、创立超链接、图片的处理、网页框架。
重点是网页的制作和创立超链接,学会了这些就可以开场容易的网页制作了。
难点是网页框架,这局部互相之间关系比拟冗杂,必要时,教师在对各组个别辅导时,可以赋予分离解说。
这个分类可以为组长支配各个组员的任务提供参考,使分工越发合理。
二、教学对象的分析信息技术课虽然已经成为初中的必修科目,但是城乡学生之间控制状况的差别却相当大,条件好一点的初中学生不仅已经娴熟控制了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开场才正式接触到信息技术学问的学习,他们须要多锻炼、多指导,所以配合学习对学生的学习帮忙很大。
三、教学策略的挑选及媒体的使用在教学策略的挑选上,我使用的是任务驱动和配合学习相结合的办法。
《网页设计与制作》课程设计报告书设计题目：工作室或公司网站设计起止日期： 2013.12.23-2013.12.27目录一、关于网站 (3)1、网站的主题 (3)2.网站材料 (4)二、网站的规划设计 (5)1.网站的功能定位 (5)2.站点的内容 (5)3.站点的风格 (5)4.网站功能模块图 (6)三．网站技术解决方案 (6)1、网站的制作工具 (6)2、所用技术 (7)四．网页介绍 (7)1、制作网站的网页 (7)2.第二层展示 (8)3.动漫排行榜展示 (9)4.第三层展示 (10)5.关于短片的插入： (13)五. 关于我们： (14)六．实训总结： (14)一、关于网站1、网站的主题我的网站的主旨在于从各个方面全面的介绍动漫，展示动漫产品以及漫画，包括有动漫排行榜，小短片，另外，网站里还有漫画，以及周边产品。
建立一个展示动漫的平台。
同时，网站里的每一个网页都有统一的风格，每一个网页的主题都是图片加上文字介绍，用以展示自己性格的效果。
最重要的是做出自己的风格，给浏览者好的欣赏感受。
动漫，是动画和漫画的合称与缩写，取这两个词的第一个字合二为一称之为“动漫”。
现可考证，该词语出处为1993年创办的动漫出版同业协进会与1998年创刊的动漫资讯类类月刊《动漫时代（Anime Comic Time）》，后经由漫友杂志传开，因概括性强在大陆地区的使用开始普及起来。
在中国以外，并没有此种说法。
国外习惯性将动画（anime）、漫画（comic）、游戏（game）三者合称作ACG，或加上轻小说（novel）合称为ACGN。
由于漫画本身的发展形成了现代故事漫画的表现形式，将影视艺术融入漫画之中，使得漫画与动画更容易结合，影视艺术独特的地方在于它能通过镜头的推拉摇移和片段剪辑的蒙太奇技巧来表达想法和感受。
漫画正是吸收了影视艺术的这两个特点。
当要讲述的故事越发复杂、人物越发丰富的时候，用传统单线式叙事的方法就越行不通，蒙太奇的介入就成为一种需要了；当漫画家在传统表现手段中无法找到更合适的抒发感情的方法的时候；当读者需要作品有更强的冲击力和表现力的时候，各种镜头的灵活运用就成为一种必需了。
xxx学校课程大纲科目名称：《网页设计与制作》专业：计算机说明随着互联网的高速发展和广泛传播，对从事网页设计与制作的人员需求量也愈来愈多。
教材在教学过程中起着至关重要的作用，而缺乏优秀实用的网页设计与制作方面的教材是目前中职学校普遍存在的问题。
本书编者旨在为中职学校相关专业，以及对网页设计与制作有兴趣的人员提供一本实用教程。
本书是依据网页设计行业的业内制作标准和相关案例执行为范围编写的。
在编写过程中针对读者的特点，项目选择合理、针对性强、理论和实践有机融合；以实践为主，特别注重实用性，并注重融入先进的教学理念与方法，注重提高读者的学习能力。
全书从实用的网页设计制作项目入手，以任务驱动的方式系统地介绍了以下内容：网站的制作流程、使用HTML制作简单网页、认识Dreamweaver CS3、搭建与管理本地站点、网页元素的编辑、使用CSS控制页面元素、使用表格布局制作页面、使用框架布局制作网页、使用CSS+DIV布局页面、使用模板和库提高制作效率、使用JAVAScript制作网页特效、策划与制作个人艺术网站。
同时结合作者多年来积累的教学工作经验，以实践为主，理论融合其中，是帮助教师联想三大软件、提高学生实践力的有力助手。
通过课程学习，学生将具备网页设计与制作的基本技能，并帮助学生在从业道路上积累经验。
本教材还具备一下特点：1.任务明确；2.结构新颖；3.图文并茂，简洁易懂；4.与国家职业资格证接轨。
《网页设计与制作》课程教学大纲课程名称：《网页设计与制作》课程总学时：72一、教学目的和任务（一）目的《网页设计与制作》是计算机相关专业的一门应用性较强的选修课程。
通过对网页设计与制作的初步学习，使学生对网页设计与制作的各个环节有感性的认识并理性理解各个网页中各布局的功能和特点，学习网页设计与制作制作方法，为今后在网页设计与制作行业工作提供必要的基础知识，以便能够得心应手地使用好Dreamweaver软件，更好地使设计网页发挥作用。
2020网页设计与制作实验报告文档Contract Template网页设计与制作实验报告文档前言语料：温馨提醒，报告一般是指适用于下级向上级机关汇报工作，反映情况，答复上级机关的询问。
按性质的不同，报告可划分为：综合报告和专题报告；按行文的直接目的不同，可将报告划分为：呈报性报告和呈转性报告。
体会指的是接触一件事、一篇文章、或者其他什么东西之后，对你接触的事物产生的一些内心的想法和自己的理解本文内容如下：【下载该文档后使用Word打开】实验一：站点设置一、实验目的及要求本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windowsxp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
四、实验方法与步骤1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。
2)在弹出的“站点定义为”对话框中单击“高级”选项卡。
3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。
在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。
4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。
五、实验结果六、讨论与结论实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。
在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。
实验前先熟悉好操作软件是做好该实验的关键。
网页设计与制作报告书课程名称:网页设计与制作报告题目：个人主页专业班级：软件工程（服务外包）114-4学号:************姓名：肖腾威指导教师：***摘要：在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
关键字：网页制作；制作方法；设计要素；网页测试一、网页制作开发背景Dreamweaver以其功能强大、容易上手、界面亲切而著称。
它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。
现在流行的网页制作软件有很多，如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。
其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。
它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。
工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。
二、网页制作设计技巧首先，我们来看一下创建一个只包含一个网页的站点。
选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。
这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。
在文件夹列表里有一个网页文件，名字叫做“index.htm”。
我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。
教案首页（以2课时为单元）课序：1授课日期：授课班次：电商16级授课教师：批准人：课题：第一单元任务1—3节目的要求：通过此节的学习，读者应掌握网络相关的基础知识，了解网页制作工具，掌握HTML语言，掌握dreamwever工具的使用，掌握站点创建方法，掌握简单网页的制作。
教学内容：1.internet基础2.网页制作工具3.HTML语言的语法结构4.利用HTML语言制作简单网页5.Dreamweaver工具界面6.了解并掌握站点的创建7.掌握简单网页的制作重点难点：重点：HTML语言和站点的创建难点：HTML语言教学方法：多媒体教学手段：课程讲授为主，学生讨论练习为辅。
教学步骤：1.首先介绍当前internet发展情况，然后导入WWW、IP及域名、网页及网站的概念。
2.首先介绍dreamweaver工具，然后讲解站点的创建和简单网页的制作。
复习提问题：HTML的语法结构作业题目：P8页练习题预习内容：浏览网站，分析网站结构特点及配色特点。
第一单元网页设计基础知识本单元主要介绍了网页设计前需要了解的准备知识，如网络基础知识、网页制作工具以及HTML语言等。
【本单元学习目的】通过本单元的学习，读者应了解与网络相关的基础知识，了解网页制作工具，掌握HTML 语言。
一、Internet基础1、Internet概述Internet是相互连接的网络集合。
网络协议是网络中的设备进行通信时共同遵循的一套规则，即以何种方法获得所需的信息。
Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物等等，而其中WWW和E-mail是最常用的服务。
2、WWWWWW(World Wide Web)简称为万维网，客户端只要通过“浏览器”（Browser）就可以非常方便地访问internet上的服务器端，迅速地获得所需的信息。
3、网页与网站什么是网页？什么是网站？两者有什么样的联系与区别呢？构建WWW的基本单位是网页。
《网站制作》课程设计系别：信息技术系专业：班级：姓名：学号：指导老师：李枫完成日期：2015年07月9日目录《网站制作》课程设计 (1)目录 (2)一、设计任务与要求 (3)课设目的 (3)课设内容 (3)具体要求 (3)设计环境 (3)二、设计方案 (3)三．实现过程 (3)四、心得体会 (17)五、参考资料 (18)六、附录 (19)1、网站效果图 (19)2、网站中各网页屏幕截图 (19)一、设计任务与要求课设目的1、复习巩固网站设计与制作的基础知识：HTML、CSS和JS，进一步加深对Photoshop制作网页效果图、Dreamweaver布局网页等技术的理解和掌握，培养学生策划和制作商业网站的实践能力。
2、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、音视频资料、flash动画和网页特效等，提高学生的美工设计能力。
3、课程设计为学生提供了一个既动手又动脑，独立实践的机会，将课本上的理论知识和实际有机的结合起来，锻炼学生的分析解决实际问题的能力。
课设内容针对目前互联网上的网站制作背景和需求，策划、设计与制作一个完整的商业网站。
具体网页的内容自拟，但以下网站主题可供参考、选择：1、图书销售网站2、学校网站3、旅游网站4、摄影网站5、公司宣传网站6、驾校网站7、精品课程网站8、婚庆网站9、团购网站10、政府网站……具体要求1、动手制作网页之前：必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好网站的主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。
图1 网站结构图 规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能。
分析出“网站层次结构图”、 “网页版面设计”，以及“网站策划方案”。
2、创建完善的目录结构：站点文件夹采用英文单词命名，站点文件夹中所包含文件夹：images （存放图片文件）flash （存放动画文件）css （存放CSS 样式表文件）js （存放JS 脚本文件）other （存放其它文件）源文件 （存放自己设计的PS 源文件、Flash 源文件）首页命名为index.html ，其余文件全部用英文命名3、制作网页前，收集好所需的文字资料、图像资料、网页特效。
《网页制作与动画设计》课程设计报告说明1、可参考本文的结构（下图）来撰写课程设计报告2、封面后第一页应描述本组成员及分工情况3、应附有Web应用的源代码4、必须于下学期开学第一周周末前将开题报告和源码email到zf@《网页制作与动画设计》课程设计课题名称：网络商城学院班级：xx学院xx年级xx班成员：张三学号201207100341李四学号201207100321 指导老师：詹锋课程设计成员介绍组长：xxx其他成员：yyy组员分工:***xxx主要完成网站中商品查询那一块和数据库的整体设计。
***yyy主要完成后台管理，登录注册，留言版块，在线订单以及静态页面的设计等功能。
一、系统功能及总体结构简介1.1系统功能说明该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现.该系统首先要包含几个最基本的功能:1.建立和维护顾客信息库顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。
同时，顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下，仍然能够以原有的账号登录,系统提供了找会密码的功能.2.方便和集成的电子购物环境顾客可以在浏览商品的方便地收藏或者直接点购买来下订单，为了方便顾客查找所感兴趣的商品，系统提供了搜索功能，提高了购物效率。
系统同时对这些搜索关键字进行统计分析，以分析出顾客消费的热点信息。
3.商品管理系统中的商品必须能够进行很好的管理，包括能够方便的添加新商品入库，能够维护和编辑商品的分类，能够在需要的时候修改库中的商品信息。
商品的管理必须实现的另以个目标是通过友好和合理的方式展现给顾客。
4.顾客和业主的交流平台顾客与经营者的相互交流尤为重要，建立这样的一个平台是非常必须的。
总体构架：图1.1 整体架构图1.2系统功能模块二、系统数据库设计与实现2.1数据需求分析分析该系统的特点会发现有以下几类信息需要存储在数据库中：＃顾客信息和顾客购物，订单维护方面的数据库：包括存储顾客注册信息的表，订单内容的表；＃商品信息的表：包括了商品分类的表，商品对应的图片的物理位置存储的表，商品的详细信息的表；＃其他杂项：包括初始设置，评论等方面的表。
由于大部分只是存储文本信息，都是小字段的问题，不会设计到BLOB，而作为以个中小型的应用，数据量也就只会在万条左右，所以完全可以用ACCESS数据库作为后台的支持。
2.2 E-R图以下是数据库的E-R图：其中有些尸体只是单独存在，没有与其他实体的关系，但是有些实体之间存在着相互关系的，下面的E-R图中箭头所指的方向按照约定是指1：N关系的1方。
如果两边都没有，则是N:M关系。
@@数据库的E-R图数据库的详细设计：各基础数据库系统使用了ACCESS的数据库工具。
该数据库包括了16个不同专题三、系统实现3.1数据操作功能的实现主要由conn.asp来实现。
源代码是：<% option explicitdim conn,connstr,startime,db,rs startime=timer()db="admin/database/#TimesShop.mdb"Set conn = Server.CreateObject("ADODB.Connection")connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(""&db&"")conn.Open connstr %>3.2顾客登录注册管理一个网上的购物站点首先应该有的功能就是需要能够定位每位访客。
在顾客登录后，才可以完整的跟踪顾客的行为。
顾客也只有登录后才可以购买和收藏商品，查看订单等。
其中注册界面如下，主要由reg.asp来实现。
源代码：<!--#include file="conn.asp"--> （数据库的链接）<!--#include file="config.asp"--> （站点的配置信息）<%dim actionaction=request.QueryString("action")%> （取得查询串action 的值）<title><%=webname%>--新用户注册</title><!--#include file="include/headera.asp"--><%select case actioncase ""%>(根据不同的串action的值作相应的操作)<%end sub%><SCRIPT LANGUAGE="JavaScript"><!--function check(){if(checkspace(ername.value)) { ername.focus();alert("用户名不能为空，请重新输入！");return false;}if(checkspace(ername.value) || ername.value.length < 2) { ername.focus();alert("用户名长度不能小于2，请重新输入！");return false;}if(checkspace(erinfo.identify.value) || erinfo.identify.value.length < 15) { erinfo.identify.focus();alert("身份证号码长度不能小于15位，请重新输入！"); return false;}if(checkspace(erinfo.identify.value) || erinfo.identify.value.length > 18) { erinfo.identify.focus();alert("身份证号码长度不能大于18位，请重新输入！"); return false;}if(checkspace(erinfo.password.value) || erinfo.password.value.length < 6) { erinfo.password.focus();alert("密码长度不能小于6，请重新输入！");return false;}if(erinfo.password.value !=erinfo.password1.value) {erinfo.password.focus();erinfo.password.value = '';erinfo.password1.value = '';alert("两次输入的密码不同，请重新输入！");return false;}if(eremail.value.length!=0){if (eremail.value.charAt(0)=="." ||eremail.value.charAt(0)=="@"|| eremail.value.indexOf('@', 0) == -1 ||eremail.value.indexOf('.', 0) == -1 ||stIndexOf("@")==docu eremail.value.length-1 ||stIndexOf(".")==docu eremail.value.length-1){alert("Email地址格式不正确！");eremail.focus();return false;}}else{alert("Email不能为空！");eremail.focus();return false;}}function regInput(obj, reg, inputStr){ var docSel = document.selection.createRange() if (docSel.parentElement().tagName != "INPUT") return falseoSel = docSel.duplicate()oSel.text = ""var srcRange = obj.createTextRange()oSel.setEndPoint("StartToStart", srcRange)var str = oSel.text + inputStr +srcRange.text.substr(oSel.text.length)return reg.test(str)}function checkspace(checkstr) {var str = '';for(i = 0; i < checkstr.length; i++) {str = str + ' ';}return (str == checkstr);}//-->图1.顾客注册界面顾客登录，由login.asp来实现，界面如下：3.3 顾客浏览，查询和购买商品*商品查询一个购物站点应该提供让顾客迅速发现和查找他所感兴趣的商品的功能。
应用的查询功能一个方面需要简单明了，另一方面也需要支持更高速度的复杂查询。
从下面的图可以看到查询界面的简洁和友好，以及比较完善的查询条件。
图2.商品查询简单查询由search.asp实现，高级查询由research.asp实现，部分代码如下：<select name="jiage" id="jiage"><OPTION VALUE="1000">1000元以下</OPTION><OPTION VALUE="20">20元以下</OPTION><OPTION VALUE="30">30元以下</OPTION><OPTION VALUE="50">50元以下</OPTION><OPTION VALUE="100">100元以下</OPTION><OPTION VALUE="10000">10000以下</OPTION><OPTION VALUE="100000000">无限制</OPTION></select></td></tr><tr BGCOLOR=ffffff> <td height="18" style="padding-left:6px">商品分类：</td><td style="padding-left:6px"><%set rs=server.CreateObject("adodb.recordset")rs.open "select * from category order by categoryorder",conn,1,1%> <select name="categoryid"> <option value="0">查询所有分类</option><%do while not rs.eof%> <option value="<%=rs("categoryid")%>"><%=trim(rs("category"))%></op tion><%rs.movenextlooprs.closeset rs=nothing%> </select></td></tr> <tr BGCOLOR=ffffff> <td height="18" colspan="2" style="padding-left:6px"><div align="center"><input type="submit" name="Submit" value="查找" onclick="return checkk();"> </div></td></tr></form></table></td></tr></table>*购物流程当顾客在浏览或查找到自己心仪的商品时，此时他就会有购买的欲望。
