如何制作一个网站开题报告

如何制作网站
小组：常国荣组 参与人：常国荣，郑一岗，周梓泳，刘亚波
1

如何制作网站
目录
1.1 如何制作网站概述 …………………… 3 1.2 教学目标 …………………………… 1.3 知识结构图 ………………………… 1.4 学习建议 …………………………… 4 5 5
1.5 学习重点 …………………………… 6
1.5.1 建立网站的基本步骤……………… 7 1.5.2 初步了解 HTML 和 CSS............ 10
1.5.3 了解相关软件………………… 17 1.6 知识归纳 …………………………… 18 1.7 习题精选 …………………………… 22 1.8 Moodle 特色 ………………………… 26
2

如何制作网站
概述
随着互联网的发展， 信息时代的大潮流已推向了每 一个人。本书将全面系统地介绍制作网站的基本技巧： 注册网址、网站的基本设计、空间服务器的选择、如何 将程序上传到服务器、绑定域名及空间域名等内容。 本书的特点是论述严谨、概念准确、文句精炼、 理论知识与实际应用相结合， 内容取舍兼顾相关知识的 成熟性与先进性。 随着网络信息的飞速发展， 网络传媒已被越来越多 的企业看好，而网站就是传媒很好的一种方式，目前有 很多企业都在开发属于自己的网站， 所以研究网站建设 是 很 有 必 要 的 。 本 文 针 对 开 发 网 站 的 ASP(Active Server Pages) 技 术 做 了 具 体 的 阐 述 ， 说 明 了 ASP(Active Server Pages)服务器的安装及 IIS 的配置。 数据库系统是对数据进行存储，管理，处理和维护的软 件系统，每个动态网站都必须牵涉到数据库，数据库的 地位是非常重要的，本文根据数据库尽可能不重复，以 最优的方式组织数据的特点，对数据的增、删、改和检 索由统一软件进行管理和控制。数据库和 ASP(Active Server Pages)技术也是本文研究的主要对象。 本文运用 ASP(Active Server Pages) 技术、数据库和 相应的网站开发软件，阐述了网站前后台设计，并对其
3

如何制作网站
功能进行了论述，实现了整个网站功能的使用。通过对 整个网站的设计， 说明了在制作过程中遇到常见问题的 解决方法。
教学目标
1. 掌握独立制作一个网站的基本技巧。 2. 了解制作网站的语言（如 HTML、CSS、JavaScript） 3. 学会一般的网站设计的一般过程 4. 了解与网站制作的相关软件（如 dreamwaver，Ps， Flash 等等） 5. 学会利用一些平台做网站（PageAdmin 系统，Drupal 中国，Joomla 系统） 6. 了解网站在各行各业的重要性 7. 掌握网站与数据库连接，与服务器连接的关系 8. 了解服务器运行语言 9. 掌握使用 FTP 连接网站空间，注册用户名，密码 10. 掌握后期网站运行维护
4

如何制作网站
知识结构图
学习建议
（1）
所谓简单的网站，一般指静态的网站。例如做一个不可以留言 的 Blog,就比做一个可以留言、可以注册的 Blog 简单得多。
（2）
跟网站开发有关的语言有 HTML、CSS、JavaScript，这三者是 开发一个网站（即使是简单的网站）必学的。PHP/ASP/JSP 是 开发服务器里运行的脚本的语言。例如，你想在你的网页里创 建一份表单用于收集用户填写的信息，就得用到它们来编写脚 本进而处理收集到的信息。SQL 则是数据库相关的，这点我不
5

如何制作网站
了解。至于那些 C 打头的跟网站开发关系不大。
（3）
DW、FrontPage 等是所见即所得的网页制作工具，意思就是即 使你没学过 HTML、CSS、JavaScript，也可以用这些软件作出 傻瓜式的网页（就跟制作幻灯片一样） 。但专业 Web 开发是一 定要学 HTML 等语言的，这些软件只是辅助。因为用它们制作 出来的网页不利于维护。
（4）
如果你参与开发一个大型网站，比如一个公共论坛或者购物网 站，就得学数据库什么的用于存放、维护信息。
（5）
PS、Flash 等就是处理制作图像和动画的软件，比如你想给网 站设计一个 Logo,就得用 PS 啊什么的做。 还有就是开发一个网 站之前总得先设计好页面吧，这时候也要 PS 来先做出一个设 计图。
（6）
HTML、CSS 较简单，一个星期的认真学习应该可以入门。学会 这两样，已经可以制作出一个简单的网站了。
（7）
做好了一个网站后， 你需要购买一个域名、 购买一个虚拟空间， 这两样合起来大概一两百一年。
（8）
开发一个复杂网站，肯定需要团队分工。主要有前端 （ HTML/CSS/JavaScript ） 、后端（ PHP/数据库） 、美工（ PS、 设计）
学习重点
6

