第二章网页设计.ppt

《网页设计与制作》
李海平
2010年8月31日星期二
课前导读
课堂教学
HTML基础
HTML入门——简单标记的认识与使用
段落和文字标记
建立超级链接
加入图片
上机练习
课后作业
课前导读
1. 什么是HTML
2. HTML的作用
3. HTML的编辑环境
4. 专用的网页编辑器
1. 什么是HTML
HTML是Hyper Text Markup Language(超文本标记语言)的缩写,它是构成Web页面(Page)的主要工具,是用来表示网上信息的符号标记语言。
HTML是一种用于网页制作的排版语言,是Web最基本的构成元素。HTML并非一种编程语言。用HTML标记文档或给文档添加标记,使文档可在的文档包含引用图形和格式标记。用Web浏览器可以查看这些HTML文档。
用HTML的语法规则建立的文档可以运行在不同操作系统的平台上。因此,HTML文档属于纯文本文件(它能用任意的文本编写器书写)。
2. HTML的作用
HTML语言作为一种网页编辑语言,易学易懂,能制作出精美的网页效果,其作用如下:
①格式化文本。如设置标题、字体、字号、颜色;设置文本的段落、对齐方式等。
②建立超链接。通过超链接检索在线的信息,只需用鼠标单击,就可以到达任何一处。
③创建列表。把信息用一种易读的方式表现出来。
④插入图像。使网页图文并茂,还可以设置图像的各种属性,如大小、边框、布局等。
⑤建立表格。表格为浏览者提供了快速找到需要信息的显示方式,还可以用表格来设定整个网页的布局。
⑥加入多媒体。可以在网页中加入音频、视频、动画,还能设定播放的时间和次数。
⑦交互式窗体、计数器等。为获取远程服务而设计窗体,可用于检索信息、定购产品等。
HTML是最基本的网页制作语言,其他的专用网页编辑器(如FrontPage,Dreamweaver等)都是以HTML为基础的。
3. HTML的编辑环境
HTML的编辑环境很简单,任何一台计算机都可以编辑网页。但要看到用户自己设计的网页效果,就需要安装一个浏览器, scape Navigator等。因此,只要计算机能运行某个浏览器,就具备了网页制作的硬件环境。HTML要求的软件环境更为简单,任何文本编辑器都可以用来制作网页,包括记事本、写字板、Word、WPS等编辑程序。不过在保存时,一定要用纯文本方式存盘。
HTML文件的设计制作与一般程序设计语言之间最大的不同在于,HTML具有跨平台的处理能力。也就是说,只要有适当的浏览器,不管使用何种操作系统,都能阅读制作的HTML文件。
4. 专用的网页编辑器
HTML作为最基本的网页编辑语言,能实现制作网页的各种效果。但是,它毕竟是一种代码,得记住一些标记。因此,为了使设计网页更加简单方便,有些公司和人员就设计了专用的网页编辑器。专用的网页编辑器主要分为3大类。
①完全的所见即所得工具:所谓所见即所得,就是在编辑网页时看到的效果,与使用浏览器时看到的效果基本一致。如果希望建立一个美观而又不复杂的站点,这种工具非常适合,可以很轻松地制作想要的效果,但是必须按照这些软件的要求来设计。objectFusion。
②纯粹的HTML代码编辑工具:用纯粹的HTML代码编辑工具,用户可以对页面进行完全的控制。使用这些工具时,直接编辑原始的HTML代码,在对页面进行加工时,不会破坏原有的代码。
当然,这并不是说用户得从头到尾编写每一种效果的HTML源代码。因为这些工具通常带有许多辅助工具,可以帮助用户创建表格、表单,以及其他复杂的结构,并对创建的页面进行预览。
这些工具最大的不足是必须会HTML语言。当然,要想成为一个好的网页制作人员,HTML还是应当掌握的。
这类工具中典型的有HomeSite、HotDogProfessional、HTMLedPro、WebEditPro。
③混合型工具:介于上面两种工具之间,混合型工具在所见即所得的工作环境下可以完成主要的工作,同时也能切换到一个文本编辑器,对HTML源代码进行直接地调整。
像所见即所得的工具一样,混合型的创作工具通常也不能完全控制HTML页的代码。但Macromedia Dreamweaver在对已有的HTML页进行编辑时,会严格保持原有代码的格式。典型的混合型工具还有Adobe PageMill、FrontPage、CutePage、QuickSite等。