艺术欣赏与网页设计
1 综合实验 简单静态网站制作
姓名： 学号： 班级：计算机科学与技术*班 日期：
【实验目的】
综合掌握HTML5+CSS设计静态网站的方法。
【实验环境与设备】
计算机实验室
要求：机器上安装有浏览器和记事本等。
【实验要求】
1、完成学期初每个人自己设计的网站，网站至少由5个页面构成，除主页外，至少要包含四个主栏目，每个页面必须图文并茂，能较好地表达主题，切忌采用过多的文字、过多的图像或者过多flash，不允许添加视频和音频。作品应体现Web的特点，网站结构完整，链接正确、导航有效。
2、网站主题可从如下几个选择：中国传统文化、互联网时代、畅想未来。
3、对于HTML，文档的语义应正确、清晰可读，符合行文规范。
4、对于页面上各个元素，使用CSS进行外观设计，根据主题选取适当的字体大小、颜色和元素背景等。
5、要求使用外部CSS文件。
6、布局方面，使用DIV+CSS布局。
7、对于设计完成的网页样式，要求具有较高的灵活性、可维护性和可重用艺术欣赏与网页设计
2 性，既要确保整个网站外观风格上的统一，每个页面之间也要存在一定的差异。
注意：
内容和网页形式自定，不允许抄袭，一经发现0分处理。
不允许提交未在网页中使用的图像、flash、声音和图像文件。
每个学生以学号加姓名命名站点名称。
完成并提交该实验报告
【报告内容】
1 网站设计结构
艺术欣赏与网页设计
3 2 网页代码
① 第1个页面
中国传统文化
首页
朝代
民族
地域 艺术欣赏与网页设计
4 文化
杂家
搜索
三皇五帝 夏朝 商朝 西周 东周
5
6
若要说中国历史，夏朝是不能不说、也是无论如何不可逾越的峦峰。但是，夏朝却是一个没有多少考古实物出土的王朝，它仅仅存留于人们的记忆中和传说中。因此，历代关于夏王朝的真实存在性成为公案，众多...
甘肃政法学院
《网页设计与制作》
期中考试论文
题 目 ________政府工作网站_____
序号 学号 姓名 分工情况 成绩
01 201132090135 席建军 收集第一、二章资料，整理全部资料、
排版、打印
02 201132090120 鹿会霞 收集3.1资料
03 201132090142 张嘉翎 收集3.2资料
04 201132040241 汪永强 收集3.3资料
05 201132040205 陈萍萍 收集3.4资料
06 201132040228 牟建雄 收集4.1资料
07 201132090237 王学瑾 收集4.2资料
目录
第一章 网站相关知识介绍
第二章 网站建设的流程
第三章 网站规划与设计
4.1网站主题
4.2网站结构
4.3网页布局
4.4网页色彩
第四章 网页制作
5.1网页制作常用工具介绍
5.2网页制作的步骤
第一章 网站相关知识介绍
URL（Uniform Resource Locator）即统一资源定位器，它是一种通用地址格式，是Inetrnet的文件命名系统。当用户查询信息资源时，只要给出URL地址，服务器便可以根据它找到网络资源的位置，并将其传送给浏览器。完整的URL地址由协议名、Web服务器地址、文件在服务器中的路径和文件名四部分组成，每部分用斜杠“/”分隔。HTTP：网页在Internet上使用超文本传输协议（Hyper Text Transfer
Protocol）进行传送，要打开Internet上某一网页，只要在浏览器地址栏中输入网页地址即可。Web服务器：存储和管理供给全球各地用户浏览网页的服务器客户端浏览器：通过在地址栏中输入Web服务器地址从而访问Web服务器的软件；目前主要是Internet Explorer（IE）和Netscape；
一个网页实际上就是一个普通的文本文件，其文件名后缀通常为“.htm”或“.html”。HTML（HyperText Markup
静态网页只是由一些HTML、CSS及简单的JS脚本等代码编写的，可在其中插入文字、图片、音频、FLASH视频等。
具有以下特征：1 每个静态网页都有一个固定的URL，且网页URL以htm.html、shtml等形式为后缀，而不含有“？”。
2 网页内容一经发布到网站服务器上，即成为实际存在的保存在服务器上的文件，每个网页都是一个独立的文件。
3 静态网页的内容相对固定，因此容易被搜素引擎检索。
4 静态网页没有数据库的支持，采用静态网页技术的网站，在制作和维修方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式是很难进行后期的维护和管理的。
5 静态网页的交互性较差，在功能方面有较大的限制。而动态网页的所谓“动态”是指网页显示需要连接数据库，例如Access、SQL、SERUER数据库等，是动态读取的数据，利于方便更新和修改，这种动态网页多为后台操作更新资料的。
动态网页的网址后缀不是htm、html、shtml、xml等形式，而是以asp、jsp、php、perl、cgi等形式为后缀，并且在动态网页中有一个标志性的符号“？”
动态网页一般具有以下特点：
1 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。
2 采用动态网站的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。
3 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才生成一个完整的网页。
4 动态网页中的“？”对搜索引擎检索存在问题，搜索引擎一般不能从一个网站的数据库中访问全部网页，或者处于技术方面的考虑，搜索引擎不去检索网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎的要求。
二 静态网站与动态网站
网页是组成一个网站的基本元素，一个页面成为网页，多个网页组成则成为网站。
1 静态站点 静态站点仅提供单向的信息服务，静态网站是指网站中网页内容是真实存在的网页文件，当用户发送请求时，只是将设计好的并存放在服务器中的网页发送给用户，这个网页中的内容和形式，任何用户在查看时都是相通的。
第２５卷第１期
２００８年１月 计算机应用与软件
Ｃｏｍｐｕｔｅｒ Ａｐｐｌｉｃａｔｉｏｎｓ ａｎｄ Ｓｏｆｔｗａｒｅ ＶｏＩ＿２５ Ｎｏ．１
Ｊａｎ．２ｏｏ８
ＡＳＰ．ＮＥＴ下利用动态网页技术生成静态ＨＴＭＬ页面的方法
白金牛 李慧萍 王培吉
（包头医学院网络与信息中心内蒙古包头０１４０１０）
（内蒙古科技大学理学院内蒙古包头０１４０１０）
摘 要 介绍了一种在ＡＳＰ．ＮＥＴ环境下利用动态网页技术生成静态ＨＴＭＬ页面的方法。利用这种技术，网站内容管理人员在添
加网页时直接利用后台管理发布程序就把页面存放成ＨＴＭＬ静态文件，它有生成页面简单、快速的优点。这种技术对于访问量大的
网站尤其适用，可以减轻服务器端运行程序和读取数据库的压力，提高了网站的数据存取效率，生成的静态页面也更利于搜索引擎
收录。
关键词 ＡＳＰ．ＮＥＴ动态页面静态页面Ｃ撑
ＴＨＥ ＭＥＴＨｏＤ ｏＦ ＧＥＮＥＲＡＴＩＮＧ ＳＴＡＴＩＣ ＨＴＭＬ ＰＡＧＥＳ
ＷＩＴＨ ＤＹＮＡＭＩＣ ＷＥＢ ＰＡＧＥ ＴＥＣＨＮＩＱＵＥ ＩＮ ＡＳＰ．ＮＥＴ
Ｂａｉ Ｊｉｎｎｉｕ Ｌｉ Ｈｕｉｐｉｎｇ Ｗａｎｇ Ｐｅｉｊｉ
（Ｔｈｅ Ｎｅｔｗｏｒｋ Ｉｎｆｏｒｍａｔｉｏｎ Ｃｅｎｔｅｒ，Ｂａｏｔｏｕ Ｍｅｄｗａｌ Ｃｏｌｌｅｇｅ，Ｂａｏｔｏｕ ０１４０１０，Ｎｅｉｍｅｎｇｇｕ，Ｃｈｉｎａ） 。（１￣ｔｉｔｕｔｅ ｏｆＳｃｉｅｎｃｅ，Ｉｎｎｅｒ Ｍｏｎｇｏｌｉａ Ｕｎｉｖｅｒｓｉｔｙ ｏｆＳｃｉｅｎｃｅ ａｎｄ Ｔｅｃｈｎｏｌｏｇｙ，Ｂａｏｔｏｕ ０１４０１０，Ｎｅｉｍｅｎｇｇｕ，Ｃｈｉｎａ）
Ａｂｓｔｒａｃｔ Ａ ｍｅｔｈｏｄ ｏｆ ｇｅｎｅｒａｔｉｎｇ ｓｔａｔｉｃ ＨＴＭＬ ｐａｇｅｓ ｗｉｔｈ ｄｙｎａｍｉｃ ｗｅｂ ｐａｇｅ ｔｅｃｈｎｉｑｕｅ ｉｎ ＡＳＰ．ＮＥＴ ｉｓ ｉｎｔｒｏｄｕｃｅｄ．Ｗｉｔｈ ｔｈｉｓ ｍｅｔｈｏｄ，ｔｈｅ ｗｅｂ ｓｉｔｅ ａｄｍｉｎｉｓｔｒａｔｏｒｓ ｃａｎ ｂｕｉｌｄ ｓｔａｔｉｃ ＨＴＭＬ ｗｅｂ ｐａｇｅ ｆｉｌｅｓ ｗｈｅｎ ｈｅ ａｄｄｓ ｔｈｅ ｃｏｎｔｅｎｔｓ．Ｔｈｅ ｍｅｔｈｅｄ ｃａｎ ｃｒｅａｔｅ ｗｅｂ ｐａｇｅｓ ｓｉｍｐｌｙ ａｎｄ ｑｕｉｃｋ—
