《第1章 网页设计基础》-公开·课件设计.pptVIP

任课老师：郭小平 E-mail：guoxp2008@ Tel网页设计 学习参考资料 教材：《Dreamweaver 网页制作实用教程》 作者： 缪亮 彭宗勤 编著 出版社： 清华大学出版社 其他网页制作类书籍 成绩如何评定 平时成绩30%（上课考勤+作业成绩） 期末考试成绩70% 课程内容 网页设计基础 网页中的文字和图像 网页中的表格 网页中的多媒体 超级链接 用CSS美化网页 网页布局 框架网页 交互页面 模板和扩展Dreamweaver 表单及ASP动态网页的制作 开发和管理网站 导言 随着Internet的发展，越来越多的企事业单位、政府机关、教育部门以及个人都建起了自己的网站，用来发布单位新闻、产品信息、政策法规以及展示个人风采，进行信息的交流和互动。 Dreamweaver是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 Dreamweaver是一款集可视化编辑功能与代码编写于一体的网页制作工具，适合不同层次网页制作者。 个人博客、微博、QQ空间制作分析。 第1章 网页设计基础 随着Internet（因特网）的发展和普及，越来越多的个人和公司都想在Internet上安个家，各种各样的网站应运而生。网页设计和制作技术也越来越受到人们的关注，网站是如何创建的？需要掌握哪些计算机技术？ 本章介绍网页设计的基础知识，主要包括以下内容： HTML基础 初识Dreamweaver 在代码视图中创建HTML 清华大学出版社 书号：9787302162711 使用教材 1.1 HTML基础 在Internet上浏览的一个个精美网页都是用超文本标记语言HTML制作而成。本节先介绍HTML的基础知识。 1.1.1 什么是HTML 1.1.2 课堂实例――创建和测试第一个网页 1.1.3 认识HTML标签 1.1.4 HTML文档的基本结构 1.1.1 什么是HTML HTML是英文Hypertext Marked Language的缩写，中文意思是超文本标记语言，是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作WWW（World Wide Web）的信息表示语言，用于描述网页的格式设计和它与WWW上其它网页的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 所谓超文本，是指用HTML创建的文档可以加入图片、声音、动画、影视等内容，并且可以实现从一个文件跳转到另一个文件，与世界各地主机的文件连接。 1.1.2 课堂实例――创建和测试第一个网页 选择“开始”|“所有程序”|“附件”|“记事本”，运行“记事本”程序。在“记事本”窗口中输入以下内容： html head title欢迎光临我的第一个网页/title /head body 这是第一个简单网页! /body /html 选择【文件】|【保存】命令，在弹出的“另存为”对话框中选择要保存的路径，在【文件名】文本框中输入文件名myweb001.html。 1.1.3 认识HTML标签 HTML文档中的标签包括单标签和双标签，另外在标签中还可以包含一些属性。 （1）html和/html html和/html在最外层，表示在这对标签里面的代码是HTML语言。 （2）head和/head 在这对标签里的内容是网页中的头部信息，如网页总标题、网页关键字等，若不需头部信息则可省略此标记。 （3）title和/title 在head和/head这对双标签的中间还包含着title和/title这样一对标签。呈现在网页的标题，标题会出现在IE浏览器窗口的标题栏。 （4）body和/body body和/body之间的“这是第一个简单网页!”部分，就是在网页中实际看到的内容。body和/body之间是网页的主体内容部分，大部分HTML标签都包含在body和/body之间。 1.1.4 HTML文档的基本结构 一个HTML文档分为两部分：文件头和文件体。文件头中提供了文档标题，并建立了HTML文档与文件目录间的关系。文件体部分是网页的实质内容，它是HTML文档中最主要的部分，其中包含了文本、图像、表格等元素，这些元素构成了网页的内容。 1.2 初识Dreamweaver Macromedia Dreamweaver是是一款专业的 HTML 编辑器，用于对 Web 站点、Web页和Web应用程序进行设计、编码和开发。无论开发者愿意享受手工编写HTML代码时的驾驭感，还是偏爱在可视化编辑环境中工作，Dreamweave