文档库
文档库 最新最全的文档下载
当前位置：文档库 › 网页课程设计——诗词鉴赏

网页课程设计——诗词鉴赏

网页课程设计——诗词鉴赏
网页课程设计——诗词鉴赏

多媒体结课作业

诗

词

鉴

赏

网

页

设

计

专业班级：软件工程(1)班

学号：12740117

姓名：王芳梅

目录

摘要 (1)

1绪论 (1)

1.1设计背景 (1)

1.2 EditPlus 3介绍 (1)

2总体设计 (3)

2.1规划网页 (3)

2.2整体结构设计 (3)

3详细设计 (4)

3.1主页设计 (4)

3.2 模块设计 (4)

4实现与测试 (7)

4.1错误分析 (7)

4.2运行结果 (7)

5 总结 (8)

致谢 (9)

诗词鉴赏——静态网页设计

摘要

随着计算机网络技术的快速发展，网页在我们的生活中占据着重要的一部分，它不仅能够起到宣传、传达信息的作用，同时，还能得到用户的反馈信息，而正是网页的这一优点，使得网页设计这个行业在现代社会有了快速的发展。

该网页采用EditPlus 3编写，用户可以通过浏览页内信息获取所需信息。该网页分前台页面和后台页面，共有16个页面，实现了信息的传达，测试等功能。经测试，本网页运行良好。

1绪论

1.1设计背景

Web，直译过来就叫“网”，它的含义是通过超级链接将各种文档连接起来，形成一个大规模的信息集合。

网页(即Web页)是能够被浏览器软件识别的文本文件，扩展名一般为.htm或.html。是使用网页制作工作编辑生成或使用HTML语言编写的超文本，网页里可以包含文字、表格、图像、声音和视频等网页元素。每个网页都是磁盘上的一个文件，可以单独浏览。网页是组成网站的特殊成分，图像、声音、和视频等文件均需要通过网页才能让浏览者看到或听到。

HTML语言是超文本标记语言（Hypertext Mark-up Language）的缩写,主要用来创建与系统平台无关的网页文档,它不是编程语言，而是一种描述性的标记语言。所有网页软件都是以HTML为基础，学会了它可以更方便灵活地控制网页。特别是在动态网页的设计中，常常需要利用ASP、JSP、PHP等代码来输出网页的部分HTML代码，HTML文件是纯文本文件，能用任意的文本编辑器编辑，如：记事本、写字板、Word、Dreamweaver、Frontpage等。我这次使用的编辑器是EditPlus 3。

1.2 EditPlus 3介绍

EditPlus是由韩国人编写的一款共享软件，是功能全面的文本、HTML、程序源代码编辑器。

主要特点如下：

（1）默认支持HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript 和VBScript等语法高亮显示，通过定制语法文件，可以扩展到其他程序语言，在官方网站上可以下载（大部分语言都支持）。

（2）EditPlus提供了与Internet的无缝连接，可以在EditPlus 的工作区域中打开Intelnet浏览窗口。

（3）提供了多工作窗口。不用切换到桌面，便可在工作区域中打开多个文档。

（4）正确地配置Java的编译器“Javac”以及解释器“Java”后，使用EditPlus的菜单可以直接编译执行Java程序。

总之，EditPlus功能强大，界面简洁美观，且启动速度快；中文支持比较好；支持语法高亮；支持代码折叠；支持代码自动完成(但其功能比较弱)，不支持代码提示功能；配置功能强大，且比较容易，扩展也比较强。像PHP、Java程序等的开发环境，只要看一下资料，几分钟就可以搞定配置，很适合初学者学习使用。有不错的项目工程管理功能。内置浏览器功能，这一点对于网页开发者来说很是方便。

2.1规划网页

规划网站就象设计师设计大楼一样，只有图纸设计好了，才能建成一座漂亮的楼房。根据内容列出一个结构化的蓝图，根据实际情况设计网页属性，包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等；向网页中插入文本、图像、动画等对象；建立所需要的超级链接、 预览和保存网页。

2.2整体结构设计

采用框架集结构对主页进行布局，如2.1图所示：

图2.1 topFrame

