【www.gbppp.com--手工制作】
目录
展开
编辑本段定义
网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
编辑本段什么是网页制作
网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。 编辑本段网页设计
网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。
简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs，
网页制作
JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。
随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。
编辑本段静态网页与动态网页区别
通常，网页可以分为静态网页和动态网页。
静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面。
动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。
随着信息技术的更加专业化，越来越明显的倾向表明，网页设计和网站的发展会逐渐成为两个不同的领域。
网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体，所以网页设计包括了几大部分：
版面构图（见平面设计）
程序开发（见网页应用程式）
网站内容管理（见内容管理系统、资讯架构学）
下面将会介绍网页的版面构图的技术为主。
目录 [隐藏]
1 简史
1.1 HTML
1.2 XHTML
2 外观的影响
2.1 流动性 对 固定排版
2.2 Flash
2.3 两种设计模式
3 参见
4 外部链接
编辑本段简史
HTML
超文本标记语言（Hypertext Markup Language） 网络的资讯越来越多，网站须有引人注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。表格，原本是更整齐展现资料的工具，变成了排版工具。CSS的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构造，使用者可
以选择其浏览方式、外观。Flash的出现为设计师和媒体创作人开创了新路。除了引人的外观之外，亦有一个重要的考虑点：网络无障碍，即使用者能否容易读取资讯。
XHTML
由于XML的可构造性，XHTML 1.0在2000年1月26日成为W3C的推荐标准，即HTML将会随着时间而淘汰。
编辑本段外观的影响
流动性 对 固定排版
大部分网站设计师原本是每处地方都有绝对限界的平面设计师。可是在网页浏览器，却不能控制某些因素，特别是浏览器的阔度。
有些设计师将其网页定义在固定大小的表格中，每部分的宽度都有精确的数据，一般使用确定的值，这就是固定排版了。然而有人认为这不好，因为这种设计罔顾使用者的设定，他们使用流动性排版，网页的宽度使用百分比定义宽度，因此网页会依浏览器的屏幕分辨率而改变。 但是流动性的排版对于日益增大的屏幕就不一定合适，因为人的眼睛进行横向阅读时，过长的文字会增加阅读的困难度，反之大约在十几个字即换行的文章，浏览者会更好吸收其内容。
网页制作
Flash
Adobe Flash这套软件能够很轻易做到一些华丽的图像效果，亦可以进行编程，因此近年来出现在不少网站上。有些网站更以Flash完全代替HTML。 可是Flash带来的问题不少：
搜索引擎不能记录Flash的内容
盲人不能透过文本朗读软件来取得其内容
所以大部分人都不会以Flash为主要设计，Flash通常成了首页的开场画面或网站内的小游戏。
编辑本段两种设计模式
从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。
网页制作
于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容(en:Separation of style and content)，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。
网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
编辑本段要领一：确定网站主题
主题网站设计
泰兴市第三高级中学 程巧兰
【教材分析】
网站设计是《网站技术应用》第四章“建立主题网站”第二节的内容，第一节网站规划根据需求分析，确定做一个什么样的网站；第二节网站设计，解决如何去表达网站的主题，如何把内容成功组织和呈现。如果说规划使“做什么”的问题得到解决，那么设计则是决定“如何做”的问题，是把一个网站由蓝图变为现实的第一个步骤，是搭建网站整体结构的过程，它能使接下来的工作更加有的放矢。
【对象分析】
本案例的对象是高一年级的学生，通过必选教材的学习，学生具有一定的信息技术基础及网络知识，学生上网兴趣极高，被丰富多彩的网页所吸引，很想动手制作自己的网站。第一节学习后，学生就急于动手制作网站，忽视网站的设计。本节理论性较强，教师通过实践活动引导学生从感性认识上升到理性认识，逐步体会到想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是学习如何对网站进行整体规划和设计。为创建一个风格独特的个人网站打下基础。
【教学思路】
新课程倡导学生“自主、探究、合作”的学习方式，引导学生主动参与、勤于动手，培养学生分析问题、解决问题的能力。本节课，教师以网页制作专题学习网站为教学平台，采用任务驱动法、情境法、实践法进行教学，注重引导学生在网络学习环境中交流、评价，体验生生、师生互动给学习带来的帮助和乐趣，通过欣赏优秀网站的设计、小组合作讨论达成本节课教学目标。
【教学目标】
知识与技能：
（1）了解网站设计的基本内容；
（2）通过设计自己的主题网站，体验设计在建站中的重要性；
（3）依据主题设计网站的栏目和结构，树立网站的整体风格； 过程与方法：
（1）运用Frontpage2000设计网站的栏目，学会绘制网站的结构图，表达自己对网站架构的理解；
（2）学习优秀网站设计，进一步提高学生的审美能力；
情感、态度与价值观：
（1）培养学生的合作学习能力、探究问题的兴趣与能力；
（2）培养学生的鉴赏能力；
重点：了解网站设计在建站中的重要性
难点：能够根据自己的需求设计网站的栏目、首页布局和风格
教学环境：多媒体网络教室 网页制作专题学习网站平台
【课时】：1课时
【教学过程】
一、情境导入
随着因特网的高速发展，网站如雨后春笋般发展起来，有的网站日访问量高达几十万、几百万、几千万人次，而有的网站访问量寥寥无几。同学们想一想究其原因是什么呢？
呢？做网页？
学生访问：思考：选择与小组主题相近的优秀作品欣赏，作品中最吸引你的是什么？作品对你有哪些启发？
讨论：选择一个网站，从栏目、布局、LOGO、色彩、内容进行小组讨论。
合理的规划为建立主题网站提供了一个总体框架，精美设计是吸引访问者的一个重要因素，想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是依据主题，设计网站的栏目、结构和风格。
二、新知探究
栏目设置
学生访问：网页制作专题学习网站/作品锦集/专题“逍遥游天下”网站 思考：浏览三个不同的网站首页，思考网站用几个栏目来展示主题？
师生交流：建设一个网站好比写一篇文章，首先要拟好提纲，这样文章才能主题明确，层次清晰。栏目实质上是一个网站的大纲索引，将网站主题明确显示出来。
例如：蔡卿的“逍遥游天下”栏目设置
的栏目各有千秋，栏目划分的依据是什么，各有哪些优点和不足。
实践：根据小组的网站主题和内容，对网站的栏目进行设计，并简单描述每个栏的主要内容，填写表4-2并进行自评。
是否重点突出和是否方便浏览三方面，进行小组评价、教师评价选出栏目设计的最佳小组。
版面布局
教师引导：浏览“逍遥游天下”网站首页，你喜欢哪一个首页的版面设计？为什么？
师生交流：版面布局是指将不同元素以最适合浏览的方式排放在页面的不同位置，合理的版面布局能够让浏览者清楚、容易地理解作品传达的信息。网页呈现的内容很多，如何合理地放置信息，使之看起井井有条、主次分明是版面布局需要考虑的问题。
常见的页面布局样式
布局类型，除了表中提到的几种布局，还有其他的布局类型吗？
讨论：讨论“Welcome to 花蝶谷、虫语花香”这两个网站首页的布局； 教师引导：网页制作专题学习网站的栏目布局
实践：根据小组主题网站的内容和栏目结构，每人绘制一个版面布局图，经过讨论，选出最佳方案，并将作品上传。（参考“网页制作专题学习网站/网站设计/版面设计）
树立整体风格
教师引导：在浏览网站的时候，我们会发现好的网站往往具有独特的风格，如：粗犷豪放的、清新秀丽的、温文尔雅的，还有执著热情的，即使只看到其中的一页，也可以分辨出是哪一种类型网站。这是因为同一个网站的网页往往都有统一的外观设计。这种统一的外观设计就是网站的整体风格。 如何树立整体风格？
自主学习：网页制作专题学习网站/网站设计/网站整体风格
师生交流：
1、设计一个独特魅力的网站LOGO，并将它放在页面最突出的位置。
2、网站的标题、主菜单和主色块文字采用相似和谐融洽色彩。
3、标题、主菜单选择一些特别的字体。
教师引导：树立网站整体风格分三步
第一步---网站标志
学生访问：“网页制作专题学习网站/网站设计/网站图标”
思考：图标的设计方式与特点是什么？
师生交流：标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等
讨论：图标与网站名称和内容有什么关系？表达怎样的含义？
（参考“网页制作专题学习网站/知识拓展/谷歌创意LOGO欣赏”）
师生交流：
1、选择与主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化，例如搜狐网站的卡通狐狸。
2、用自己网站的中文或者英文名称作标志，或者用其中的字母和符号合成。
3、对于专业性的网站，可以以本专业有代表的物品作为标志。
实践：小组讨论，尝试设计小组的主题网站标志。
第二步---网站色彩
教师引导：网站给人的第一印象来自于视觉的冲击，确定网站的色彩至关重要。色彩能够体现网站形象、延伸网站内涵，甚至可以影响访问者的情绪。标准色彩的设置能够反映网站的水平。
学生访问： /index/wangye1.htm 优秀网站，
思考：网站标准色彩是什么？使你产生了什么样的感觉？
师生交流：标准色彩指应用于网站标志、标题、主菜单、主色块文字的色彩。图片的主色、背景色、边框也应尽量使用标准色彩。
讨论：每种色彩都有自己的语言，代表一定的含义，你希望你的主题网站能够给人什么样的感觉，小组讨论之后确定主题网站使用哪一种标准色彩。
第三步---标准字体
教师引导：标准字体指用于标志、标题、主菜单的特有字体，一般网页默认的字体是“宋体”，为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别的字体。但要注意的是，使用一些比较特别的字体时，最好采用图片的格式，因为浏览者的浏览器可能没有安装包含你的特别字体的字体库，导致特别的字体显示不出来。
实践：
1、因特网上搜索下载艺术字体，
中的优点和不足的地方，并给出一些建议，为下节课的网站制作打下良好的基础。
三、课堂小结及自我评价
1、师生共同回忆本课所学新知；
2、小组成员浏览及完善作品；
3、访问“网页制作专题学习网站/自我评价/”，分析网站设计的成功之处和存在的疑惑。
四、课后任务
选定了主题和栏目，接下来就是该准备网页素材了。网站设计成功的最大秘诀在于浏览者感到网站对他们非常有帮助，“内容为王”仍是网站设计的关键。
1、根据主题和栏目广泛地收集素材；
2、对收集的素材进行分类管理。
3、注意保护知识产权，避免侵犯别人的版权。
【教学评价】
1.结果表格化，通过对表格文件的评价能够判断学生是否从给出的例子当中得到一些帮助和启发，同时也便于量化；
2.网站栏目设计是否符合主题，是否具有自己的特色；
3.网站的版面样式设计是否突出主题，是否合理；
4.网站的交互设计是否具有良好的人机交互性，是否人性化。
主要从上面的四个方面进行评价，同时要结合各组的实际情况如成员基础、主题等。
过程评价：主要是教师在辅导和巡视的过程中注意各组的进度，成员之间的合作情况以及学生的参与度。
营造统一的独特风格
不同的网站有着不同的风格，譬如政府类型网站适合使用颜色较深的沉稳基调，各企业可以依照其产品特性创造独有的风格，给年轻人使用的网站则可以更加无拘束地个性化。在风格设计阶段，设计师需要以photoshop或者fireworks等软件进行72DPI的图像绘制，这是在页面生成为HTML代码前的最后一个阶段。
说到风格，我们先来谈谈构成网页风格的三个基本要素，它们是：颜色、线条和形状、版式。 协调运用颜色：
不同的色彩影响着人们对网站的第一感觉，红色系象征着激烈、兴奋，灰色系象征着平淡和低调。因此，旅游和园林类型的网站使用绿色系比较多，蓝色则被誉为是企业色确实很多企业和政府机关都偏爱使用沉稳而大方的蓝色。另外也有几种颜色在网页设计中是很少被大面积使用的，比如紫色。
一个网站不可能单一地运用一种颜色，这会让人感觉单调，乏味；但也不可能将所有的颜色都运用到网站中，给人感觉轻浮、花俏。一个网站必须有一种或两种主题色，既不至于让客户迷失方向，也不至于单调、乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。 通常情况下，一个页面内尽量不要使用超过4种色彩，太多的色彩容易让人感觉没有方向、没有侧重。当主题色确定好以后，考虑其他配色时，一定要考虑其他配色与主题色的关系，要体现什么样的效果；另外还要考虑哪种因素可能占主要地位，是明度、纯度还是色相。这里我们推荐两个特色突出的网站颜色风格:图1是简洁布局中凸显柔和绿色的网站n词酷，图2是色彩丰富主题突出的典型游戏风格网站泡泡堂。
适当选择线条和形状：
文字、标题、图片等的组合，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状，才能增强页面的艺术魅力。以下我们来探讨一下几种不同线条和形状的使用方法。 1. 直线（矩形）的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐的，也就是所
谓的有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。
2. 曲线（弧形）的应用。曲线的效果是流动、活跃，具有动感的，曲线和弧形在页面上的重复组合可以呈现流畅、轻快、富有活力的视觉效果。一般应用于青春、活泼的主页题材。
3. 曲、直线（矩形、弧形）的综合应用。把以上两种线条和形状结合起来运用，可以
大大丰富主页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的主页，适应的范围更大，各种主题的主页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会产生凌乱的效果。最简单的途径是，在一个页面上以一种线条（形状）为主，只在局部的范围内适当用一些其他线条（形状）。 我们可以通过以下几个例子具体了解一下线条和形状的实际应用，图3是功能型网站校内网，直线为主的同时应用了不对称形状;图4是专业类网站蓝色理想，全站都采用了直线设计；图5是保加利亚知名珠宝网站，曲线的使用达到淋漓尽致。
4.2网站设计——建立自己的主题网站
一、教学目标
知识与技能：
（1） 学会网站栏目的设置
（2） 学会网页的版面设计
过程与方法：
通过本节的学习 ，使学生掌握网站设计的一般过程，培养学生整体设计，规划网站的思想和方法
情感、态度与价值观：
（1）学会从美学角度，从平面设计的角度去欣赏网站的设计
（2）使学生体验成功的快乐和创意的美感
二、教学重点与难点
教学重点：学会网站栏目的设置
教学难点：学会网页的版面设计
三、教学过程
（一）创设情境 引入新课
学生观摩“泰山石刻”网站，该网站是一个高中生做的，曾获中小学电脑制作一等奖。
学生观看网站，回答以下问题：
1、这个网站的主题是什么？
2、版面设计的怎么样？
引出今天的课题：网站设计
（二）步步引导 探究问题
学生思考并回答设计黑板报的具体流程有哪些？
引入设计一个网站应该从哪些方面着手？
（三）举例分析 掌握重点
1、分析“春韵”网站
提出问题：
（1） 网站的主题是什么？
（2） 你从哪一部分内容得出网站的主题的？
2、教师总结网站栏目设置的重要性及注意事项。
3、给出一个班级主页的栏目设置，学生思考哪些地方设计不合理？ 能不能为该网站再添加些栏目
（四）任务驱动 合作探究
学生完成任务一：分组确定网站主题，并围绕主题设计网站的栏目。小组中的每位同学经过讨论、交流，填写以下内容。
师：学生完成任务后，抽查一个小组的完成情况。
（五）实例分析 合作探究 化解重点
师：1、介绍版面设计的三种样式：口字型、厂字型、自由式
2、以“个人主页”为例，介绍主题网站主页版面设计。
生：以小组为单位建立自己的主题网站
（六）作品展示 交流评价
各小组选取一个代表展示本组作品，师生交流评价，并给出建议。
设计意图：通过交流评价作品，有助于学习小组的思维与智慧被整个群体所共享。
（七）达标测试
学生完成达标测试内容，教师抽查学生完成情况并进行讲解。
(八) 归纳总结
师：本节课主要学习了网站的栏目设置以及版面设计。大家在有限的时间内能够做出如此完美的网站，说明大家对本节课的内容掌握的非常好。网页技术作为一种信息表达的技术，其真正价值的体现在如何更新颖合理地表达一个有意义的主题或内容，希望同学们在日常学习过程中注重观察，多积累一些网页制作的知识，提升技术素养。
长沙市中（小）学教师统一备课用纸【网站主题有哪些】
析分 1
2
第四章 建立主题网站
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，然后对welcome.txt重命名，通过把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）发布网站
本文来源：http://www.gbppp.com/xq/437663/
推荐访问:有意思的网站主题 网站设计主题