如何制作网站
一.建立网站的基本步骤
一、确定网站主题
网站主题就是你建立的网站所要包
含的主要内容，一个网站必须要有一个明确的主题。特别是 对于个人网站，你不可能像综合网站那样做得内容大而全， 包罗万象。你没有这个能力，也没这个精力，所以必须要找 准一个自己最感兴趣内容，做深、做透，办出自己的特色， 这样才能给用户留下深刻的印象。网站的主题无定则，只要 是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主 题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主
题开始搜集材料了。常言道： “巧妇难为无米之炊” 。要想让 自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材 料，搜集得材料越多，以后制作网站就越容易。材料既可以 从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜 集，然后把搜集的材料去粗取精，去伪存真，作为自己制作 网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上
决定于设计者的规划水平，规划网站就像设计师设计大楼一
7

如何制作网站
样，图纸设计好了，才能建成一座漂亮的楼房。网站规划 包含的内容很多， 如网站的结构、 栏目的设置、 网站的风格、 颜色搭配、版面布局、 文字图片的运用等，你只有在制作网页之前把这些方面都考 虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制 作出来的网页才能有个性、有特色， 具有吸引力。如何规划网站的每一项具体内容，我们在下面 会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不
会影响你设计网页的好坏，但是一款功能强大、使用简单的 软件往往可以起到事半功倍的效果。网页制作涉及的工具比 较多，首先就是网页制作工具了，目前大多数网民选用的都 是所见即所得的建站系统软件(前面提到的网站管理系统)。 除此之外， 还有图片编辑工具， 如 firework 、 Photoshop 等； 动画制作工具， 如 Flash 等； 网上有许多这方面的软件下载， 你可以根据需要灵活运用。 四、明确网站主题和内容
1、首先确定你要制作的网页的主题，就是你建这个网站的 内容是什么 2、确定你的网页的阅读对象，就是你的网 3、 选择制作网页的工具软件，
页是准备给那些人看的；
比如 PageAdmin 系统、shopex 系统、discuz 系统这些，当然 还有很多优秀软件，大家可以在以后慢慢接触到。 4、如果你作好了页面，就需要考虑你的网页放到什么地
8

如何制作网站
方发表，也就是平常我们说的发表空间，我们学校的用户网 络中心已经申请好了空间，大家可以直接使用（有发布空间 的标志是你有了 FTP 账号，这个需要申请） ，也可以按我前 面说的把自己电脑配置为服务器（需安装 IIS 等软件，这个 自己百度一下） 五、制作网页 材料有了，工具也选好了，下面就需
要按照规划一步步地把自己的想法变成现实了，这是一个复 杂而细致的过程，一定要按照先大后小、先简单后复杂来进 行制作。所谓先大后小，就是说在制作网页时，先把大的结 构设计好，然后再逐步完善小的结构设计。所谓先简单后复 杂，就是先设计出简单的内容，然后再设计复杂的内容，以 便出现问题时好修改。在制作网页时要多灵活运用网站管理 系统后台功能，这样可以大大提高制作效率。 六、 上传测试 网页制作完毕， 最后要发布到 Web 服
务器上，才能够让全世界的朋友观看，现在上传的工具有很 多，推荐 LeapFTP 软件，你可以很方便地把网站发布到自己 制作的网站存放服务器上。网站上传以测试完毕就可以把你 的网址告诉给朋友或客户，让他们来浏览。 七、 推广宣传 网页做好之后， 还要不断地进行宣传，
这样才能让更多的朋友认识它，提高网站的访问率和知名度。 推广的方法有很多，例如到搜索引擎上注册、与别的网站交 换链接、加入广告链等。
9

如何制作网站
八、维护更新
网站要注意经常维护更新内容，保持
内容的新鲜，不要一做好就放在那儿不变了，只有不断地给 它补充新的内容，才能够吸引住浏览者。
二.了解 HTML 和 CSS
超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、 程序等非文字元素。 HTML 标题；

