信息技术导论课程项目报告模板.docx

1、信息技术导论课程项目报告模板电子科技大学成都学院 云计算科学与技术系项目设计报告项目题目 Web网站建设与设计学生姓名： 李 智 .学生学号： 1441310713 .专 业： 软 件 工 程 .班 级： 2014 级 7 班 .课程名称： 信 息 技 术 导 论 .任课教师姓名： 邓 玉 春 .2015 年 5 月制目 录项目设计报告 I目 录 I第1章 任务和计划 11.1 项目任务描述 11.2 项目计划描述 1第2章 项目的实施 22.1个人家乡网页的设计 22.2 小组网页设计 82.3 IIS网站建设 112.4 Apach网站建设 15 得 分第1章 任务和计划1.1 项目任务描

2、述 描述项目的主要任务。（5分）了解学习HTTP以及Web服务器和Web客户机的通讯原理，进行Web服务器的安装，配置和管理，学会使用Apache和Tomcat服务器的功能和安装IIS。学习HTML标记语言，明白HTML规范中的主要标记的功能及用法，学会用层叠样式表技术，利用CSS样式可以对标记进行精细的设计，达到传统标记属性无法实现的功能和效果。对常用的网页制作工具FrontPage进行重点了解和学习，按照HTML规范的框架，学习FrontPage的使用。例如，图像地图，滚动字符。通过对 FrontPage的学习，可以使我们建立软件开发环境和工具的概念，同时也使我们读者对HTML规范有一个更

3、加全面的认识，特别是标记的属性。再更根据自己所学的这些知识作一个关于自己家乡的网页。1.2 得 分项目计划描述 描述项目实施的计划。（5分） 一了解使用FrontPage学会熟练的运用里面的功能，在自己的脑海里有对自己家乡页面有整体的布局。把自己想要介绍的家乡面貌有具体的分块，并运用所学知识对其精细制作。 二对自己网页要实现的功能进行分类，合理的步骤可以使工作效率提高很多，收集和整理关于家乡的文化背景和人文文化， 三把自己要做的内容要实现的功能进行详细的构造，然后对这些功能逐一的实现。第2章 项目的实施2.1个人家乡网页的设计1. 描述网页中文字和图片的使用。要求提供相关代码和网页截图。（5分

4、）图片使用：在网页中插入图片，图片有标记，它是一个单标记。在网页中标记一个图片的一般形式是。在标记中，必须指定src属性，它的取值为图片的路径和文件名。文字使用：文本内容在浏览器中的默认样式，要写修改标记的默认显示，可以通过设置标记属性来完成。如图2-1图2-1        绵阳科技馆2. 描述网页中表格的使用。要求提供相关代码和网页截图。（5分） 一个表由table开始， /table结束，表的内容由 tr,th和td定义。tr说明表的一个行，表有多少行就有多少个tr；th说明表的列数和相应栏目的名 称，有多少个栏就有多少个th；

5、td则填充由tr和 th组成的表格。表格重要的基本标记不多，但每个标记都有很多的属性，考虑到一下子把这些属性都列出来，可能让初学者感到无从下手，所以我们还是从表格的外观(即浏览器中显示的表格的样式)来了解最基本的属。如图2-2 图2-2 走进北川九皇山猿王洞 九黄山猿王洞景区，地处中国四川绵阳北川羌族自治县境内，为中国西南第一大高山溶洞，中国西部旅游名洞。猿王洞景区由高山溶洞群、绝壁黄金栈道、险山茶亭、原始森林、古老羌文化胜地等几部份组成。著名的猿王洞为中国西南地区罕见的高山溶洞群，在猿王景区洞周围4平方公里范围内区。 3. 描述网页中文字超链接的使用。要求提供相关代码和网页截图。（5分）在文

6、字超链接使用标记定义文本超链接的一般格式为：文本其中，在默认情况下，当鼠标指针移到建立了超链接的文本或图片上方时，指针变成手形，表示文本或图片对应一个超链接。如图2-3图2-3 西羌九皇山猿王洞 4. 描述网页中图片超链接的使用。要求提供相关代码和网页截图。（5分）如果是在图片上建立超链接，一般形式为：,其中url为一个网址，bookmark-name是书签名，para为参数，value是参数值。它们不一地能全部出现，若是多个参数，参数名，参数值对之间用&分割。除了上述设置为一个完整的网址，href可以有多种特殊的形式，在默认情况下，当鼠标指针移到建立了超链接的文本或图片上方时，指针变成手形，

7、表示文本或图片对应一个超链接。如图2-4如图2-4                北川九皇山猿王洞 5. 描述网页中书签的使用。要求提供相关代码和网页截图。（5分）书签使用：书签是通过链接标记来定义的。在文档内部可以定义书签，书签是通过标记的name属性定义的，标识一个书签的方法为：，如图2-5图2-5返回关闭6. 描述网页中书签地图的使用。要求提供相关代码和网页截图。（5分）插入文件中的图片”-在插入的图片上单击鼠标左键，此时图片四周就会被八个点所包围起

8、来，同时，在图片下方就会出现“图片工具条”。有时，“图片工具条”不会自动跳出，选择菜单“视图工具栏图片”，即可让“图片工具条”出现。在“图片工具条”的右边，可以找到工具按钮，它们分别是“长方形热点”、“圆形热点”。我们直接选取“长方形热点”按钮进行长方形作用区域的设置。点一下“长方形热点”按钮，直接在要产生超链接的图片区域上按住鼠标左键不放，之后拖曳出超链接区域的范围直到符合我们理想的区域大小，然后放开鼠标左键结束区域设定。如果点的是“圆形热点”按钮，开始点应放在所要选定的圆形超链接区域的中心。如图2-6图2-6 景点级别 景区名称 数量 7. 描述网页中ID样式和类样式的使用。要求提供相关代

9、码和截图。（5分）id 具有唯一性，就是说你某个页面中 id 只应该出现一次，比如你有个导航栏名字考虑叫 nav，而你整个页面上这个导航栏只出现一次就该用 id，那么就叫：#nav而 class 类是用在重复出现的地方，比如你页面中有n个地方都有红色的标题字反复出现，那就用 class 定义个类，假设叫：.redcolor:red;，然后在要用红色字的标签上添加这个类即可。id 唯一性只是语法上的规范，实际上你一个页面中出现两次以上同一个 id ，浏览器还是能够正确解析。如图2-7图2-7 2.2 小组网页设计1. 描述小组主页的设计思路，要求提供相关代码和截图。（5分） 小组分工合作，首先查找关于自己家乡的资料，并且确认无误。然后，编写CSS文件，将要用的类样式写入文件中，方便以后使用。最后，设计编码，将自己的家乡信息填入。图2-8图2-8 img border=0 width=302 height=55src=index1.files/image002.gif alt=上饶市（丁刘俊） v:sha