2013版网站建设与维护综合实训报告 - 图文

更新时间:2024-01-09 20:12:01 阅读量: 教育文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

课程名:网站建设与维护 课程编号:05041610

综合实训报告

信管专业 2013级

所在班级 学生学号 学生姓名 任课教师

信管13级 2 班 2013026245(07)

孙凤垚 杨宏慧

实训成绩评定(满分100分,出勤和表现40分,报告60分) ______分(出勤和表现)+______分(报告)=_________分(总成绩)

《网站建设与维护》课程综合实训报告

实训环节规范化管理说明

1、本实训环节为《网站建设与维护》课程的重要组成部分,占期末总成绩的20%,同学必须认真对待。

2、实训一般开在理论课内容讲授过程中;

3、根据信管专业的特点,本实训完成内容总体包含静态网页的建立、样式表的创建与应用、JavaScript的语法与应用和PHP语法与应用4部分构成,分为16个实训项目。

4、实训结束后,每个同学需要以综合实训报告的形式上交最终材料,实训过程中需要留存所有实训过程数据和成果,体现在实训报告中,作为成绩评定的参考;

5、在课程实训过程中,要求学生做到:

(1)预习实训指导书有关部分,认真做好实训内容的准备,就实训可能出现的情况提前作出思考和分析。

(2)仔细观察上机时出现的各种现象,记录主要情况,作出必要说明和分析。 (3)认真完成实训报告。实训报告包括实训目的和要求,实训情况及其分析。 (4)遵守机房纪律,服从辅导教师指挥,爱护实训设备。 (5)实训课程不迟到、不早退、不缺席。

实训的验收将分为两个部分。第一部分是上机操作,包括检查实训内容完成质量和即时提问。第二部分是提交书面的实训报告。此外,针对以前教学中出现的问题,本实训将采用阶段检查方式,每个实训都应当在规定的时间内完成并检查通过,过期视为未完成该实训,不计成绩。以避免期末集中检查方式产生的诸多不良问题,希望同学们抓紧时间,合理安排,认真完成。

6、要有规范且留档文件记录每组学生的表现,包括:出勤、打游戏、完成进度、完成质量和态度等,对实训环节出勤不好、打游戏或完成进度过慢的同学要给予扣分或取消成绩处理。

7、实训报告每完成一个实训要在一周内完成实训报告,提交电子版,发邮件至邮箱hkjyhh@sina.com。邮件主题和实训报告文件命名格式为“班级_学号_姓名”,如:“信管13-1_08陈志高”。过期提交,每超过1天成绩降低10%,超过3天提交无效。并且最后要按要求的格式A4版打印装订,期末统一提交,计入成绩单。

-I-

《网站建设与维护》课程综合实训报告

目录

实验一:制作一个基本的页面 ....................................................................................................................... 1 实验二:表格标记的应用 ............................................................................................................................... 3 实验三:表单标记的应用 ............................................................................................................................... 4 实验四:框架标记的应用 ............................................................................................................................... 7 实验五:HTML综合实验 ............................................................................................................................. 10 实验六:创建一个简单的网站 ..................................................................................................................... 12 实验七:制作一个简单的首页 ..................................................................................................................... 16 实验八:创建一个交互式的网页 ................................................................................................................. 17

-II-

《网站建设与维护》课程综合实训报告

实验一:制作一个基本的页面

一、实验目的

? 1、学习如何编写HTML文档;

? 2、练习使用HTML中最基本的一些标签,如定义标题、段落及标记文字的显示格式、背景

图片、图像、水平线和超链接等。

二、实验内容

1、实验的具体步骤

2、主要标记及其功能分析

三、部分程序代码

