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
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1