This is a heading

This is a heading

This is a heading

HTML 段落是通过

标签进行定义的；

This is a paragraph.

This is another paragraph.

HTML 链接
HTML 链接是通过 标签进行定义的。 This is a link
HTML 图像
HTML 图像是通过 标签进行定义的
10

如何制作网站
HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
开始标签

元素内容 This is a paragraph This is a link
结束标签

HTML 元素语法
? ? ? ? ? ?
HTML 元素以开始标签起始 HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性
嵌套的 HTML 元素
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。 HTML 文档由嵌套的 HTML 元素构成。

This is my first paragraph.

11

如何制作网站
HTML 实例解释

元素：

This is my first paragraph.

这个

元素定义了 HTML 文档中的一个段落。 这个元素拥有一个开始标签

，以及一个结束标签

。 元素内容是：This is my first paragraph。
元素：

This is my first paragraph.

元素定义了 HTML 文档的主体。 这个元素拥有一个开始标签 ，以及一个结束标签 。 元素内容是另一个 HTML 元素（p 元素）。
元素：

This is my first paragraph.

元素定义了整个 HTML 文档。 这个元素拥有一个开始标签 ，以及一个结束标签 。 元素内容是另一个 HTML 元素（body 元素）。 12

如何制作网站
不要忘记结束标签
即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：

This is a paragraph

This is a paragraph
上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果 或错误。 注释：未来的 HTML 版本不允许省略结束标签。
空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素（
标签定义换行）。 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。 在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这 种方式。 即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。
三.CSS 的初步了解
CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多 条声明 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。
13

