大学计算机课件#.pptVIP

第九章 网页制作 第7章 网页设计 网页与网站 用HTML语言编写的文件称为网页 。 主页(Home Page): 站点就是一组相关网页和其他文件的集合。 网站和网页的设计原则 网页设计表面上看，不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。 网页设计应当以主题鲜明、形式与内容相统一、强调整体为设计原则。 网页设计同报刊杂志等平面媒体的版式设计有很多共同之处。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。所谓网页设计，是在有限的屏幕空间上将各种网页元素，主要包括：文本、图像、表格、颜色、音乐、动态影像等进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。它要求设计者必须掌握以下三个主要原则： ?网站和网页的设计原则 1.主题鲜明，富有特色 　　 网页设计表达的是一定的意图和要求，有明确的主题。网页设计不但要单纯、简练、清晰和精确，而且应该通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。 　　 优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物。 　　 要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。 网站和网页的设计原则 2. 形式内容和谐统一 　　 任何设计都有一定的内容和形式。内容是是设计存在的基础；形式是内容的外部表现方式。一方面，网页设计所追求的形式美，必须适合主题的需要。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。 3. 色彩和谐，重点突出，强调整体 网页设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。 HTML简介 HTML：超文本标记语言。 HTML文档(网页文件)：文本文件，扩展名为.htm或.html。 HTML语言概述 1. HTML文件的基本构成 HTML标记：定义网页元素及外观。 多数有起始标记和结束标记。 属性：写在起始标记中。 HTML语言概述 2. HTML网页的结构 （1）头部 head/head （2）正文主体 body/body 常用属性： HTML语言的基本语法 1. 文本布局 (1)段落标记P (2) 换行标记br (3) 水平线标记hr (4) 居中标记center 9.1.2 HTML语言的基本语法 例2 在网页中设置段落和页面格式。 html head title文本布局/title /head body center p在这里我们首先向您介绍有关HTML语言的基本知识和基本语法。br然后，讲授如何使用HTML语言编写您的Web页面。/p hr width=80% size=1 p align=left 段落左对齐 p align=center 段落居中 p align=right 段落右对齐 /center /body /html 9.1.2 HTML语言的基本语法 2. 文字格式 HTML语言中用于文字格式化的标记有： （1）标题标记h 格式：hn 标题文字 /hn 其中，n为1到6的数字，表示字体大小。 （2）字体标记font HTML语言的基本语法 （3）字形标记 设置文字的粗体、斜体、上标、下标、下划线等 。 HTML语言的基本语法 3. 插入图片 Img标记 (1) src属性：指明图片文件所在的位置。 格式：img src =URL 其中URL是指图片文件存放的位置。 (2) alt属性 (3) height和width属性： (4) border属性： (5) align属性： HTML语言的基本语法 4. 超级链接 文本超链接： 格式：a href=URL超连接文本/a 图片超链接： a href=URL1img src=URL2/a HTML语言的基本语法 5.定义表格 tab