web程序设计期末实验报告

web程序设计期末实验报告
web程序设计期末实验报告

Web开发技术结课报告

选题名称:畅游贵州交流网

姓名:

学号:

2016年12月25日

目录

一、总结 (2)

二、网站立意分析 (3)

三、网站设计及功能实现 (4)

1.首页: (4)

排版构架 (5)

实现效果: (6)

2.分页 (6)

一、总结

本学期,在杨老师的带领下,我们基本掌握了Web技术的入门知识。从最初的掌握HTML语言基本语法规则制作简单的静态网页——插入文字、超链接、背景图片、列表、表单等,以及通过设置相关选项的属性来改变其表现形式,到后来通过对层叠样式表CSS、ASP、数据库相关知识的学习,使得我们所做的网页不再如最初般单调死板。其次,通过学习Web技术,我们也更好的明白了我们日日浏览的网页是怎样制作的,完成了从最初的看到网页都是文字和图像到后来看到网页都是一条条编程语句的蜕变。

学习Web技术的过程是一个有趣却又不缺乏困苦的过程,我们从最初对网页和网站制作的一无所知到渐渐明白网页的制作流程,到最后完成自己网页的制作。在这个过程中,我们享受着自己能够一点一点做出预期网页的喜悦,但同时却又发现要想制作一个形象生动、功能齐全的网站要付出多大的努力。随着对Web技术的深入学习,

我们不断地完善着自己的网站,让自己的网站变得更具实用性,美观性。

通过此次网页的制作,我们明白了制作网页前一定要做好充分的准备。我们不仅要明确网页制作的主题,还要在网页制作初期就明确网页各部分结构和所涉及的内容。其次,网页的大体框架要明确,没有明确的框架网页就会显的杂乱无章、没有条理,使得浏览网页的用户无法准确获取所需信息。最后,我们也明白了制作网页的过程不仅仅是对课堂所学知识的巩固,也是对课堂外知识的扩充。要想做出内容丰富多彩的网页,必须勤学苦练,还要能够很好的利用网络资源和图书等。

总之,通过这门课程的学习,我们掌握了很多实用的技巧,但也深知我们所掌握的技术还远远不足以满足现实网页编程、网站设计的要求,所以,我们还会再接再厉,不断学习来制作出更多更好的网页二、网站立意分析

依靠社会经济的发展,旅游业已成为全球经济中发展势头最强劲和规模最大的产业之一。旅游业在城市经济发展中的产业地位、经济作用逐步增强旅游业对城市经济的拉动型、社会就业的带动力,以及对文化与环境的促进作用日益显现。因此,我决定制作一个关于家乡——贵州的旅游网站来为我的家乡做宣传,让更多的人了解我的家乡,来到我的家乡旅游。如今各种旅游网站自出现以来就因其“方便,丰富,全面”等优点而得到了广大旅游爱好者的欢迎。由于旅游借助了互联网,就能够更方便地解决传统旅游业不能解决的适应游客行、

吃、住、玩一体化的需求;同时还由于旅游也作为一个整体的商业生态链,酒店、景点景区、交通等等,利用互联网可以将这些环节连成一个统一的整体,进而可以大大提高服务的水平和业务的来源有助于我们对贵州旅游的认识,对贵州景区的认识,从而使阅览过网站的人更想去。

三、网站设计及功能实现

我采用的是Dreamweaver进行网站的静态和动态页面设计.我的网站主题是《畅游贵州交流网》。本次设计采用“首页→分页”的大体结构模式,浏览者于首页处访问基本信息,点击各个链接可以进入分页查看详细信息。首先,我利用 CSS 技术保证整个网站整体风格一致,然后将该 CSS 文件嵌入网站中每一个“.html 文件”的头部(之间),这样可以基本达到该网站的各个页面的协调统一要求。其次利用 HTML 中的标签,如“Div”“Table”等来进行网站布局,其中“Div”增添了局部对象的灵活性,配合“Javascript”语句产生一些动态效果。“Table”语句用来制作表格,使所展示内容清晰明了。另外还有一些插入图片及链接的基本语句,增加内容形式的多样性。下面详细介绍各部分的结构布局

1.首页:

首页是网页的核心页面,需完成网页的主体功能。主页的架构影响整个网页的排版布局,清晰简约风格的主页设计,更能引起浏览者的好感,明了的框架布局、清晰的标题与关键字能够让读者在短时间内

大体掌握整个网页的内容架构,了解网页内容的大体走向,找寻自己需要了解的信息。首页由天气查询、今日推荐、美景寻踪、贵州风光、小吃推荐、线路精选、宾馆酒店以及菜单栏组成。而菜单栏由天贵州简介、风土人情、吃在贵州、旅游攻略、自由行、社区论坛、注册/登录等几个部分组成,每个部分都可以点击跳转到相应的分页去。该首页采用左中右三栏的分栏模式,每一项中又通过div分为多个模块。排版构架