一个带有文本`图像和超链接等标记的页面


四、实验结果截图

-1-

《网站建设与维护》课程综合实训报告

-2-

《网站建设与维护》课程综合实训报告

实验二:表格标记的应用

一、实验目的

1、学习HTML表格标记的应用

二、实验内容

1、实验的具体步骤

2、表格标记及其功能分析

三、部分程序代码

我的网站

网站名称类型主页域名

网易综合型

新浪综合型搜狐综合型

四、实验结果截图

-3-

《网站建设与维护》课程综合实训报告

实验三:表单标记的应用

一、实验目的

1、学习HTML表单标记的应用

二、实验内容

1、实验的具体步骤

2、表单标记及其功能分析(1)表单标记(2)添加单选按钮(3)添加下拉列表(4)添加文本域(5)添加提交按钮

三、部分程序代码

表单标记的应用实验

-4-

1.0 Transitional//EN\

《网站建设与维护》课程综合实训报告







-6-

《网站建设与维护》课程综合实训报告

四、实验结果截图

实验四:框架标记的应用

一、实验目的

1、学习HTML框架标记的应用

二、实验内容

1、实验的具体步骤

2、框架标记及其功能分析(1)定义一个左右结构的框架(2)对左右框架作具体的定义(3)设置不支持框架的提示信息

三、部分程序代码

Main.html

框架标记的应用实验

-7-

《网站建设与维护》课程综合实训报告

对不起,你的浏览器不支持“框架”!

Menu.html

目录





Page1.html

登鹳鹊楼



-8-

《网站建设与维护》课程综合实训报告

四、实验结果截图

-9-

《网站建设与维护》课程综合实训报告

实验五:HTML综合实验

一、实验目的

1、掌握HTML标记的综合使用方法,学会用HTML设计一个简单的网站。

二、实验内容

1、 2、

三、部分程序代码

欢迎来到我的个人网站

每个人都是独一无二的,没有什么是永恒的,无论是友情,爱情,亲情,或只是一瞬间便不复存在了。


-10-

《网站建设与维护》课程综合实训报告





copy right 2004-2008

联系电话:13104610103 E-mail:1010319791@qq.com
best view800*600


|

-11-

《网站建设与维护》课程综合实训报告

四、实验结果截图

实验六:创建一个简单的网站

一、实验目的

1、通过构建一个站点,来学习使用Dreamweaver中一些基本的操作,包括站点的建立、文本的制作、表格的使用、插入图像的方法等。

二、实验内容

1、建立本地站点 2、新建文档 3、设置页面属性 4、插入标题和水平线 5、插入表格 6、插入翻转图像 7、插入表格内容 8、插入图像 9、预览文档

三、部分程序代码

https://www.bwwdw.com/plus/\

-12-

《网站建设与维护》课程综合实训报告

纸盒人网站


-13-

《网站建设与维护》课程综合实训报告

onmouseover=\

src=\欢迎进入纸盒人的世界\border=\

日本亚马逊还专门为纸盒人出了限量版的。带有亚马逊LOGO。

国内很多摄影爱好者喜欢用来拍摄,因此很受欢迎。也因为如此,成了节日、生日用来送礼的好选择。

,在它单纯的幻想世界里,总是透露出最纯真可爱的动人气息。从Danbo身上,看到一个孩童,除了天真烂漫外,隐约透露淡淡杞人忧天的伤感

四、实验结果截图

-14-

《网站建设与维护》课程综合实训报告

-15-

《网站建设与维护》课程综合实训报告

实验七:制作一个简单的首页

一、实验目的

1、利用Dreamweaver设计和制作一个简单网站的首页。

二、实验内容

1、实验的具体步骤

(1)打开Dreamweaver,新建一个页面,选择“修改”、“页面属性”菜单项,在弹出的“页面属性”对话框中将左、右、上、下的边距都设置为0像素。

(2)切换到布局选项栏,选择布局模式。

(3)在新建的页面上,用布局表格工具绘制一个宽为715像素,高为441像素的布局表格,设置填充为0,间距为0。然后切换到标准模式下,将表格的对齐方式设置为居中对齐。

(4)用绘制布局单元格工具在布局表格中绘制6个布局单元格用来对页面进行布局。

(5)这样页面的基本框架结构就出来了,从上到下依次是横幅、导航栏、主体框和版权部分。 (6)可以先在这个页面中添加已经制作好的页面元素,如依次插入已经做好的横幅和导航栏。 (7)现在要在导航栏和主体之间添加一条宽为1像素的黑色直线。首先选中导航栏下的布局单元格,然后转换到标准模式下将其背景色设置为黑色。然后重新回到布局视图。

(8)在布局单元格的“属性”面板中将单元格大小设置为1像素。 (9)切换到代码视图,将相应代码中的“ ”删除即可。 (10)接下来切换到标准模式下,插入一个1行2列的表格。 (11)在左边的表格中继续插入一个4行1列的表格。 (12)在左上表格中插入一个公告栏。

(13)在左下表格中插入一个友情链接栏。

(14)在右边的表格中,可以根据自己的需要来添加表格设置栏目或者添加网页元素等。 (15)最后在最下方添加上版权及其他需要注意的事项。 (16)制作完毕,在浏览器中的显示的最终效果

三、部分程序代码

四、实验结果截图

-16-

《网站建设与维护》课程综合实训报告

实验八:创建一个交互式的网页

一、实验目的

1、学习层的应用,表单的制作,按钮的制作以及表单元素的制作。

二、实验内容

1、新建文档

2、插入层并进行设置

3、插入表单并在表单中插入一个定位表格 4、在表单中插入文本字段 5、在表单中插入单选按钮 6、在表单中插入复选按钮 7、在表单中插入文字区域 8、在表单中插入提交按钮

三、部分程序代码

html

PUBLIC

\

-17-

XHTML 1.0 Transitional//EN\

《网站建设与维护》课程综合实训报告

\

美化表单中的元素练习

聊天室注册页面

-18-

《网站建设与维护》课程综合实训报告

密码:

确认密码

真实姓名:

性别:

邮箱地址:

备注