网页设计制作网站

学生毕业设计(论文)

网站设计与制作

摘 要

摘 要

随着信息技术的发展，计算机技术在我们的日常生活中已经占据着越来越重要的位置，各行各业的发展都离不开网络的支持，旅游行业也借着网络来宣传自己。

本课题是为地方的旅游开发的一个综合性网站，是利用jsp技术和ssm框架以及oracle数据库技术实现的。主要完成对旅游网站的管理和网站的展示与应用，主要功能包括：景点管理、酒店管理、民俗管理、酒店预订、门票预订、信息浏览和评价等。

该旅游网站可以系统的展现一个地区的旅游信息，让人们方便快捷的了解这个地区和这个地区的地方特色。相比较于一般的旅游网站，该网站的针对性更强，更能够满足针对地区旅游的需求。

关键词：旅游网站 SSM Oracle数据库 JSP

I

Abstract

Abstract

With the development of Information technology, computer occupies a more and more important position in our daily life. Every trade is thriving with the help of the Internet, tour

网站的初步设计与制作

教学内容分析

本课内容选自必修第六章和选修第四章，这两个章节内容都有关于网页制作，所以将两章节内容结合在一起讲。建立一个网站的一般过程也就是信息集成的一般过程，所以设计网站的时候也套用这样的过程，学生从中则可以温故而知新。

教学对象分析

通过前面学习，学生已经熟练掌握信息获取和加工的基本方法，部分学生已经考虑或者已经开始信息集成的操作。将信息集成以网站的形式来表现，是大多数学生都有所了解并十分向往的。大多数学生对frontpage的基本操作有所了解（初中已经学过），但对设计网站的方法、过程等都是从未接触过的。所以本课要站在全局的髙度来把握信息集成的一般过程, 体验网站的设计与制作的一般过程。

一、教学目标

（-）知识与技能：

1、了解网站规划设计的一般方法；

2、掌握一种基于网络进行信息集成的工具（本章以Frontpage 2000为例）的基础操作。（二）过程与方法：

1、熟悉信息集成的一般过程（选题立意、设计规划、开发制作和评估测试）；

2、能够按照信息集成的一般过程，通过独立或合作的方式完成一个信息集成的作品。（三）情感态度与价值观：

1、利用精心的设计和制作，使学生感受数字化的美：

2、通过主题鲜明的作品，培养学生正确的人生价值观。

3、通

网页设计制作报告

网页设计制作报告

学院：语言与传播学院

专业：传播学专业

姓名：吾乎曼尔

学号：15321135

班级：传播1501班

时间：2016年10月25日

网页设计制作报告

设计目的：

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop 、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。

设计要求：

1.主题突出，内容实用健康积极向上、信息量大、具有文化内涵和时代气息。

2.开发规范。网页制作规范，结构清晰，栏目分类清晰，信息归类科学，内容丰富详实，网站导航明确，运行流畅。

3.页面美观。页面规划合理，美观，网站页面设计庄重大方，创意新颖，页面整体的色彩效果要协调，即总体协调，局部对比，合理运用多种形式

网页设计制作报告

网页设计制作报告

学院：语言与传播学院

专业：传播学专业

姓名：吾乎曼尔

学号：15321135

班级：传播1501班

时间：2016年10月25日

网页设计制作报告

设计目的：

本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。

通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。

熟练掌握Photoshop 、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素质。

设计要求：

1.主题突出，内容实用健康积极向上、信息量大、具有文化内涵和时代气息。

2.开发规范。网页制作规范，结构清晰，栏目分类清晰，信息归类科学，内容丰富详实，网站导航明确，运行流畅。

3.页面美观。页面规划合理，美观，网站页面设计庄重大方，创意新颖，页面整体的色彩效果要协调，即总体协调，局部对比，合理运用多种形式

教 案

2012 ～ 2013 学年第 二 学期

学

部 工程技术学部

教研室(实验室) 动漫

课 程 名 称 网页设计与制作 授 课 班 级 11动漫 主 讲 教 师 职

称 讲师

网页设计与制作案例教程

使 用 教 材 主编：九州书源

清华大学出版社

教 案（首页）

