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

第一课 网页设计基本知识以及简单网页编辑操作 网页设计基本知识 网页课件的基本概念： 目前网络型课件是针对某门课程，辅助教师课堂讲解或帮助学生自学的网页型课件。使用dreamwwaver来制作网页型多媒体课件是被广泛使用的方法。它结合网页动画工具flash和处理网页中的图形的工具firework，可以轻易地制作出精美的网络型课件。（如：年，月，日专题学习网站等） 超文本标记语言 HTML（hyper text markup language）即超文本标记语言，它是国际标准的ASCII文件，它看起来像是加入了许多被称为标签（tag）的特殊字符串的普通文本文件。它使用标签来确定网页显示的格式，是网页的本质。HTML是一切web编程的基础，学习他具有重要的意义。 例子： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title例子一/title /head body strong你好/strong：em欢迎/em学习font color=#FF0000“网页制作课程”/font ！！ /body /html 显示的网页效果： 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用来处理网页中的图形。 图1　Dreamweaver启动画面 　 1、定义本地站点 1．在本地硬盘上如 E盘建立文件夹： homepage 在homepage 目录里面建立如下二级文件夹： image;