rightFrame leftFrame

3.1主页设计

主页主要使用html中…元素设计主页布局，主页内容有scjstopFrame，scjslefFrame，scjsrighFrame。

主页布局主要代码：

3.2 模块设计

scjstopFrame显示“诗词鉴赏”，并在打开网页时播放音乐，主要代码：诗词鉴赏 scjslefFrame运用table元素布局显示链接，主要代码：

赋得古草原送别
望庐山瀑布
登鹳雀楼
游子吟
乐游原
回乡偶书
春晓
春夜喜雨

href="html/9.html" target="mainFrame">清明
山居秋瞑

scjsrighFrame显示点击链接后的内容，其主要代码：

诗词，是指以近体诗和格律词为代表的中国传统诗歌。通常认为，诗更适合“言志”，词更适合“抒情”。诗词是阐述心灵的文学艺术，而诗人、词人则需要掌握成熟的艺术技巧，并按照严格韵律要求，用凝练的语言、绵密的章法、充沛的情感以及丰富的意象来高度集中地表现社会生活和人类精神世界。中国诗起源于先秦，鼎盛于唐代。中国词起源于隋唐，流行于宋代。中华诗词源自民间，其实是一种草根文学。在21世纪的中国，诗词仍然深受普通大众青睐。

4实现与测试

4.1错误分析

编写完程序后，我用Internet Explorer进行测试发现有很多问题存在，最大的问题是网页中文本的布局发生错误，而且有的网页并没有体现出效果，另外添加的背景音乐也没有播放，在我手足无措的情况下，我询求同学的帮助，解决了存在的问题，如果浏览器的版本不够高的话，背景音乐也无法播放，所以选择版本级别高的浏览器查看。如下4.1图是初次运行程序出现问题的截图。

图4.1

4.2运行结果

运行程序首先出现界面图并伴有背景音乐，如图4.2所示。

图4.2

点击超链接后显示相应的诗词画面，如点击左侧的《游子吟》链接出现4.3图效果，由于所选诗词有十首，就不一一截图了。

图4.3

5 总结

一学期即将结束，通过此次作业设计，使我更进一步掌握了有关网页制作方面的知识，在设计过程中虽然遇到了一些问题，但经过一次又一次的思考，一遍又一遍的检查终于找出了原因所在，也暴露出了前期我在这方面的知识欠缺和经验不足。实践出真知，通过亲自动手制作，使我掌握的知识不再是纸上谈兵。在设计过程中，我不断发现错误，不断改正，不断领悟，不断获取。同时在设计中遇到了很多问题，最后在同学的帮助下，终于解决了图片无法插入，背景音乐无法播放问题。在今后社会的发展和学习实践过程中，我一定要不懈努力，不能遇到问题就想到要退缩，一定要不厌其烦的发现问题所在，然后一一进行解决，只有这样，才能成功的做成想做的事，才能在今后的道路上劈荆斩棘，而不是知难而退。

设计程序时，可以说是苦多于甜，但我学到了很多在书本上所没有学到过的知识。通过这次作业设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，从而提高自己的实际动手能力独立思考的能力。

致谢

在这次作业的设计过程中，我之所以能够顺利的完成我的网页设计，要感谢我的同班同学，感谢同学在设计上提供给我的支持和帮助，这是我能顺利完成这次作业的主要原因，更重要的是同学帮我解决了许多技术上的难题，让我能把作业做得更加完善。在此期间，我不仅学到了许多新的知识，而且也开阔了视野，提高了自己的设计能力。我会在以后的求学路上再接再厉，不断完善自我，提高自我，为以后顺利的步入社会打下结实的基础。

由衷的感谢同学的帮助。

web简单网页课程设计报告

设计内容及要求 <1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误 <2>首页设置导航栏，命名为 <3>利用CSS技术对网站进行布局，网站风格统一 <4>灵活运用JavaScript使网页生动 一、设计思路 首页： 二、设计结果及分析 首页：

1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。

广饶简介： 联系： 3.第四章做了根据js的一个互动。可以对前台邮箱的内容进行判断。

图片欣赏： 4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。 三、总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。 五、附录（源代码）

