第2章+网页设计语言基础1.pptVIP

* “超文本”意指页面内除文本外，还可包含图片、链接、音频、视频等非文字元素。 * 静态网页：指客户端的浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件，不加处理直接下载到客户端，运行在客户端的页面是已经事先做好并存放在服务器中的网页。 服务器端动态技术：则需要与客户端共同参与，客户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生的结果页面再返回客户端。 网页设计与制作 任课老师：王顺 电话邮件：mailtows@163.com 办公室：办公楼609（管理系） 办公室电话 网页设计与制作 参考教材： 《网页设计与制作》萧立燕 梁芳 清华大学出版社 《HTML从入门到精通 》胡崧 中国青年出版社 《Dreamweaver mx 2004 网页设计基础与进阶培训教程》朱仁成 孙爱芳 西安电子科技大学出版社 第2章 网页设计语言基础 2.1 网页的概述 2.2 HTML语言基础 2.3 动态网页ASP简单介绍 本节重点 网页设计语言html的语法规则、书写规范 Html文档的基本结构 Html文档的编写、运行环境 标题、换行、水平线、段落标签 2.1 网页的概述 网页：网页是由HTML（超文本标识语言）或者其他语言编写的，通过IE浏览器解释后供用户获取信息页面，它又称为Web页，其中包括文字、图像、表格、动画和超链接等各种网页元素。 网站：就是一个或多个网页的集合。网站就像图书馆中的一本书，网页像书中的某一页。多个网页合在一起组成了一个网站。 主页（Homepage） ：也称首页，是某一个网站的起点，像是书的封面，主页是链接到网站上时显示的第一个网页，一般命名为index.html。 网页的基本要素 页面标题 页面标题的实现很容易，一般的网页编辑软件都提供这项设置。在HTML文档中title和/title之间输入网页的标题即可。 网站标志 网站的形象标识（logo），在网站的推广和宣传中将起到事半功倍的效果。设计制作网站的标志应体现该网站的特色、内容以及其内在的文化内涵和理念。标志一般在页面的显要位置（通常在页眉中）。 网页的基本要素 页面尺寸 页面尺寸和显示器大小及分辨率有关系。浏览器占去部分空间，剩下的是页面范围。一般分辨率在800×600的情况下，页面的显示尺寸为780×428个像素；分辨率在1024×768的情况下，页面的显示尺寸为1007×600。 页眉和页脚 有的页面划分的比较明显，有的则没有明确的区分或者没有页眉。页眉是放置站点主题的地方，而页脚是放置公司联系信息的地方。 网页的基本要素 导航栏 导航既是网页设计中的重要部分，又是整个网站设计中的一个较独立的部分。一般来说网站中的导航位置在各个页面中出现的位置是比较固定的，而且风格也较为一致。导航的位置对网站的结构与各个页面的整体布局起到举足轻重的作用。 文本和图片 文本是网页传递信息的主要载体，文本传输速度快，而且网页中的文本可以设置其大小、颜色、段落、层次等属性，风格独特的网页文本设置会给浏览者赏心悦目的感觉。 网页的基本要素 多媒体 在网页中可以使用的媒体对象主要包括Flash动画、Flash按钮、Flash文本、Java小程序、音频和视频等，应用媒体对象可以增加浏览者的视觉和听觉感受，使网页的效果更加丰富，表达信息的手段也变得动态和立体化了。 表单 网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮来提交表单后，数据就会传送到服务器上。 网页的基本分类 按所处位置分类 按网页在网站中所处的位置可将网页分为主页和子页两类。 网页的基本分类 按表现形式分类 可将网页分为静态网页和动态网页。 网页设计语言 静态网页语言和动态网页语言 网页语言 静态语言 动态语言 html jsp php asp Asp.Net 脚本语言 javascript vbscript 2.2 HTML语言基础 2.2.1 HTML语言开发环境 手工直接编写 记事本、word等，存成.htm .html格式 可视化HTML编辑器 Frontpage、Dreamweaver等 查看网页效果，需要浏览器，如Internet Explorer，Netscape Navigator等。 2.2.2 HTML文档的基本结构 一个html文档： HTML HEAD TITLE北京联合大学应用文理学/TITLE /HEAD BODY bgcolor=yellow P这是一个HTML的测试文件/P /BODY /