第三章 网页制作与HTML语言基本结构简介 本章提要 静态网页与动态网页 Dreamweaver MX制作网页 HTML语言的基本结构 3.1网页制作概述 3.1.1静态网页与动态网页 1.静态网页 由超级文本标志语言HTML的标志代码构成; 用记事本、FrontPage、Dreamweaver、Fireworks可以制作。 2.动态网页与asp 动态网页中:服务器端可以实时处理浏览器端的请求,然后将处理结果返回给浏览器端 ASP是在普通HTML中嵌入VBSCript或JavaScript代码的文件,只能在服务器端运行 3.1.2认识网页 1.网页的基本元素 文字 图像 超链接 2.网页设计原则 兼容性原则 简洁性原则 3.网页的设计 确定主题 收集材料 布局规划 制作网页 3.1.3网页制作工具简介 Frontpage Dreamweaver 3.2Dreamweaver2004概览 Dreamweaver2004界面 输入与编辑文本 超级链接 使用图像 表格 创建交互表单 页面布局 3.3使用Dreamweaver制作主页框架 基本操作步骤 主页框架的制作 3.4HTML语言基本结构 HTML简介 HTML文件的基本结构 HTML的 HTML简介 HTML的英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台。 ?? 所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。 HTML的基本结构 HTML的基本结构 ??? 一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置, ??? HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。 HTML的基本结构 ? ? 开始标签
? 一个简单的HTML示例 ?? ?头部标签?欢迎光临我的主页
?????????????????????????????????????????????????????????????????
??????????????????????????????????????????? 文件主体??????????????????? ? 这是我第一次做主页???????????????????????????? ???????????????????????????????????????