信息技术导论课程项目报告模板.docx
《信息技术导论课程项目报告模板.docx》由会员分享，可在线阅读，更多相关《信息技术导论课程项目报告模板.docx（18页珍藏版）》请在冰豆网上搜索。
信息技术导论课程项目报告模板
电子科技大学成都学院
云计算科学与技术系
项目设计报告
项目题目Web网站建设与设计
学生姓名：
李智.
学生学号：
1441310713.
专业：
软件工程.
班级：
2014级7班.
课程名称：
信息技术导论.
任课教师姓名：
邓玉春.
2015年5月制
目录
项目设计报告I
目录I
第1章任务和计划1
1.1项目任务描述1
1.2项目计划描述1
第2章项目的实施2
2.1个人家乡网页的设计2
2.2小组网页设计8
2.3IIS网站建设11
2.4Apach网站建设15
得分
第1章任务和计划
1.1
项目任务描述
描述项目的主要任务。
（5分）
了解学习HTTP以及Web服务器和Web客户机的通讯原理，进行Web服务器的安装，配置和管理，学会使用Apache和Tomcat服务器的功能和安装IIS。
学习HTML标记语言，明白HTML规范中的主要标记的功能及用法，学会用层叠样式表技术，利用CSS样式可以对标记进行精细的设计，达到传统标记属性无法实现的功能和效果。
对常用的网页制作工具FrontPage进行重点了解和学习，按照HTML规范的框架，学习FrontPage的使用。
例如，图像地图，滚动字符。
通过对FrontPage的学习，可以使我们建立软件开发环境和工具的概念，同时也使我们读者对HTML规范有一个更加全面的认识，特别是标记的属性。
再更根据自己所学的这些知识作一个关于自己家乡的网页。
1.2
得分
项目计划描述
描述项目实施的计划。
（5分）
一．了解使用FrontPage学会熟练的运用里面的功能，在自己的脑海里有对自己家乡页面有整体的布局。
把自己想要介绍的家乡面貌有具体的分块，并运用所学知识对其精细制作。
二．对自己网页要实现的功能进行分类，合理的步骤可以使工作效率提高很多，收集和整理关于家乡的文化背景和人文文化，
三．把自己要做的内容要实现的功能进行详细的构造，然后对这些功能逐一的实现。
第2章项目的实施
2.1个人家乡网页的设计
1.描述网页中文字和图片的使用。
要求提供相关代码和网页截图。
（5分）
图片使用：
在网页中插入图片，图片有![]()
标记，它是一个单标记。
在网页中标记一个图片的一般形式是。
在![]()
标记中，必须指定src属性，它的取值为图片的路径和文件名。
文字使用：
文本内容在浏览器中的默认样式，要写修改标记的默认显示，可以通过设置标记属性来完成。
如图2-1
图2-1
0;margin-bottom:
0">
绵阳科技馆
2.描述网页中表格的使用。
要求提供相关代码和网页截图。
（5分）
一个表由＜table＞开始，＜/table＞结束，表的内容由＜tr＞,＜th＞和＜td＞定义。
＜tr＞说明表的一个行，表有多少行就有多少个＜tr＞；＜th＞说明表的列数和相应栏目的名称，有多少个栏就有多少个＜th＞；＜td＞则填充由＜tr＞和＜th＞组成的表格。
表格重要的基本标记不多，但每个标记都有很多的属性，考虑到一下子把这些属性都列出来，可能让初学者感到无从下手，所以我们还是从表格的外观（即浏览器中显示的表格的样式）来了解最基本的属。
如图2-2
图2-2
走进北川九皇山猿王洞
九黄山猿王洞景区，地处中国四川绵阳北川羌族自治县境内，为中国西南第一大高山溶洞，中国西部旅游名洞。
猿王洞景区由高山溶洞群、绝壁黄金栈道、险山茶亭、原始森林、古老羌文化胜地等几部份组成。
著名的猿王洞为中国西南地区罕见的高山溶洞群，在猿王景区洞周围4平方公里范围内区。
|
9"width="638">
|
3.描述网页中文字超链接的使用。
要求提供相关代码和网页截图。
（5分）
在文字超链接使用标记…定义文本超链接的一般格式为：
文本其中，在默认情况下，当鼠标指针移到建立了超链接的文本或图片上方时，指针变成手形，表示文本或图片对应一个超链接。
如图
2-3
图2-3
西羌九皇山猿王洞
|
4.描述网页中图片超链接的使用。
要求提供相关代码和网页截图。
（5分）
如果是在图片上建立超链接，一般形式为：
,其中url为一个网址，bookmark-name是书签名，para为参数，value是参数值。
它们不一地能全部出现，若是多个参数，参数名，参数值对之间用&分割。
除了上述设置为一个完整的网址，href可以有多种特殊的形式，在默认情况下，当鼠标指针移到建立了超链接的文本或图片上方时，指针变成手形，表示文本或图片对应一个超链接。
如图2-4
如图2-4
none">北川九皇山猿王洞
5.描述网页中书签的使用。
要求提供相关代码和网页截图。
（5分）
书签使用：
书签是通过链接标记来定义的。
在文档内部可以定义书签，
书签是通过标记的name属性定义的，标识一个书签的方法为：
，如图2-5
图2-5
返回
关闭
6.描述网页中书签地图的使用。
要求提供相关代码和网页截图。
（5分）
插入文件中的图片”-在插入的图片上单击鼠标左键，此时图片四周就会被八个点所包围起来，同时，在图片下方就会出现“图片工具条”。
有时，“图片工具条”不会自动跳出，选择菜单“视图→工具栏→图片”，即可让“图片工具条”出现。
在“图片工具条”的右边，可以找到工具按钮，它们分别是“长方形热点”、“圆形热点”。
我们直接选取“长方形热点”按钮进行长方形作用区域的设置。
点一下“长方形热点”按钮，直接在要产生超链接的图片区域上按住鼠标左键不放，之后拖曳出超链接区域的范围直到符合我们理想的区域大小，然后放开鼠标左键结束区域设定。
如果点的是“圆形热点”按钮，开始点应放在所要选定的圆形超链接区域的中心。
如图2-6
图2-6
景点级别
景区名称
数量
|
7.描述网页中ID样式和类样式的使用。
要求提供相关代码和截图。
（5分）
id具有唯一性，就是说你某个页面中id只应该出现一次，比如你有个导航栏名字考虑叫nav，而你整个页面上这个导航栏只出现一次就该用id，那么就叫：
#nav而class类是用在重复出现的地方，比如你页面中有n个地方都有红色的标题字反复出现，那就用class定义个类，假设叫：
.red{color:
red;}，然后在要用红色字的标签上添加这个类即可。
id唯一性只是语法上的规范，实际上你一个页面中出现两次以上同一个id，浏览器还是能够正确解析。
如图2-7
图2-7
2.2小组网页设计
1.描述小组主页的设计思路，要求提供相关代码和截图。
（5分）
小组分工合作，首先查找关于自己家乡的资料，并且确认无误。
然后，编写CSS文件，将要用的类样式写入文件中，方便以后使用。
最后，设计编码，将自己的家乡信息填入。
图2-8
图2-8
shadowon="t"color="#99f"opacity="52429f"offset="3pt,3pt"/>
textpathstyle='font-family:
"宋体";font-size:
28pt;v-text-kern:
t'trim="t"
fitpath="t"string="上饶市（丁刘俊）"/>
<:
shape>
[endif]-->
[if!
vml]>src="index1.files/image002.gif"alt="上饶市（丁刘俊）"v:
sha
升级会员 