首页： web课程设计

网页制作课程设计

网页制作课程设计设计题目：职业技术学院学生会 系别：职业技术学院 班级：09 计网 学号：092114010028 姓名：谯辉 指导教师：徐老师董老师 2011.7.4—2011.7.15

前言 都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢——对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT 动态，包括等候就业人才的个人简历，我们上做出了突出的贡献。网页是我们在网络上的“代言人”。我们将什么样的信息传达给浏览者，要讲述什么样的事情，网页在这里起着重要的作用。 企业网站在企业的网络营销当中占有及其重要的地位，只要是涉及网络宣传的企业，都应该建立属于自己的个性企业网站。他不仅能够让企业在网络上展示自己的产品，促进实际销售的增长，更能够通过一根网线，向目标客户展示企业自身的形象。 对于企业网站设计的观点，偏重网站的形象设计，即在功能务实、体系完善的情况下，重点结合企业理念打造网站的形象。Logo就能很好的表现企业的形象。企业标志(Logo)是指用于代表企业形象的独特的、有意义的图案，是企业形象识别当中最核心的环节，可用于与企业形象相关的所有环节。由于企业标志所处的特殊地位，决定了其不能够随意更换，因此能否设计一个有内涵、有文化、便于识别的标志，并建立相关的应用系统，关乎到企业长远的发展，不容小视。 建设网站的一般过程包括：前期内容确立、网站架构搭建、创意策划、设计、网站建设。网站的功能版块一般分为首页（含引导页）、新闻部分、产品部分、信息交流部分、定制系统、零散页面等。根据不同的企业需求，各网站的功能版块数量、布局、结构各异。 要做一个有特色的网站，我们首先要熟练的掌握Dreamweaver、Photoshop 和flash等多种制作网页的工具，我们在掌握它的基础上要善于合理的利用这些工具，这样我们相才能做出一个让人看了后感到舒服的网页。

网页制作课程设计报告

网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)

1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。

一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。我本次主要是设计的一“新加坡之旅”为主题的网页，针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8.0制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。

Web动态网页课程设计 题目及要求

Web动态网页课程设计 (总学时数：16课时) 一 Web动态网页 课程设计性质：本课程是一门计算机相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 公共基础实验室3（A504） 四课程设计内容 本次课程设计题目方案如下：

题目1：基于Web的实验室信息管理系统 题目2：网络商店（见web程序设计课本案例） 题目3：学生自拟（需经过教师审核） 内容要求： （1）掌握Web网页常用的开发工具Deamweaver或.Net的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript、VBscript或C#的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access 数据库。动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示 五课程设计时间安排 第一周 安排计划 第二周 数据库的设计 第三周 完成HTML静态页面和 CSS设计； 第四周开始至第六周 开始JavaScript、Javascript、VBscript或C#的程序代码设计

网页制作课程设计报告

网页制作课程设计报告学院: 专业班级: 姓名: 学号: 成绩: 阅卷教师:

目录 1、设计目的 (1) 2、设计思想 (1) 2、1网站整体结构规划思想 (1) 2、2 主页设计思想 (1) 2、3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (1)

1、设计目的 阐述该个人网站的设计意图与创意,简单介绍自己的个人网站。 2、设计思想 阐述网站的整体设计思想,包括: 2、1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想,绘制网站结构草图。 2、2 主页设计思想 要求对主页的布局思路进行阐述与分析。 2、3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述与分析。 3网页详细设计分析 要求选取一张网页,对网页的设计实现过程进行阐述与分析,详细说明制作该网页的步骤,所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结,并分析设计过程中的困难及如何解决的,最后提出展望。 一、设计目的

本课程的设计目的就是通过实践使同学们经历Dreamweaver cs3开发的全过程与受到一次综合训练,以便能较全面地理解、掌握与综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解与熟悉网页设计的基础知识与实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作与应用。增强动手实践能力,进一步加强自身综合素质。我本次主要就是设计的一“新加坡之旅”为主题的网页,针对新加坡的美丽风景做了介绍。 二、设计思想 利用Dreamweaver8、0制作一个关于“新加坡之旅”的网站,利用表格、行为、层与链接等网页设计技术设计页面。 本网站以新加坡旅游为素材,主要讲解了与新加坡景

