目前Internet提供的各种服务中，应用最广泛的是WWW服务。
HTML语言的全称是超文本标记语言。
网页中制作超级链接的对象可以是文字，也可以是图片。
网页中常用的图像文件格式是JPEG、GIF和PNG。
动态网页开发使用的程序语言有ASP、PHP、JSP等。
WWW也称为万维网，是一个基于超文本方式的信息查询工具，通过客户端浏览器访问互联网上的WWW服务器，浏览信息。
超链接是一种允许我们同其他网页或站点之间进行连接的元素，把互联网上众多的站点和网页联系起来构成一个有机整体。
CSS即是层叠样式表，是一种插入HTML中，用来控制网页显示格式的技术。
动态网页是指网页文件里包含了程序代码，通过后台数据库与Web服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务的页面。
用来进行网页制作的软件可以是像Frontpage和Dreamweaver这样的可视化网页制作软件，也可以是如UltraEdit和记事本这样的纯文本编辑器。
在HTML语言中，用来表示换行的标签是，它没有结束标签。
在form标记的属性中用于指定表单处理程序的URL是action。
GIF格式的图像最多能显示256种颜色。
要把本地站点发布到互联网上，必须先申请域名和购买服务器空间。
网页中使用图片应该考虑到网页文件大小和整体效果，不是越多越好，也应该尽量减小尺寸。
在Dreamweaver中编辑文字时，如果只想换行而不想分段，可以按住shift键再敲回车键。
PHP是一种服务器端的嵌入HTML中的脚本语言，利用PHP，开发人员可以非常快速地开发出动态网页。
HTML文件的基本结构包含三个基本标志对。：标示整个网页文件；：网页头部区，存放网页基本信息；：网页主体区，存放我们在浏览器窗口中看到的网页内容。
网页设计与制作的一般步骤是⑴需求分析报告； ⑵获取网页设计与开发所需要的所有素材； ⑶网页的设计与制作阶段； ⑷网页的测试与发布。
ＶｏＩ．１９ Ｎｏ。４ Ｊｏｕｒｎａｌ ｏｆ Ｈａｎｄａｎ Ｐｏｌｙｔｅｃｈｎｉｃ Ｃｏｌｌｅｇｅ Ｄｅｅ．２０Ｏ６
网页设计与制作
贾慧敏
（邯郸职业技术学院计算机系，河北邯郸０５６００１）
摘要：网络以其信息容量大、形式多样、传播速度快、覆盖面广、方便自由。易于交互等特点，已经
发展成一个全新的传播媒体。而网页在设计时如何形成内容和形式的统一，达到最佳的视觉表现效果，
是许多网页设计者所面临的新课题。
关键词：网页设计；结构布局；文字使用；色彩编辑；图像运用；
中图分类号：ＴＰ３９１．４１ 文献标识码：Ａ 文章编号：１００９—５４６２（２００６）０４—００９４—０３
当今网络以其信息容量大、形式多样、传播速
度快、覆盖面广、方便自由，易于交互等特点，已经 发展成一个全新的传播媒体，并正以前所未有的
速度迅速发展。网站已成为反映企业形象和文化
的重要窗口。是企业开展电子商务的基础设施和 信息平台，企业的网址被称为“网络商标”，是企业
无形资产的组成部分。而网站是由网页集合而
成，一个成功的网站，要将公司信息、产品信息最 完整、最形象、最具良好沟通性地向全球展示，因
此网页的设计是极为重要的。
一、网页设计与平面设计
我们知道网页设计脱胎于平面设计，但又不同 于平面设计。平面设计是在二维空间范围之内，将
不同的基本图形，按照一定的规则在平面上组合成 图案，来描绘物体的静态形象。在平面设计中所表 现的立体空间感。并非实在的三维空间，而仅仅是
图形对人的视觉引导作用形成的幻觉空间。
网页设计是平面设计的静态表现转向动态传
达的结果，由传统印刷的传播方式转化为虚拟信 息的传播方式。网页拥有传统媒体不具有的优
势，能将图片、文字、声音、动画等多种媒体相结 合，营造出一个互动的全球化的视觉传达世界。
如果说平面设计是单～媒体，网页设计可称为多
媒体技术的综合展现。在有了充实内容的前提 下，好的网页不仅需要强大的技术支持，更需要精
信息素养是一种对信息社会的适应能力
1
第一章 网页设计与制作简述教学设计
课题：网页设计与制作简述
课时：90分钟
教学对象：高一年级
教学目标：
1.知识技能目标
① 了解网页设计的基本概念；
② 可以制作一个简单的个人主页
2.过程方法目标
按照网页制作的基本概念进行讲述，让学生对网页制作有一个初步认识；然后，演示制作一个简单的个人主页，并要求学生完成自己的第一个个人主页。
3.情感态度价值观
在学生对网页制作的基本知识有了初步了解后，让学生制作出其第一个个人主页，体验成就感与带给学生自信。
教学重点：①网页基本概念的阐述
②演示网页制作
教学难点：让学生对制作网页产生初步认识
教学方法：互动交流、讲解示范法、启发引导
教学环境：电脑室，网络环境
教学内容及过程：
一、网页的基本概念
0.简单点评，给出学习目标
首先，欢迎学生选择了“网页制作”社，说明网页社团课的目标是让每一个学生可以制作出属于自己的个人主页，并为制作出功能与内容更为丰富而强大的网站做准备。同时，提出希望与期待！
然后，给出本节课的学习目标，期待学生积极参与，向更高层次目标努力。
1.网页与网站的概念
网页(web)，也就是网站上的某一个页面，它是一个纯文本文件，是向浏览者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。
网站(Website)，它是指在互联网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页集合，它建立在网络基础之上，以计算机、网络和通信技术为依托，通过一台或多台计算机向访问者提供服务。平时所说的访问某格站点，实际上访问的是提供这种服务的一台或多台计算机。
2.网页的基本元素
网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、图像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单等如图1-2所示。
《网页设计》练习一
【第1题】
新建网页，网页标题为：办公用品，网页背景色为黄色，所有文字颜色为蓝色，超级链接颜色为黑色；
输入文字：“办公用品实照”，设置第一行文字属性为：宋体、粗体、7号、居中，第一行文字下插入一个两行一列的表格，表格对齐方式为水平居中、指定宽度300像素、边框线宽度6、单元格边距3，表格内所有单元格：水平对齐方式水平居中、垂直对齐方式相对垂直居中，在表格正下方第一行输入文字：“返回”，设置文字属性：宋体、粗体、5号、居中；
将表格的两行按列平均拆分为两个单元格，按行从第一行第一列单元格到第二行第二列单元格分别插入图片zip文件包中的1.jpg、2.jpg、3.jpg、4.jpg，并设置所插入的所有图像宽度为100像素、高度为90像素。将当前网页以文件名bangong.htm,用winzip软件打包所有需要的文件后上传。
【第2题】
新建网页，网页标题为：望水天崖，网页背景色为红色，所有文字颜色为白色，超级链接颜色为黑色；
输入文字：“电脑硬件维修”，设置第一行文字属性为：黑体、 斜体、4号、居中，第一行文字下插入一个1行2列的表格，表格对齐方式为左对齐、指定宽度400像素、边框线宽度1、单元格边距5，表格内所有单元格：水平对齐方式水平居中，在表格下方第一行输入文字：“返回”，设置文字属性：黑体、4号、左对齐；
将表格平均拆分为两行，按行从第一行开始分别插入zip文件包中01.jpg、02.jpg、03.jpg，并设置所插入的所有图像宽度和高度为200像素。将当前网页以文件名wangshui.htm,用winzip软件打包所有需要的文件后上传。
【第3题】
新建“横幅和目录”类型框架页面，框架页面标题为："动画设置"，设置上框架高度为145像素，初始页面为资料包中的top.htm, 下方右框架初始页面为资料包中的fenlei.htm，删除下方左框架，以文件名donghua.htm将框架页面保存.