实现效果:

2.分页

贵州简介:该页中我利用video标签插入了关于贵州的宣传视用于宣传贵州。

风土人情:该页中我添加了动态显示系统当前时间这个功能和景音乐的自动播放,以及用图文混排的方式介绍贵州。

登录和注册:我在该页中插入了一个flash动画以增强美感,注册、登陆窗口主要用于确保指定用户进行登录网站进行浏览,方便网站管理,大大提升了网站的安全指数。登录窗口主要利用HTML 语言来

设计客户端的程序,利用ASP 脚本语言进行服务器端的程序,并通过DATABASE 来对收集来的数据进行记录。以下是数据库中的数据记录

用户表

《基于WEB程序设计》期末考试及答案

-精品- 《基于WEB 程序设计》 期末考试试卷 考生注意:1.本试卷共有六道大题,满分100分。 2.考试时间90分钟。 3.卷面整洁,字迹工整。 4.填写内容不得超出密封线。 总分 题号 一 二 三 四 五 六 核分人 题分 10 10 20 10 30 20 复查人 得分 得分 评卷人 一、HTML 代码分析(每小题5分,共10分) (5分) ___1______ </ 2 > </ 3 > <body> </ 4 > </ 5 > 2. 根据网页截图效果补充代码。(5分) <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> < 1 > <td>row 2, cell 1</ 2 > < 3 >row 2, cell 2</td> </ 4 > </ 5 > 得分 评卷人 二、数据库基础代码分析 (每小题5分,共10分) (5分) INSERT INTO article ( title, writer, content ) VALUES (‘实验’, ‘学生’, ‘插入数据’); 2.解释代码:请解释下述代码的含义。(5分) DELETE * FROM article WHERE 编号=1; 得分 评卷人 三、标准控件代码分析(每小题10分,共20分) (10分) ButtonEx.aspx : <%@ Page Language="VB" AutoEventWireup="false" CodeFile=" ButtonEx.vb " Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.360docs.net/doc/116108915.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.360docs.net/doc/116108915.html,/1999/xhtml" > <head runat="server"> <title>无标题页 密 封 线 学习中心: 姓名: 专业: 学号: 座位号:

Web程序设计沈士根版课后习题答案.doc

Web考试复习资料 第一章 1.填空题 (1).NET Framework主要包括公共语言运行库(CLR) 和类库 (2)网站在编译时,首先将语言代码编译成MSIL ,微软中间语言 (3)一台 IIS Web服务器 IP 地址为,网站端口为 8000,则要访问 Web应用程序 User 中的 URL 为 (4)可以通过复制网站同步网站上的一个文件 3.选择题 (1)VSEW 2012 不支持( A) Ajax (2) 下面( D)网站在建立时要求安装Microsoft FrontPage服务器扩展 A. 文件系统 B. 本地 IIS 站点 D. 远程站点 (3) 以下选项不属于编程语言的是(A) Basic C# C++ 4. 简答题 (1)一个学校有多个分院,每个分院有各自的网站,如果提供一台WEB服务器,如何设置答:每个分院设置各自的虚拟目录。虚拟目录是服务器硬盘上通常不再主目录下的文件夹 的一个好记名称(别名),使用别名可以发布多个文件夹下的内容以供所有用户访问,并能 单独控制每个虚拟目录的读写权限。 (6)静态网页和动态网页的区别 答:静态页面是不能随时改动的,静态是一次性写好放在服务器上进行浏览的,如果想改 动,必须在页面上修改,然后再上传服务器覆盖原来的页面,这样才能更新信息,比较麻烦,使用者不能随时修改。 动态页面是可以随时改变内容的,有前后台之分,管理员可以在后台随时更新网站的内容, 前台页面的内容也会随之更新 第二章 1.填空题 (1)VSEW 2012 默认建立的XHTML文件类型是XHTML5 (2) 利用 XHTML建立一个链接到邮箱的元素是邮箱 (3)页面中的空格用   表示 (4)存放 Web窗体页 C#代码的模型有单文件页模型和代码隐藏页面模型 (5) 实现页面 3 秒自动刷新一次的元素是 (6) 在单文件页模型中,C#代码必须包含于之间 (7) 代码隐藏页模型通过CodeFile 属性和 Inherits 属性将 aspx 文件和对应的 .aspx 文 件联系起来 (8)外部样式表通过 元素链接到页面 (9)XML 主要用于处理与表达(跨平台交换)数据

Web程序设计实验报告

Web程序设计实验报告 姓名:冯刚 学号:200905030324 班级:计科3班

Html代码: 1.首页代码 无标题文档