网页设计基本知识以及简单网页编辑操作

第一课网页设计基本知识以及简单网

页编辑操作

网页设计基本知识

网页课件的基本概念：

目前网络型课件是针对某门课程，辅助教师课堂讲解或帮助学生自学的网页型课件。使用dreamwwaver来制作网页型多媒体课件是被广泛使用的方法。它结合网页动画工具flash和处理网页中的图形的工具firework，可以轻易地制作出精美的网络型课件。（如：年，月，日专题学习网站等）

超文本标记语言

HTML（hyper text markup language）即超文本标记语言，它是国际标准的ASCII 文件，它看起来像是加入了许多被称为标签（tag）的特殊字符串的普通文本文件。它使用标签来确定网页显示的格式，是网页的本质。HTML是一切web编程的基础，学习他具有重要的意义。

例子：

你好：欢迎学习“网页制作课程” ！！

显示的网页效果：

HTML由国际组织W3C（万维网联盟）维护，目前HTML4.0标准已经普及。要想了解更详细的情况，请访问：,可以获取最新的HTML规范。（补充一段HTML代码）

网站的开发工具：

我们要将制作好的课件发布到网络上，必须安装一个web服务器。安装

WEB服务器可以在WINDOWS环境下进行，也可以在LINUX环境下进行。（1）在WIN98环境下配置WEB服务器，请安装PWS（personal web server）; （2）在WINDOWS2000环境下安装WEB服务器，有好几个选择：

第一：IIS。IIS（INTERNET INFORMATION SERVER）是WINDOWS2000自带的WEB服务功能的的软件，与WINDOW2000配合的最好，安装IIS比较方便。安装好了IIS以后的服务器，可以支持HTML语言和APS语言。（附件：IIS的

配置）

第二：APACHE―――阿帕奇。这是一个应用的最为广泛的WEB服务器，世界上80％的服务器都是使用它。它来源于UNIX系统。它的特点是稳定，同时有多人访问都不会死机。缺点是配置麻烦，没有管理的界面，配置它靠改写代码；

第三：TOMCAT。因为WINDOWS2000

和ASP漏洞多的原因，很多需要安全，

稳定性很高的网站都不会采用

WINDOWS2000＋ISS 的结构，而是转向

使用JDK开发环境的服务器。JDK主机

支持JAVA程序。其也是来源于UNIX

系统。在WINDOWS2000里安装

TOMCAT和JDK，就可以运行用JAVA

编写的网页了；

第四：在WINDOW环境下的WEB服务

器还有很多，如LITESERVER，

OMNIHTTPSERVER，SAMBA等知名的

软件；

(3) 在LINUX环境下配置WEB服务

器，可以用APACHE或者JDK都可以。

网页开发工具：

常用来制作网页的工具软件有：MicroSoft FrontPage，Macromedia Dreamweaver ，Cute html ，flash, fireworks等；

常用来制作网页的语言有HTML,JAVASCRIPT 和vbscrip,java applet、CGI(Common gateway interface),asp(active server page),php等。如果需要使用数据库技术，则还需要安装数据库，如sql server,oracle ,acess等。

简单网页的设计和制作

知识要点：

网页的创建、打开、保存；

简单的网页编辑：文本，有序列表，无序列表，输入格式控制（文本的字体，字号，颜色，对齐方式等）水平线。

导入：

工欲善其事，必先利其器。Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash、Fireworks合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。

图1Dreamweaver启动画面

1、定义本地站点

1．在本地硬盘上如E盘建立文件夹：homepage

在homepage 目录里面建立如下二级文件夹：

image; sound; mov; flash; txt;

2．将dreamweaver的站点属性定义到刚才新建立的homepage的文件夹里面: 打开dreamweaver: 点击“开始”--程序--macromedia--macromedia dreamwerver mx

在dw里面定义本地站点：站点----编辑站点

在站点名称里填上：homepage;

在本地根文件夹那里选择：e:\homepage

2、制作简单的网页

1．下载图片资料：

上网(如果在课室上网，就用本地ip地址，如：222.16.168.106) 进入：多媒体课堂----dw多媒体课堂----lesson1，下载课程需要图片到e:\homepage\image\ 目录里面；

2．新建文档：

在dreamweaver里面新建一个html网页

3．保存文档；

网页制作原则（1）：在网页还是空白的时候，就请先保存一次。

改动“标题”为：“我的第一个网页”，或者my first page;然后保存网页：

选择菜单“文件”---“保存”，网页起名字有规律：

网页设计原则（二）：首页有一个约定俗成命名规则，可选：

“index”; “default”; 就是索引或者默认的意思。

用dreamweaver 制作网页，千万不能用中文名。

4．设定网页背景图片；

点击菜单“修改”---“页面属性”在背景图像里浏览选择e:\homepage\image\bj_26.jpg;

5．添加网页文字

好，下面我们开始制作网页的正文。现在光标处在正文编辑区，和记事本一样，我们输入文字欢迎来到物理学科网站”。敲一下回车，光标定位在下一段中，