至 12-13 学年第 二 学期 课程 名称 网页设计与制作 课程编码 学 分 4 总计：72 学时 类别 必修课（ √ ） 选修课（ ） 理论课（ √ ） 实践课（ √ ） 讲课：36 学时 任课 教师 授课 对象 基本 教材 教材：网页设计与制作案例教程 和主 主编：九州书源 要参 清华大学出版社 考资 参考资料：网页设计与制作案例教程 主编:陈承欢 料 教学 目的 要求 教学目的：本课程是动漫专业的一门职业技术必修课，目的是使学生掌握有关网站建设的基本概念、创建网站的方法和步骤、重点掌握利用Dreamweaver软件来设计布局静态网页以及一些简单的JavaScript脚本语言、熟练掌握网页编写语言html，能够利用Dreamweaver来创建和设计一个网站，为以后学习Web动态网页的开发奠定基础。 教学要求：通过本课程的

第1、2课时 网页设计概述

【教学内容】

讲解网页设计的相关术语及网站制作的基本流程。

【教学目的】

使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。

【教学重点】

网页设计中的若干术语。

【教学难点】

理解网页设计中的若干术语。

【教学方式】

讲授式、讨论式、案例分析式。

【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《Internet 网页工场》Wittime工作室 重庆出版社。

3、《WEB网站设计》Joel Sklar著 高等教育出版社。

4、《HTML网页制作教程》材义语编著 铁道出版社。

【新课内容】

1.1 WWW和URL

1.1.1 Web的起源

Web是World Wide Web的简称，一般也称之为WWW或3W

1.1.2 Web的特点和结构

Web最大的特点是使用了超文本（Hypertext）

WWW采用C/S（客户机/服务器）工作模式

在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议

1.1.3 URL

URL的完整格式

协议://主机名或IP地址：端口号/路径名/文件名

1.2 IE5的使用

Web浏览器是浏览Internet资源的客户端软

主题：中秋

课程名称：网页设计

设计题目：中秋主题

学院：电子信息工程学院

专业班级：自动化1205

学生姓名:孟祥麟

学号：12212042

教师:黄宇 《网站设计与制作》报告

主题：中秋

中秋网页制作过程

一、网站开发目的和功能简介

网站详细得向大家展示了中秋节的起源习俗等文化色彩。 中秋节又称月夕、秋节、仲秋节、八月节、八月会、追月节、玩月节、拜月节、女儿节或团圆节，是流行于中国众多民族与东亚诸国中的传统文化节日，时在农历八月十五；因其恰值三秋之半，故名，也有些地方将中秋节定在八月十六。

二、 网站的设计

1、 网站的名称：中秋

2、 网站栏目划分

根据本网站的内容和功能划分为：首页、中秋起源、中秋习俗、中秋诗词、神话传说。

（1）首页——表明网站主题；

（2）中秋起源——对中秋的起源和发展做了详细的讲解，让大家了解相关知识；

（3）中秋习俗——详细讲解了全国各地的各种中秋习俗；

（4）中秋诗词——引用了一些有名的诗词；

（5）神话传说——通过flash、文字、图片等为大家呈现中秋神话；

（6）版权信息——声明了网站的建设者。

具体如图所示:

首页

中秋起源

中秋习俗

中秋诗词

主题：中秋

神话传说

3、网站导航应用于所有页面提高网站的操作友好性。

4、网站的风格与色彩选择：页面以橙黄色为主。体

第一章网页设计与制作基础

本章要点

通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。

第一节关于互联网

一、什么是协议

网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。 硬件协议：定义了硬件设备如何运作以及如何协同工作。

软件协议：程序之间的通信是通过软件协议完成的。

二、互联网协议

1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。

（1）IP网际协议

IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。

（2）TCP传输

毕 业 设 计（论 文）

论文题目：网页设计与制作

学习中心（或办学单位）：电子科技大学

1

摘要

网页设计作为用户界面交互设计的延伸，实在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特点和结构思路，具备可实际行和外观时尚。本论文将对网页设计的开发语言开展研究和讨论。在网页设计与制作语言的基础上， 着重使用 HTML作为工具语言进行网页设计与制作 的实际操作，分别对基于对象的 HTML、css、JavaScript进行详细描述并实现网页的开发。

关键字：制作、设计、HTML

2

Summary

Web design as an extension of the interactive user interface design, it is a new media and new technologies to support a whole new field of creative design. Design creation of web pages and circulation of its unique characteristics and structure

第一章网页设计与制作基础

本章要点

通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。

第一节关于互联网

一、什么是协议

网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。 硬件协议：定义了硬件设备如何运作以及如何协同工作。

软件协议：程序之间的通信是通过软件协议完成的。

二、互联网协议

1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。

（1）IP网际协议

IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。

（2）TCP传输