本文由湖北自考网相关编辑人员整理
网页设计兼容性项目报告
我所做的网页是使用Div+Css来布局自己的网页的，兼容性，还有性能方面都会遇到一些问题。
首先，我要说的是在写css文件过程，最开始要设置的一些东西还不是很清楚，只能参考一些资料或者参考别人写好的css文件然后写到自己的css文件中。换名话说，就是说对css样式里的一些默认值还没有做到都了解，现在只能摸索着和对着参考资料写出css的文件头。
在参考资料中，我理解和了解了a标签和a标签里所带的伪类属性并知道a:visited和a:hover设置的前后顺序一定不能错。还有一个是一定要说的，那就是ie6只兼容a标签里的伪类属性，不兼容其他标签的伪类属性。
其次，再说说对网页整体的布局方面。在整个网页布局定位方面大致上没什么问题，不过还有些小地方，关于父子标签里的定位问题引起了我的重视，刚开始，我始终不能让这两个标签兼容所有的浏览器，后来问了同事才知道可以设置父子的绝对定位和相对定位属性可以使父子两个标签的定位问题解决并且达到兼容。
再然后说下float属性问题，刚开始对于这个浮动属性，我没有重视它，导致我初写网页的时候发现，当我在一个div内的两个子div分别使用float:left;和float::right;的时候，不能兼容，后来我就在网上查询相关资料找到了两种解决办法使之兼容，方法一：使用clear:both;属性清除浮动就可以实现兼容；方法二：使用overflow:hidden;属性也可以使整个效果达到兼容的效果。
还有就是，这次的网页设计项目实践中，我学到了怎么使用列表的相关属性和子标签。不过在网页设计方面我还有很多不足，我现在只能利用纯css样式来控制整个布局，不过，这样一来，设计出来的只能是静态的网页而已，没有起到交互与门户的效果。同时，我在做网页的时候也在查看着很多资料，现在要求网页设计人员能设计出有交互性或者门户型网站。
同时我也知道，要做交互或者门户型的网站必需要用到javascript，可是，恰恰javascript 是我目前最欠缺的。还有，网页设计里面，有很多漂亮的效果用纯css不能实现，必需要用到javascript来实现。还有一个也很重要，那就是要了解w3c网页设计的要求。
接下来，我说说我在工作中总结的一些技巧：
1、默认值方面：很多时候我们的一些标签都会有一些默认的值，比如说UL 的margin 和padding的默认值就不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形。还有Body之类的标签也会有不是0的默认值，所以我们一般都会这样来设置这些标签：
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{ paddi ng:0; margin:0; }
2、img标签方面：这里涉及到的是一个浏览器的兼容问题，ie6是一直让网页设计师最头疼的一个问题，关于图片，这里有一个小小的问题，有时ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这一点
img{ display：block}
3、float属性方面：有时候一些div会挤到页面的上方，把页面挤破掉，这里可能就是浮动引起的。在没有设置高度的容器里，如果里面的元素是浮动的元素，那么这个容器的高
度就不会随着里面的元素的高度增加而增加，这里也是浮动引起的。这时候我们就用到了这个：clear：both，很不错的解决方法。
4、IE6中Height的问题：height等于1px的div，在ie6中可能并不是1px，那怎么解决呢？不妨试一下：在这个div的CSS属性里加上font-size：1px;这样就解决了；还有一种方法就是在这个Div的Css属性里加上这个overflow:hidden; 这样也可以。
5、id和class的问题：当一个div要在页面中多次使用时，不要用id，要用class，还有就是要用引用js的时候，样式最好不要用id，因为id要留给js使用，所以最好不用用id，id要留给程序员用，前台我们就用class好了。
6、背景图片优化的问题：页面中最好不要用大块背景，能平铺的要平铺，否则加载起来会很慢，也不利于以后的优化和扩展，当然也有些大的网站，现在都尽量把背景统一放到一张图片上，用background-postion来取得背景，这样其实也好，背景虽然大了点，但只需统一加载一次，就可以了，速度也不会太慢，可以好好学习一下。
7、img的格式问题：好的格式就是gif格式，即确保了背景透明，在ie6中又不会有阴影，有时gif图片会有锯齿，这就需要我们保存成web格式，设置一下matter，matter的值用背景颜色的值越相近越好。
8、A链接问题：在伪类里，visited与hover的顺序一定不能倒换，否则ie6中会不出效果。
9、css编码问题：@charset "utf-8";注意这行代码，utf-8与g把gb2312是比较常用的两种编码方式。我们在外部链接CSS文件的时候，最好在这个外部CSS文件里加入这一行代码，来控制CSS文件编码。
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 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制作一个关于“新加坡之旅”的网站，利用表格、行为、层和链接等网页设计技术设计页面。
网站设计需求分析 一、设计目标 1.实现企业用户的信息发布与宣传; 实现地域企业信息的综合集成和搜索查询。 2.结合游戏网站积分实现企业网站扩展。 二、网站模块 1.用户注册模块：提供个人及商业企业的信息注册。 （1）个人用户：与游戏网站用户注册信息关联，以避免重复注册。需注册为商品交易用户的要进行实名认证，注册成功生成个人物品销售发布平台。 （2）企业用户：需提供营业执照等信息。在与游戏网站用户信息关联的同时，按企业性质分类，生成企业二级网站，供其发布企业信息和供求信息等。 （3）个体工商户：与企业用户相似。 2.个人用户模块：对通过实名认证加入销售平台的，初始默认为可发布5 件以内商品的交易信息。要发布更多的产品信息需要通过游戏网站换取游戏积分来获得（仅发布信息，不提供线上交易）。 3.企业信息模块：按照工业、商业、机关事业、旅游业、服务业、餐饮业等进行分类。 各类企事业单位初始默认可自定义选择5 个页面，如要发布产品销售信息默认10 件商品，更多的页面需要通过游戏网站积
分来获取。页面功能模块下述。 4.个体工商户模块：按照商业、服务业、餐饮业等进行分类。 各类个体商户初始默认可自定义选择 2 个页面，如要发布产品销售信息默认5 件商品，更多的页面需要通过游戏网站积分来获取。页面功能模块下述。 5.企业用户、个体商户二级页面管理模块企业用户默认情况最多可选择以下 5 个页面，个体商户最多可选择以下2 个页面，更过页面可通过游戏积分换取。 （1）用户主页（必选）：综合显示用户所选信息； （2）企业新闻：用户可在后台发布各类即时信息； （3）企业介绍： （4）产品信息：所属企业或个体商户产品信息发布； （5）与我联系（必选）：联系地址及方式等； （6）团购信息：包含产品信息、交易地址、价格及客户评价等，仅发布信息，不提供线上交易。（默认情况下企业用户发布10 条，个体商户发布5 条，更多信息需通过游戏积分换取）； （7）楼层导购：超市必选信息。用于布局超市楼层二维及三维图示和导航信息； （8）旅游信息：旅游业发布适时旅游信息（默认情况下发布10 条信息，更多信息需通过游戏积分换取）； 更多的页面可由网站管理员自定义设置。
WEB系统开发 综合实验报告 题目红尘客栈网上订房页面 专业计算机科学与技术（信息技术及应用） 班级计信2班 学生蒋波涛 重庆交通大学 2013年
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (4) 五、设计过程 (7) 六、实验心得 (10) 七、实验总结 (11)
一、设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我想这一点很多同学都没有去深究过.所以,这学期我选择了”web网页设计”这门课, 本课程的设计目的是通过实践使同学们经历网页制作的全过程. 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs3、Dreamweaver cs等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《红尘客栈》 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我们选做的主题是个人主页，并且选定题目为“红尘客栈”，其目的是做一个简单的网站，介绍酒店概况，提供一定的资讯信息。 四、技术分析 (一)建立布局 在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。 1.点击“ALT+F6”键，进入布局模式，插入布局表格。建立一个大概的布局。 2.使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。 （二）网页中的图像
目录 第1章引言 (1) 1.1编写目的 (1) 1.2项目背景 (1) 第2章任务概述 (2) 2.1目标 (2) 2.2运行环境 (2) 2.3条件与限制 (2) 2.4栏目设置 (3) 第3章功能需求 (5) 3.1功能划分及描述 (5) 第1章引言 1.1编写目的 为明确软件需求、安排项目规划与进度、组织软件开发与测试，撰写本文档。 本文档供项目主管、设计人员、开发人员参考。 1.2项目背景 a.项目名称：山西***********网站
b.开发单位：*********** 第2章任务概述 2.1目标 ***********网站建设是信息化时代，***高速管理处与社会公众之间的有效载体，是对外服务的窗口，***********管理处信息网站的建设目标是：具有可靠性、技术先进、能实现统一的信息发布、集中的信息存储、专业的系统管理维护的***********管理处信息网站。 在网站建设中，将注重网络平台、应用体系、数据库体系和安全体系的规划和建设，实现以下目标： (1)网络平台体系:https://www.doczj.com/doc/b14005292.html, Framework 1.1 (2)应用体系：主要体现在信息的发布上；其中，录入员录入信息，领 导审核同意后可发布该信息。重点建设网站维护的安全性，如用户 管理、用户权限管理、权限组管理、模块管理等，使信息能够方便、 快捷、安全、可靠、及时、准确的发布； (3)数据库体系：建立分步式的数据库体系；具有信息采集、整理、数 据备份和还原功能； (4)安全体系：建立标准统一、适应需要、切实可行的网络安全保障体 系。(建议在硬件中采纳) 2.2运行环境 操作系统：Microsoft Windows 2000 Advanced Server 支持环境：IIS 5.0 数据库：Microsoft SQL Server 2000 开发工具：https://www.doczj.com/doc/b14005292.html, 2.3条件与限制 ●信息录入使用嵌入式，类似word 排版样式的文字排版格式； ●系统维护对权限维护有安全、密码保护；
网页制作实验报告 页制作实验报告 实验一：站点设置 一、实验目的及要求 本实例是经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 三、实验原理 经过“站点定义为”对话框中的“高级”选项卡创建一具新站点。 四、实验办法与步骤 1）执行“站点＼治理站点”命令，在弹出的“治理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中挑选“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中挑选所创建的站点文件夹。在“默认图象文件夹”文本框中挑选存放图象的文件夹，完成后单击“确定”按钮，返回“治理站点”对话框。 4）在“治理站点”对话框中单击“完成”按钮，站点创建完毕。 五、实验结果 六、讨论与结论 实验开始之前要先建立一具根文件夹，在实验的过程中把站点存在自己建的文件夹里，如此才干使实验条理化，别至于在实验后寻别到自己的站点。在实验过程中会浮现一些选项，计算机普通会有默认的挑选，最后别要去更改，假如要更改要先充分了解清晰该选项的含义，以及它会造成的效果，否则会使实验的结果失真。实验前先熟悉好操作软件是做好该实验的关键。 实验二：页面图像设置 一、实验目的及要求： 本实例的目的是设置页面的背景图像,并创建鼠标经过图像。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域，同时接入国际互联。 2、安装windows xp操作系统；建立iis服务器环境，支持asp。 3、安装页三剑客（dreamweaver mx；flash mx；fireworks mx）等页设计软件； 4、安装acdsee、photoshop等图形处理与制作软件； 5、其他一些动画与图形处理或制作软件。 三、实验原理 设置页面的背景图像,并创建鼠标经过图像。 四、实验办法与步骤 1) 在“页面属性”对话框中设置页面的背景图像。 2) 在页面文档中单击“”插入鼠标经过图像。 五、实验结果
WEB 网站设计报告书 学年第 1 学期 设计题目： Web网站设计报告年级专业： 姓名学号： 所在学院：
目录 一、设计目的 (2) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (3) 五、设计风格 (7)
一、设计目的 在Internet飞速发展的今天，人们已经无法离开网络，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利.但是,我们成天浏览的网站网页到底是如何制作的呢?我们已经学了WEB这门课，就可以通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshoto等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。学会和团队配合，逐渐培养做一个完整项目的能力。 二、设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。 三、结构设计 选定主题，确定题目之后，在做整个网站之前对网站进行需求分析。首先，做好需求调研。调研方式主要是上网查阅资料，在图书馆里翻阅相关书籍。 然后，调研结束之后对整个网站进行功能描述，并对网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为： 首先是首页，首页下是新闻、视频、论坛、比赛、交易，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、热门比赛预告、靓图展示。
网站需求分析模板 一、哪些人应该参与网站开发项目的需求分析活动 需求分析活动其实本来就是一个和客户交流，正确引导客户能够将自己的实际需求用较为适当的技术语言进行表达（或者由相关技术人员帮助表达）以明确项目目的的过程。这个过程中也同时包含了对要建立的网站基本功能和模块的确立和策划活动。所以项目小组每个成员、客户甚至是开发方的部门经理（根据项目大小而定）的参与是必要的。而项目的管理者在需求分析中的职责有如下几个方面： 1、负责组织相关开发人员与用户一起进行需求分析。 2、组织美术和技术骨干代表或者全部成员（与用户讨论）编写《网站功能描述书（初稿）》文档。 3、组织相关人员对《网站功能描述书（初稿）》进行反复讨论和修改，确定《网站功能描述书》正式文档。 4、如果用户有这方面的能力或者用户提出要求，项目管理者也可以指派项目成员参与，而由用户编写和确定《网站功能描述书》文档。 5、如果项目比较大的话，最好能够有部门经理或者他授权的人员参与到《网站功能描述书》的确定过程中来。 二、完整的需求调查文档记录体系 在整个需求分析的过程中，将按照一定规范的编写需求分析的相关文档不但可以帮助项目成员将需求分析结果更加明确化，也为以后开发过程中做到了现实文本形式的备忘，并且有助于公司日后的开发项目提供有益的借鉴和模范，成为公司在项目开发中积累的符合自身特点的经验财富。 需求分析中需要编写的文档主要是《网站功能描述书》，他基本上是整个需求分析活动的结果性文档，也是开发工程中项目成员主要可供参考的文档。为了更加清楚的描述《网站功能描述书》往往还需要编写《用户调查报告》和《市场调研报告》文档来辅助说明。各种文档最好有一定的规范和固定格式，以便增加其可阅读性和方便阅读者快速理解文档内容，相关规定将在本文后面讨论。 三、向用户调查些什么 在需求分析的工程中，往往有很多不明确的用户需求，这个时候项目负责人需要调查用户的实际情况，明确用户需求。一个比较理想化的用户调查活动需要用户的充分配合，而且还有可能需要对调查对象进行必要的培训。所以调查的计划安排：时间、地点、参加人员、调查内容，都需要项目负责人和用户的共同认可。调查的形式可以是：发需求调查表、开需求调查座谈会或者现场调研。调查的内容主要如下： 1、网站当前以及日后可能出现的功能需求。 2、客户对网站的性能（如访问速度）的要求和可靠性的要求。 3、确定网站维护的要求。 4、网站的实际运行环境。 5、网站页面总体风格以及美工效果（必要的时候用户可以提供参考站点或者由公司向用户提供）。 6、主页面和次级页面数量，是否需要多种语言版本等
网页设计课程设计报告 系别：计算机科学系 班级：09级计师二班 姓名：邓桂香 学号：200914340229 指导教师：李发英 成绩： 日期：2011年5月
网页设计课程设计报告 一、网站设计目的和任务 一学期的网页设计理论和实践课程都结束了，根据老师的要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大家的情谊，有利于以后在学习、工作生活当中的团结协作。 此外，这不仅是为了肩负学生的责任而去完成老师交给我的任务，更是对过去学习的知识的温习巩固，是一个把理论转化为实践的过程，是一个把自己的设计思想转化为实物的过程，是一个发挥自己创造力和想象力的过程。 再者，这是对自己在一学期内该学习科目以来的成果的检查，这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及时改正，发觉自身的优点和长处并坚持发扬，有利于我以后的学习和发展。 二、网站主题 本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点。
三、网站规划思想 当今社会，靠什么成功?很多成功人士都说过这样一句话：“成功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动，因此就需要一条联系两方的桥梁，这条桥梁是满载信息的大流量的通道，在这信息时代，于是网络成为了这当之无愧的桥梁。我设计这个网站的思路就来源于此。 怎样让更多人了解你？怎么使别人更了解你？怎样扩大自己的接触面？当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题，这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推销出去，我想通过网络把自己的概况晾晒，方便别人更快捷更省事地得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一起研究探讨，相互促进，达到共赢。 既然这样，那么网站的风格自然是温和、高雅、柔美的，这样才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼开朗性，展现个人品格及魅力。最重要的是要呈现一个真诚的自我在大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对待和好感。 在内容和结构上，具体如下： 整个网站分为九个页面，分别为：主页面、基本信息、个人照片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、
目录 第1章绪论 (1) 1.1选题背景 (1) 1.2编写目的 (1) 1.3编写意义 (1) 第2章需求分析 (2) 2.1功能需求描述 (2) 2.2可行性分析 (2) 2.3统性能需求描述 (2) 第3章总体设计 (3) 3.1功能框图 (3) 3.2 数据字典 (7) 第4章页面设计 (11) 4.1最爱音乐网前台设计 (11) 4.2最爱音乐网后台设计 (12) 第5章编码实现 (14) 5.1 B/S模式 (14) 5.2 C#语言 (14) 5.3 SQL Server数据库 (15) 5.4 https://www.doczj.com/doc/b14005292.html,技术 (16) 5.5功能实现 (17) 第6章软件部署及测试分析 (23) 6.1软件配置 (23) 6.2测试分析 (23) 总结 (27) 致谢........................................................................ 错误！未定义书签。参考文献 .. (28)
第1章绪论 1.1选题背景 随着Internet网正在向全世界各大洲延伸和扩散，Internet是一个国际性的通信网络集合体,它集现代通信技术和现代计算机技术于一体, 是计算机之间进行国际信息交流和实现资源共享的良好手段。Internet也是人类历史发展中的一个伟大的里程碑，它是未来信息高速公路的雏形，人类正由此进入一个前所未有的信息化社会。人们用各种名称来称呼Internet，如国际互联网络、因特网、交互网络、网际网等等，已经成为世界上覆盖面最广、规模最大、信息资源最丰富的计算机信息网络。 音乐网站目前最常见的音乐发烧友网站行业呈现出的旺盛生命力和巨大的市场潜力。音乐网站信息系统采用了Ｂ/Ｓ开发框架，先进的管理构思，完善的业务管理功能，整个产品在管理功能、易用性、实用性、数据容量、数据安全性、网络稳定性方面都有了很大的提高 1.2编写目的 研究网站的开发技术，重点是IIS, HTML，https://www.doczj.com/doc/b14005292.html,。开发一个音乐欣赏网站。该网站使用SQL Server保存数据，用https://www.doczj.com/doc/b14005292.html,设计动态网页。 1.3编写意义 计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上玩游戏。除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。 而我想设计一个全新的音乐综合网站，这个网站有别于其他音乐网站的常规设计，将给人一种全新的感觉，使之浏览，搜索音乐更加方便和快捷。这也就是毕业设计的编写意义。
湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21
前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。
目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)
一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。
武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平
利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求： 需要我们实现的功能有： 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理
3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员，注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店，通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。
昆明理工大学信息工程与自动化学院学生实验报告 （201 —201 学年第一学期） 课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩 实验项目名称网页设计简介、HTML基础介绍、文字与 段落、列表指导教师 教师 评语教师签名： 年月日 注：报告内容按实验须知中七点要求进行。 一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。 （2）输入下面代码：
课程设计 课程名称：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%;
一功能分析 1.1 目的 该文档是关于用户对于博客网站系统的功能和性能的要求，重点描述了博客网站系统的设计需求，将作为对该工具在概要设计阶段的设计输入。 本文档的预期读者是： ●设计人员 ●开发人员 ●项目管理人员 ●测试人员 ●用户 1.2 范围 该文档是借助于当前系统的逻辑模型导出目标系统的逻辑模型，解决整个项目系统的“做什么”的问题。在这里，对于开发技术并没有涉及，而主要是通过建立模型的方式来描述用户的需求，为客户、用户、开发方等不同参与方提供一个交流的渠道。 1.3 系统整体结构 根据用户的需求陈述，可以确定本项目分为客户端和管理端，客户端主要功能是提供阅读文章、发表评论、发表留言等等。管理端的功能提供博客管理人员进行的类型管理、文章管理、评论管理等。他们的关系如图A-1。
图A-1 校园博客系统流程图 1.4 系统运行网络环境 本系统的网络运行图如图A-2，无论是客户端的访问者还是管理端的BM 等都可以通过网络登录到本系统中。访问者通过网络发布相关信息及通过网络发表评论。 图A-2：网络拓扑图 文章管理 评论管理 类型管理 网络服务器 链接管理 留言管理 阅读文章 发表评论 发表留言 评论管理 评论管理 博客访问者
1.5系统运行硬件环境 本系统的硬件环境如下： ●客户机：普通PC ?CPU：P4 1.8GHz ?内存：256MB以上 ?分辨率：推荐使用1024*768像素 ●WEB服务器 ?Internet 信息服务（IIS）管理器 ●数据库服务器 ?CPU：P4 1.8GHz ?内存：256MB以上 1.6系统运行软件环境 ●操作系统：Windows XP ●数据库：MYSQL ●开发语言：JSP JAVA ●浏览器：IE7.0 1.7角色（Actor）定义 角色或者执行者（Actor）指与系统产生交互的外部用户或者外部系统。 1.7.1博客访问者 博客访问者是指在这个网络校园博客系统中通过客户端匿名或已注册的人员，这个Actor(包括游客)主要参与客户端的阅读文章、发表评论、发表留言等功能。 1.7.2管理用户 管理用户是指管理端的用户，这个此Actor派生两个子类，BM（博客管理员）和系统管理员，BM是指在校园博客系统中通过管理端参与博客管理员工作的人员，他又可以派生多个子类如文章管理者、评论管理者和留言管理者。博客管理员具有发布，修改，删除博客，查看博客，发表评论等权限。系统管理员是指对校园博客系统系统进行相关设置、维护的人员，它也是通过管理端登录对管理端的用户进行设置，分配权限等，它们的关系如图A －3：
实验报告 项目名称：网页设计 课程名称：动态网页制作 班级：计082 姓名：柴硕 学号：070746 教师：张猛 信息工程学院计算机系
网页设计 一、[网页主题] 以个人空间展示为主题，其中分为主页面、我的朋友、我的家乡风貌、我的爱好兴趣以及个人简历五个页面。 婉子俱乐部 二、[素材准备] 网页设计知识参考图书、报纸、网络教程，图片、音乐、模板来源自互联网上，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。另外，还要使用Dreamweaver PhotoShop、Flash等工具，进行图像的处理、美化，还有一些flash的制作。 三、[布局特点] 我的导航放在右下角，分为My Friends、About Me 、My Idol、My hometown, Bei jing 以及return top，每个页面实现向其他四个页面跳转以及置顶的功能，我的排版没有使用网上的模板，而是自己搭配，有的采用图文搭配的效果，有的采用插入flash以及文字域，也有用表格来划分图片和文字的页面，达到每个页面布局不一，独具匠心，从而达到给人耳目一新的感觉。 四、[主页设计流程及设计效果截图] 一、创建本地站点 首先在本地机上建立一个文件夹，命名为“网页制作”，并且将素材文件放在站点中。 单击菜单栏中的【站点】-【新建站点】-【站点名称】为“柴硕个人网页”，本地文件夹为“网页制作”。 二、制作首页 1.新建HTML文档，并将文件保存在本地站点根文件下，命名为“index。html”。 2.点击，选择背景图像
3.插入flash，如图 4.插入导航
5打开代码在最后加一条语句实现条幅循环
-1《Hi购》网站设计需求分析报告课题组成员 执笔人: 一、网站的设计目标：《Hi购网》是用于实现为有需求商家聚集足够消费者，并 使消费者得以更低折扣购买商品的平台。 二、网站的主题：《Hi购网》是设计一个网上团体购平台，并进行商品展示和销售 管理。 三、网站的CI设计:1. 《Hi购网》取“Hi”和“High”的同音，所以LOGO设 计成一个跃起的简易的人物形象。2.《Hi购网》是以“团购”为题材的网站，所以网站的整体形象以热情的橙色为主调，以白色为底并用暗红色最为点缀色。3.整个网站主题采用宋体字。4. 《Hi购网》的口号是：“上Hi购，放心high！” 四、网站的风格：《Hi购网》的设计风格是给人一种热情红火的感觉。 五、网站的功能需求:前台包含的模块有：注册，登录，修改会员信息，查看订 单，取消订单，确认收货，申请退货；后台包含的模块有:订单管理，会员管理。每个功能模块的具体描述:注册,添加新用户将用户信息添加到数据库；登录，登录到相应会员的主页面；修改会员信息，对会员注册的信息进行修改并将修改后的结果添加到数据库；查看订单:查看订单信息和处理情况；取消订单，在订单发货前可以对订单进行取消操作；确认收货，会员确认收货后订单情况显示“已完成”；申请退货，会员确认收货30天内可以进行退货申请；订单管理，管理员可以对订单进行删除修改等操作；会员管理，管理员可以对会员进行删除等操作。 六、网站的运行环境和开发环境：运行环境windows，开发环境：VS
七、网站的其他设计要求需求分析: 1. 《Hi购网》界面要求主要遵循简 洁清晰又不失美观并易于用户操作的宗旨 2.安全要求主要包括：用户可以浏览，选购商品但没有对商品进行修改和删除的权限；管理员登陆后台系统后才能对商品，会员，订单等信息实现管理3.用户注册登陆后才能进行商品的购买，管理员要对用户的身份进行验证。 八、网站的目录结构 九、网站的设计进度及时间安排
Web网站设计实验报告 学生： 学号： 班级： 系别： 学院：
目录 一、设计目的 (3) 二、设计题目 (3) 三、结构设计 (3) 四、技术分析 (5)
五、设计过程 (6) 六、实验总结 (7) [附录]网页源代码节选 (8) 一．设计目的 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。我们当代大学生更是离不开网络给我们带来的好处与便利。但是,我们成天浏览的网站网页到底是如何制作的呢我想这一点很多同学都没有去深究过。所以为了了解网页制作的过程，我们在老师的指导下分前台和后台进行了一系列操作，并有所收获。 我们了解和熟悉了网页设计的基础知识和实现技巧，也熟练掌握
了Photoshop cs3、Dreamweaver cs等软件的的操作和应用。 二．设计题目 《篮球球迷交流网》 主要是篮球新闻、视频，还有交流帖子区，交易广告平台等。三．结构设计 选定主题，确定题目之后，网站设计还是一张白纸，我所做的是需要在这张白纸上一点点勾勒出网站的大框架，然后慢慢填充，实现网站的构想。首先我们在网上和图书管里查阅了大量的资料，以确定我们所需要的基本技术。然后，我们对整个网站进行总体规划，接着逐步细化。 我的设计主题是篮球球迷交流网，包括多个方面，框架为：首先是首页，首页下是新闻头条，分栏有球迷自述、篮球美图、给我留言，从分栏都可以回到首页。 首页主要分为新闻头条、热门话题区、靓图展示。 此为网站的大体板块，下面我们就每一页的页面板块进行详细的分析，有了大体框架，我们只需要在每一页的主要内容上做以划分，
武汉理工大学华夏学院课程设计报告书 课程名称：网页设计 题目：俄罗斯方块游戏 系名：信息工程系 专业班级： 姓名： 学号： 指导教师: 2016 年1月14 日
课程设计任务书 课程名称：网页设计课程设计指导教师：苏永红 班级名称：软件1131 开课系、教研室：软件与信息安全一、课程设计目的与任务 网页设计与制作课程设计是《网页设计与制作》课程的后续实践课程，旨在通过一周的实践训练，加深学生对网页设计中的概念，原理和方法的理解，加强学生综合运用HTML、CSS、JavaScript、asp网页设计技术进行实际问题处理的能力，进一步提高学生进行分析问题和解决问题的能力，包含系统分析、系统设计、系统实现和系统测试的能力。 学生将在指导老师的指导下，完成从需求分析，系统设计，编码到测试的全过程。 二、课程设计的内容与基本要求 1、课程设计题目 俄罗斯方块游戏的设计与实现 2、课程设计内容 俄罗斯方块游戏是一个单击休闲小游戏。在俄罗斯方块的游戏界面中，有一组正在“下落”的方块(通常有4个，组成各种不同的形状)，游戏玩家需要做的事情就是控制正在“下落”的方块的移动，将这组方块摆放到合适的位置。只要下面“某一行”全部充满方块，没有空缺，那么这行就可以“消除”，上面的所有“方块”会“整体掉下来”。 对于HTML5、JavaScript学习者来说，学习开发这个小程序难度适中，而且能很好地培养学习者的学习乐趣。开发者需要从程序员的角度来看待玩家面对的游戏界面，游戏界面上的每个方块(既可以涂上不同的颜色，也可以绘制不同图片)在底层只要使用一个数值标识来代表即可，不同的方块使用不同的数值标识。 开发俄罗斯方块游戏除了需要理解游戏界面的数据模型之外，开发者还需要理解为游戏添加监听方法，通过事件监听可以监控玩家的按键动作，当玩家按下不同按键时，程序控制正在“下落”的方块移动或旋转。本程序稍微有点复杂的地方是，当方块组合旋转时，开发
电子商城网站 ---需求分析与设计 1.需求分析 1.1电子商城网站的目的和意义 目的：熟悉网络编程知识，了解web的客户端和服务器端的工作原理以及联系。学习使用HTML语言、JAVAScript语言、VBScript语言和动态语言（JSP）来实现客户端和服务器端的功能。掌握与数据库连接代码的编写、用Access 、SQL语句查询数据库、服务器（tomcat）及JAVA的设置、基本HTML的代码编写、用JSP实现动态页面的生成以及和用户客户端的交互、用JAVAScript实现简单的客户端页面功能。学习使用一些网页制作软件（Frontpage、Dreamweaver）来制作页面。意义在于通过简单电子商务网站的制作，学习动态语言、标签语言和脚本语言的语法和功能，了解建立一个网站的各个流程，包括确定题材、搜集数据、结构设计、建立数据库、形象设计、主页及其它页面设计、客户端与服务器的功能交互、定义站点、测试站点和发布站点等等。为以后的网络编程设计应用开发积累一定的经验。 1.2网站功能分析 前台购物系统 ?用户注册/登录 ?商品展示/搜索 ?购物车/订单 ?个人设置 后台管理系统 ?管理用户 ?维护商品库 ?处理订单 ?其他管理功能
2.电子商城网站的设计 2.1功能模块设计 网站设计功能模块如下： ?用户注册(register.jsp) 提供新用户的注册功能，注册后的用户资料将被添加到数据库的customer 表中。注册后的用户将具备一个属于自己的个人账户，成为Eshop网站的会员，将有权购买本网站的商品。注册后的用户将被提示注册成功（regsuccess.jsp），如果注册的用户名已经存在，则转到相关的错误信息页面（regfail.jsp）。 ?用户登录(userlogin.jsp) 如果用户已经注册为本网站的会员，便可以通过登录来使用购物的相关车功能并通过提交订单完成最后的付款。会员可以通过个人账户来修改自己的信息，可以查看自己购物车中已有的商品。登录成功后，将转到首页（index.jsp），首页将显示欢迎用户的文字。用户可以从主页浏览属于用户权限的所有内容。 ?个人数据设置（myprofile.jsp） 会员可以进入个人账户修改自己已经注册的信息（updatemyprofile.jsp），包括用户名，密码，电话，身份证号等等所有信息。会员还可以通过此页面查看自己已经添加到购物车中的商品（mycart.jsp）。 ?商品展示（product.jsp） 用户可以通过首页或者任何包含top.jsp的页面中点选Eshop商城来浏览商品库中的所有商品，设计时编写代码规定每页显示10条概要的商品记录，若用户对某个商品感兴趣，可以点击查看细节按钮进入商品描述的详细页面（productdetail.jsp），如果有意购买可以直接点击加入购物车按钮进入加入购物车的相关页面（addtocart.jsp）。商品展示页面显示商品的产品ID、产品名称、产品类别、产品所在地、产品主要图片、折扣信息、单价、显示标题和截止日期。 ?购物车（mycart.jsp） 用户的购物车页面，用户点击加入购物车按钮通过addtocart.jsp页面的确认向购物车页面添加购物车。此页亦为提交订单的页面，倘若用户对其购买的商品确认无误，便可以提交订单付款。若想删除购物车中的商品，只需点击相应商品后的删除按钮便可以实现上述操作。
电子商务2班201341440225杨杰网页设计报告 电子商务2班 姓名：杨杰 2016.06.10
目录 1.设计目的 (1) 2.设计思想 (2) 2.1网站整体结构规划思想 (4) 2.2 主页设计思想 (5) 2.3子页的设计思想 (6) 3.网页详细设计分析 (8) 4.结论 (10)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs5开发的全过程
和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs5可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs6、Dreamweaver cs5等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。 配置虚拟机环境 1.在虚拟机上面模拟一个局域网环境 （1）在虚拟机上面配置安装windows xp sp3 professional(Client )和 windows server 2003 standard Edition (Server)两个操作系统的虚拟主机。 虚拟机硬件配置如下： Ⅰ.windows xp sp3 professional （在配置过程中可以选择默认配置） Ⅱ.windows server 2003 standard Edition