网页设计课程设计报告

网页设计课程设计报告 系别：计算机科学系 班级：09级计师二班 姓名：邓桂香 学号：200914340229 指导教师：李发英 成绩： 日期：2011年5月

网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。 此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。 再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。

三、网站规划思想 当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、高雅、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。 在内容和结构上，具体如下： 整个网站分为九个页面，分别为：主页面、基本信息、个人照片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、

网页制作课程设计

课程设计报告 课程名称《网页设计》 课题名称南岳衡山旅游网页制作 专业信息管理与信息系统 班级信管1301 学号201303110125

姓名肖宏亮 指导教师余新宇、赵锦元、谢雅 2015年6 月10 日 湖南工程学院 课程设计任务书 课程名称《网页设计》 课题南岳衡山旅游网页制作 专业班级信管1301 学生姓名肖宏亮 学号201303110125 指导老师余新宇赵锦元谢雅 审批 任务书下达日期2015 年 6 月10 日 任务完成日期2015 年6 月27 日

目录 1设计的思路 0 2网站总体风格 0 3网站的分析与设计 (1) 4总体设计图 (1) 5详细设计 (2) 5.1各页面的内容 (2) 5.2首页的布局 (2) 5.3制作二级页面 (4) 5.4制作三级页面 (6) 5.6特效 (10) 6错误调试 (11) 7总结 (12) 8心得体会 (13) 9评分表 (14)

第一部分:课设目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 个人网站的总体规划和步骤 1设计的思路 我的个人网站主要是以蓝色基调为主，使人一看就了然，很容易一看就形成系统的逻辑，而且与我们南岳衡山的旅游风景相衬显得十分融洽。 2网站总体风格 我设计的这个网站使用蓝色基调主要是给人舒服，能够一目了然，而且能够吸引人的眼球，更重要的是这期主题是南岳衡山，大体基调使用蓝色与大山的图片颜色相当协调。 网站的总体风格主要是以蓝色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实并不复杂，主要是先规划还一个大致布局，可以参考很多旅游网站他的大体布局，但不能照搬全抄，要结合自身网站的特点做一些较之其他网页相对有特色的东西，这样才能更吸引人，在网页顶部，我们必须做一个能代表我们网站的LOGO，所以做好一个模版，模版做好框架了，那网站就初步先采用ps技术设计好自己网站的LOGO，然后创建导航栏，再根据导航栏制作其他的页面。在整个网站的制作过程中我们必须得切记整体风格必须一致，这样才会给人形成一个整体舒服的感觉，否则会显得很唐突。 绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问

网页设计课程设计报告

课程设计 课程名称：HTML5开发技术课程设计 专业班级：计科1201 学生姓名：伍志强 学号： 201216010506 指导教师：刘宏月 学期：2013-2014学年第一学期

HTML5开发技术专业课程设计任务书 说明：本表由指导教师填写，由教研室主任审核后下达给选题学生，装订在设计（论文）首页

1 需求分析 本课程设计为一个商业网站，大的框架为整个网站分为5个页面，分别为：主页面、公司的业务面，公司产品问题咨询面，公司产品的技术支持面，校园招聘界面。各个页面间都是相互连接的，方便读者更快捷地找到想了解的信息。在每个界面拥有的公司logo ，登陆界面，和一些视频的宣传和校园招聘网页的背景音乐，友情链接，插入的各种静动态图片，搜索栏。每个界面链接的公司的最新各种动态，和基本的各种文字说明，采用的是中英双板模式书写。 网站的目录结构如下： 伍志强------网站根目录 Css ------存放外置CSS文件 Images ------存放图片文件 Music ------存放背景音乐 ＪＳ------存放的ｊａｖａｓｃｒｉｐｔ代码 ．ｐｒｏｊｅｃｔ------编译时建立的一个工程 Index系列------存放的网站的各个网页 2 概要设计

