动态网页的设计课件HTML语言基础.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《动态网页的设计课件HTML语言基础.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 动态 网页 设计 课件 HTML 语言 基础
- 资源描述:
-
1、主主 编编 张德芬张德芬副主编副主编 邓之宏邓之宏中国水利水电出版社第第3章章 HTML语言基础语言基础2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)3第第3 3章章 HTMLHTML语言基础语言基础3.4 3.4 任务实现任务实现3.33.3 静态网页基础静态网页基础3.23.2 HTMLHTML语言语言3.1 3.1 任务概述任务概述3.5 3.5 任务实现任务实现ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp5
2、80 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)4本章要点本章要点v HTML语言的基本概念v 静态网页和动态
3、网页的区别v HTML的文件结构v HTML中的主要标记 ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizif
4、n mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)53.13.1任务概述:设计乘法表静态页面和用户注册静态页面任务概述:设计乘法表静态页面和用户注册静态页面v HTML是网页设计的基础,本章将介绍HTML文件的结构和常用HTML标签的使用方法。v 通过本章的学习,我们将完成两个静态页面的设计:乘法表页面和用户注册页面。ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88
5、go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)63.2 H
6、TML3.2 HTML语言语言v3.2.1 3.2.1 静态页面和动态页面静态页面和动态页面 1、静态网页(1)概况:纯粹HTML格式的网页,也就是以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字幕等,这些“动态效果”只是视觉上的,存在这些“动态效果”的HTML页面,仍然是静态网页。(2)特点:静态网页是事先编写好的。每个静态网页的内容都是保存在网站服务器上不变的;静态网页的内容相对稳定,因此容易被搜索引擎检索;静态网页没有数据库的支持,在网站制作和维护方面工作量较大;静态网页的交互性较差,在功
7、能方面有较大的限制。ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg
8、 mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)73.2 HTML3.2 HTML语言语言v3.2.1 3.2.1 静态页面和动态页面静态页面和动态页面 2、动态网页(1)概况:动态网页不仅具有HTML标记,而且含有程序代码,用数据库连接的网页。常见的动态网页是以.asp、.aspx、.jsp、.php等形式为后缀。(2)特点:动态网页的页面内容是在服务器上运行后生成的,不是事先编写好的;动态网页常常以数据库技术为基础;动态网页的交互性较好,采用动态网页技术的网站可以实现更多的功能,如用户注册
9、、用户登录。ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg myn
10、zg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)83.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 1、标记的概念 标记是HTML中用于描述功能的符号。如“”、“”、“”等。标记常由起始标记和结束标记组成,如.。起始标记一般必须和结束标记配对使用。有些标记可以省略结束标记如:、等 标记可以嵌套。例:这是不正确的代码 标记的大小写作用相同。标记在使用中必须用一对尖括号“”括起来,而且标记名与小于号之间不能留有空白字符。ort-zc/scnzf lknzg 0838mlj 5sb
11、j light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-1
12、2-20动态网页设计(Dreamweaver CS3+ASP.NET)93.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 2、标记的属性 在开始标记中,往往用一些属性进一步描述标记的功能。如:段落标记,它的语法格式是:上面的代码说明标记有两个属性,即“align”和“class”,其中“align”用于定义段落的位置是靠左、靠右还是居中。默认值是靠左。而“class”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数,而是按照默认情况显示。HTML中标记的属性值加或不加西文引号,浏览器都能接受。在Dreamweaver中自动生成的HTML代
13、码中,属性值都是有引号的。本书采用有引号的写法。如以下语句使段落内容居中:段落内容居中示例2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)103.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 3、常见的HTML标记(1).标记 一个HTML文件,无论是简单的还是复杂的,都是以开头,以结尾。2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)113.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 3、常见的HTML标记(2).标记 和构成了HTML文件的开头部分,在此标记对之间可以使
14、用.、.等标记对,描述网页标题或者其他不在网页上显示的某些信息。2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)123.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 3、常见的HTML标记(3).标记 标记用于设置浏览器窗口标题栏中纤细的文本信息,这些信息一般是网页主题。ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhon
15、gtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)133.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 3、常见的HTML标记(4).标记 是HTML文件的主题部
16、分,之间可以定义多种标记。ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf my
17、nzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)143.2 HTML3.2 HTML语言语言v3.2.2 3.2.2 标记标记 3、常见的HTML标记(5)标记表示注释的结束。ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf
18、-zt nsk-zt fag-zt zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)153.2 HTML3.2 HTML语言语言v3.2.3 3.2.3 文件结构文件结构 例3-1(3-1.html)HTML文件的基本结构。例3-1 代码窗口 2022-12-20动态网
19、页设计(Dreamweaver CS3+ASP.NET)163.3 静态网页基础v3.3.1 3.3.1 网页中的字体网页中的字体 1、字型标记 字型是指文本的加粗、倾斜、下划线、上标和下标等风格。.粗体标记.斜体标记.下划线标记.下标标记.上标标记ort-zc/scnzf lknzg 0838mlj 5sbj light-ks jnxrt topbrightness hd8go hd88go sj93 oemgc 189288 hzp580 yjoem oemdg xcdnpx skfjk oemdg zhongtezc yanjigz zg-nsk skf-zt nsk-zt fag-zt
20、 zhongtezc ntn-zt 189286 xcdnpx dgxcdn dgxcpx xcwxpx xunchi-px oemfy 0759mz lczx188 189287 nizifn mynzf mynzf mynzg mynzg mynzg mljsgf mljnzf 0838mlj2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)173.3 静态网页基础v3.3.1 3.3.1 网页中的字体网页中的字体 1、字型标记 例3-2(3-2.html)HTML文件中的字型标记。例3-2代码浏览器中预览例3-2的运行结果2022-12-20动态网页设计(
21、Dreamweaver CS3+ASP.NET)183.3 静态网页基础v3.3.1 3.3.1 网页中的字体网页中的字体 2、标题标记 标题标记可以把文字作为标题显示在网页上,文字以粗体显示,文字前后各加一个空行。共有6级标题,由 至,对应标题文字逐渐变小。(一级标题)显示最大,(6级标题)显示最小。2022-12-20动态网页设计(Dreamweaver CS3+ASP.NET)193.3 静态网页基础v3.3.1 3.3.1 网页中的字体网页中的字体 2、标题标记 例3-3(3-3.html)HTML文件中的标题标记。例3-3代码浏览器中预览例3-3的运行结果2022-12-20动态网页
展开阅读全文