第四章 建立主题网站
4.1规划网站
【基础知识】
通过本节的学习，你将：
⏹ 了解网站建设的基本步骤
⏹ 体验规划网站的过程
⏹ 对自己的主题网站有较为详尽的规划
1. 信息集成的一般过程一般都要经历四个阶段：选题立意阶段、设计规划阶段、开发制作阶段、评估测试阶段。
2. 网站是因特网上具有相似性质和共同内容的一组信息资源。网站的基本元素是各种各样的文件以及存放这些文件的文件夹。文件可分三类：网站文件（.htm或.html）；图片、音频与视频等资源文件；WEB数据库和程序文件。
3. 网页（page）是用HTML语言写成的文件。
主页（homepage）通常用来表示访问某个网站时出现的第一个页面，一般主页名称默认为“index.htm”。
4. 网站的结构主要有三种类型：树状结构、线性结构、网状结构。
5. 需求分析与选题
a) 中心任务：确定你想要表达的主题和设计的目标，并用一个贴切而有特的名字来表达。
b) 常见主题举例：我们熟悉的主题、我们感兴趣的主题、当前的热点主题。
6. 选择网页制作工具
信息集成工具大致可分成：基于图标的工具、基于时间的工具、基于页面的工具。
网页制作工具：源代码型、“所见即所得”型（frontpage、dreamweaver）。
【知识拓展】
HTML语言是万维网上的通用语言。HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
【典型题析】
【例1】用HTML语言编写一个简单网页。打开“附件”中的“记事本”，在记事本中输入以下代码，并将文件保存为“welcome.html”。代码如下：
<html>
<head>
<title>欢迎光临机器人做学玩网站</title>
</head>
<body>
欢迎进入机器人做学玩网站！
</body>
</html>
【分析】本题体现了网页的两种不同表现方式。在记事本中编写HTML代码并保存为 ，然后对重命名，通过把welcome的扩展名由“.txt”改为“.html”，将文本文档更改为网页文件。打开welcome.html，展现出的网页与用frontpage做的网页一样。现在回头看刚才的记事本中编辑的源文件“welcome.html”,可以看到除了一般的纯文本外，还由成对的尖括号“<>”括起的字符串，如<html>…</html>、<head>…</head>、<title>…</title>、<body>…</body>等，它们分别代表着一定的含义，这就是HTML标签（Tag）。HTML语言就是通过一系列特定的标签，来标识出相应的意义和作用，再通过浏览器把这些标签所代表的意义表示出来。HTML的标签还有很多。能够读懂基本的HTML标签，对于学习用frontpage制作网页会有很大的帮助。
【扩展】通过本题可以看出文件的扩展名重要性。扩展名是作用就是为了识别文件是什么类型（或者说是什么格式），从而让系统知道用什么软件打开它。很多同学重命名文件时，会误删除扩展名，导致文件不被系统识别而无法打开。
扩展名与文件的打开方式是关联的。如果修改某种文件类型打开方式，右击文件→打开方式→选择程序→浏览，“打开”你需要的软件，在“始终使用选择的程序打开这种文件”前打上钩，最后点击“确认”就可以。
【模拟练习】
【第1题】因为课题研究的需要，南京的张老师经常要和远在北京的李教授对论文、研究方案进行交流、讨论，适合的方法是：（ ）。
A、通过msn、qq等及时通讯工具交流、讨论。
B、通过进行交流讨论
C、通过电话、传真进行讨论
D、通过书信联系
【第2题】我们把网站打开时，首先看到的网页称为（ ）。
A、Web页 B、主页 C、首页 D、网页
【第3题】在建立网站站点的过程中，下列那些行为是恰当的：（ ）
A、建立自己的主题站点，首先需要创建一个WEB站点，用于保存和调试创建的网页。
B、制作网页之前，应该对版面进行设计。
C、建立站点，就是制作一个个网页，不需要先创建一个站点。
D、图片总是比文字更多的受浏览者的欢迎，因此网页中图片越多越好。
【第4题】建立主题网站的顺序一般是（ ）。
A、规划→实现→设计→发布管理
B、设计→实现→规划→发布管理
C、规划→设计→实现→发布管理
D、设计→规划→实现→发布管理
【第5题】下列软件中不能用于制作网页的是（ ）。
A、 Flash MX B、Dreamweaver MX C、CuteFTP D、FrontPage2000
【参考答案】1.A 2.B 3.A 4.C 5.C
4.2网站设计
【基础知识】
通过本节的学习，你可以：
⏹ 了解网站设计的基本内容。
⏹ 通过设计自己的主题网站，体验设计在建站中的重要性。
⏹ 依据主题，设计好网站的栏目和结构。
1. 网站栏目安排要注意以下几方面。
a) 要紧扣主题，尽可能删除与主题无关的栏目。
b) 尽可能将网站最有吸引力的内容列在栏目上。
c) 尽可能方便访问者的浏览和查询。
2. 版面设计就是将不同元素巧妙排列的方式。常见的页面结构样式有：厂字型、口字型、自由式。现在网页一般按800*600像素设计。
3. 树立网站整体风格
a) 网站标志(logo)
b) 标准彩:彩应用原则是“总体协调，局部对比”，一般一个网站的标准彩不要超过3种。
c) 标准字体：关键的标题、菜单、图片里使用统一的标准字体。
4. 收集素材：
a) 要注意对收集来的素材进行分类；
b) 文件名要易懂易记，便于调用；
c) 要注意保护知识产权，避免侵犯别人的版权。
【典型题析】
【例1】观察“机器人做学玩”网站的布局，分析其版面布局类型。除了教材上提到的几种布局，你还知道其他的布局类型吗？你最欣赏的是哪一种？
【分析】该网站的布局是源于框架网页“标题、页脚和目标”。新建好该框架网页，按住CTRL，用鼠标左键拖动栏目的上或下边框进行拆分。优点：页面结构清晰，主次分明，充分利用版
面，信息量大，与其他页面的链接多，切换方便。
【模拟练习】
【第1题】如果网站目录结构不清晰，内容东一块西一块，主要在下列哪一块出问题：（ ）
A、网站标志不清楚 B、栏目设置不合理
C、彩不和谐 D、字体不标准
【第2题】在网站建设中几个过程是必须经历的，你认为比较合理的流程是（ ）。
（1）规划网站结构，并确定设计风格（标志，主调，文字效果，栏目设置和版面布局）（2）发布网站
（3）网页制作
（4）了解网站运行环境，选择网站开发工具
（5）确定网站主题，收集素材
A、（1）（2）（3）（4）（5） B、（5）（1）（4）（2网站制作工具）（3）
C、（1）（4）（5）（2）（3） D、（5）（1）（4）（3）（2）
【第3题】网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：（ ）
A、选定网页制作工具 B、栏目设置
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论