3 详细设计 页面的布局和风格 DIV+CSS的基本过程是先布局，对网页进行总体设计，再设计内容，对布局的每一部分进行设计。 DIV+CSS对内容的设计也体现内容和表现相分离的思想。对内容的表现的描述都在CSS中，内容可以应用CSS样式，不需要额外的HTML标签进行内容的修饰。 CSS网页布局的原理，就是按照HTML5代码中对象声明的 body { background:#131b20; font-family:Arial, Helvetica, sans-serif; font-size:100%;

51CTO下载-电子商务网站课程设计报告范例

1.正文 (1)引言 ①.程序设计的背景 21世纪的重要特征是数字化、网络化和信息化。自从上个世界90年代以后，以因特网为代表的计算机网络得到了飞速的发展，已从最初的教育科研网络发展成为商业网络，并已成为仅次于全球网的世界第二大网络。很多人认为现在已经是互联网的时代，这是因为互联网正在并继续改变着我们的工作和生活的各个方面，加速了全球信息革命的进程。现在人们的生活、工作、学习和交往都已经离不开因特网，互联网成为全球通信与贸易的重要工具。网上购物系统正在成为人们日益信赖的购物平台，其以优越的方便快捷性、实用性、可获得性等特性获得越来越多人的青睐，网上购物逐渐成为很多人购物的主要途径。另外，随着计算机身份认证技术、数字签名、数据库安全、数字水印、信息隐藏、入侵检测、防火墙等网络安全技术的发展使得网上购物的环境越来越安全，大型的合理构建，政府机构完备的法律制度都极大的保证了网上购物的安全性，提高了顾客的信任度，使得网络购物更加普及。作为当代的大学生，网络更是贯穿于我们的生活，加上年轻人乐于尝试新生事物的心理趋向也让我们对于网上购物有了更多了解并参与其中。基于对网络购物环境的理解，结合自己的网络购物的体会，本小组成员进行了此次课程设计，基本上实现了简单的基于Java平台的JSP电子商务设计（电脑购物B2C模式的电子商务）。 ②.程序设计的需求分析 本电子商务总体基于Java，利用服务器端动态网页开发的JSP技术，辅以客户端动态网页开发的Javascript技术，主要设计实现以下功能： 1.前台销售，包括以下容： 1)用户注册: 显示注册界面，通过Javascript技术判断用户填写的注册信息是否规，用户名是否已经存在、填写的密码是否一致、Email是否为正确格式等等。用户确认所填注册信息并通过验证后，将注册信息添加到数据库中的userInfo表中。 2)用户登录 用户输入用户名和密码后，检验所输入的用户名和密码是否与数据库中的用户名和密码一

Web网页课程设计

Web网页课程设计 (总学时数：1周，学分数：1) 一Web网页课程设计性质 本课程是一门计算机科学与技术及相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 计算机机房 四课程设计内容 （1）掌握Web网页常用的开发工具Frontpage或Deamweaver的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access数据库。 动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示（学生可根据自己的情况，自拟题目也可）。如图： 文章添加

文章题目列表 文章修改 五课程设计时间安排 第一天完成HTML静态页面和 CSS设计；完成基本JavaScript和数据库的设计 第二天完成动态添加和动态列表显示两个页面； 第三天完成内容显示和删除两个页面； 第四天完成课程设计报告。 六评分标准 成绩包括两部分：考勤和课程设计报告。 课程设计完成后必须提交打印的纸质课程设计报告，这是成绩评定的主要依据。报告必须按照指定格式，详细写出设计过程，并且截取系统运行图片（4张基本图片），附加相关重要代码，最后写出心得体会。页数不得少于10页。 七课程设计要求 课程设计严肃认真，不得无故迟到、缺席。报告书写规范正确，如有抄袭，一律按照不及格处理。

网页课程设计报告

武汉软件工程职业学院课程设计报告2018-2019学年度第一学期 题目：在线购物 姓名：张德帅 班级：网络1707 系部：计算机学院 指导教师： 日期：年月日

1、网站设计 1.1 确定主题 网上在线购物 1.2 设计分析 ● 栏目结构图 ● 色彩搭配 以橙色为基调，搭配色蓝色 1.3 布局分析 ● 布局风格 Div 与Css 上中下的架构 ● 页面总体框架图

网页结构代码