如何制作网站
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
selector {property: value}
下面这行代码的作用是将 h1 元素内的文字颜色定义为红 色，同时将字体大小设置为 14 像素。 在这个例子中， h1 是选择器， color 和 font-size 是属性， red 和 14px 是值。
h1 {color:red; font-size:14px;}
下面的示意图为您展示了上面这段代码的结构：
值的不同写法和单位
除了英文单词 red，我们还可以使用十六进制的颜色值 #ff0000：
p { color: #ff0000; }
为了节约字节，我们可以使用 CSS 的缩写形式：
14

如何制作网站
p { color: #f00; }
我们还可以通过两种方法使用 RGB 值：
p { color: rgb(255,0,0); } p { color: rgb(100%,0%,0%); }
请注意，当使用 RGB 百分比时，即使当值为 0 时也要写百 分比符号。 但是在其他的情况下就不需要这么做了。 比如说， 当尺寸为 0 像素时，0 之后不需要使用 px 单位，因为 0 就是 0，无论单位是什么。
记得写引号
提示：如果值为若干单词，则要给值加引号：
p {font-family: "sans serif";}
多重声明：
提示：如果要定义不止一个声明，则需要用分号将每个声明 分开。下面的例子展示出如何定义一个红色文字的居中段落。 最后一条规则是不需要加分号的，因为分号在英语中是一个 分隔符号，不是结束符号。然而，大多数有经验的设计师会 在每条声明的末尾都加上分号，这么做的好处是，当你从现 有的规则中增减声明时，会尽可能地减少出错的可能性。就 像这样：
p {text-align:center; color:red;}
15

如何制作网站
你应该在每行只描述一个属性，这样可以增强样式定义的可 读性，就像这样：
p { text-align: center; color: black; font-family: arial; }
空格和大小写
大多数样式表包含不止一条规则，而大多数规则包含不止一 个声明。多重声明和空格的使用使得样式表更容易被编辑：
body { color: #000; background: #fff; margin: 0; padding: 0; font-family: Georgia, Palatino, serif; }
是否包含空格不会影响 CSS 在浏览器的工作效果，同样， 与 XHTML 不同，CSS 对大小写不敏感。不过存在一个例 外：如果涉及到与 HTML 文档一起工作的话，class 和 id 名称对大小写是敏感的。
16

如何制作网站
四.网站设计相关软件介绍 Dreamweave
rCS3 是 Adobe（奥多比）公司收购 Macromedia 公司后最新推 出的 CreativeSuite3 设计套装中用于网页设计与制作的组件。 作 为全球最流行，最优秀的所见即所得的网页编辑器， Dreamweaver 可以轻而易举地制作出跨操作系统平台，跨浏览 器的充满动感的网页，是制作 Web 页站点,Web 页和 Web 应用 程序开发的理想工具。 Dreamweaver，Fireworks，Flash 被
称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的 最佳拍档之一。
PS
从功能上看，该软件可分为图像编辑、图像合成、校色调色 及特功能特色效制作部分等。 图像编辑是图像处理的基础， 可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、 透视等；也可进行复制、去除斑点、修补、修饰图像的残损 等。
17

如何制作网站
图像合成则是将几幅图像通过图层操作、工具应用合成完整 的、传达明确意义的图像，这是美术设计的必经之路；该软 件提供的绘图工具让外来图像与创意很好地融合。 校色调色可方便快捷地对图像的颜色进行明暗、色偏的调整 和校正，也可在不同颜色进行切换以满足图像在不同领域如 网页设计、印刷、多媒体等方面应用。
知识归纳
网站组成元素： 网站制作需要网站虚拟空间、域名以及动态网站的数据 库这三个最基本的条件。网站虚拟空间是用来存放网站文件， 如：图片信息，html 文件，php 文件等，相当于一个硬盘空 间，域名即指访问网站的地址。动态网站的数据库用来存会 员信息以及动态页面所用到的数据表，这里的网站数据并非 网站的 html 文件、图像信息等，指的是如网站访客提交的 留言，个人信息等，传统的静态网站无需数据库支持 建站过程： 一、网站制作前期策划你想建一个什么样的网站？你的 网站定位是什么？在建站之前，这是首先要考虑的问题。这
18

如何制作网站
就要先考虑好建设一个什么主题的网站，例如一个以计算机 辅助教育为主题的网站或者教学设计系统的网站等等。再就 是建设这个网站的目的是什么？是纯粹为了个人爱好而建？ 还是用来宣传企业而建？还是为了盈利而建？如果是后者， 则还要考虑 一下盈利模式,目前比较基础的、最常见的盈利 模式是广告盈利。当然，也可以考虑其他运作方式。例如阅 读付费、会员付费、下载付费、电子商务等等。 二、选网站域名 确定了网站类型及定位之后，需要选择一个心仪的域名。 除了域名的主要部分之外，还要选择一个合适的域名后缀， 不同的域名后缀代表不同的网站类型。 当然，现在已经没 那么严谨了，自己喜欢什么后缀，就选择什么后缀。常见的 域名后缀有 .com( 常用于商业公司 ) 、 .net( 常用于网络服 务)、.org(非盈利组织).cn(国内域名)等等。其中.com 后缀 是最普遍的。其次是.cn 的，但目前.cn 已不开放给个人用 户注册了。有些特殊域名是无权力注册的，像.gov 只开放给 政府机构，.edu 只开放给教育机构。域名最好与网站主题相 关，简单易记为宜。与网站主题紧密相连，域名后缀 用的 是非盈利组织的 org 域名。确定域名之后，就可以到域名注 册机构注册了。域名注册机构有很多，像18互联、新网、万 网等等。注册时，先查询一下是否已 被别人注册，如果没
19

如何制作网站
被注册，可以提交申请。如果已被注册，则需要重新考虑其 他域名或向域名持有者购买这个域名。域名注册后，每年要 向域名服务机构交纳服务费。如果要求不高的话，也可以找 一些免费的二级域名。 三、选虚拟主机 确定域名之后，就需要找一个存放网站的空间（称虚拟 主机） 。首先需要估算好网站大约需要占用多大容量，根据 需要的容量去找。 如果占容量大的话， 可租用整台服务器 或 自己购买服务器托管。其次 ,想要什么类型的空间？是全能 型的，还是 PHP 专用型的，还是 ASP 或 https://www.360docs.net/doc/ce8000825.html, 型的？数据 库是 MSSQL 还是 MYSQL？选择什么类型的空间取决于网站程 序。再就选择线路，是想要电信的还是网通或铁通的？或者 直接选择双线或三线的都可以。除了以上选择，还需要 选 择带宽，想要多快的速度？如果有条件的话，可以购买自己 的服务器、建设自己的机房。如果不想投入成本，也可以找 到免费的空间。一般情况下，不建议建设视频类、图片类以 及资源下载类网站，因为运营这样的网站需要投入大量的资 金购买服务器与带宽。 四、选建站程序（网站管理系统） 备好域名、选好空间后，接下来就是为网站选择一套合
20