HTML CSS JavaScript网页设计实用教程目录

时间：2023-02-24 02:12:01 | 来源：营销百科

时间：2023-02-24 02:12:01 来源：营销百科

HTML CSS JavaScript网页设计实用教程目录：第1章　HTML基础 2

1.1　了解Internet相关知识 …………………………… 2

1.1.1TCP/IP协议………………………………………… 2

1.1.2　IP地址和域名 ……………………………………… 2

1.1.3　URL ………………………………………………… 1

1.1.4　Web浏览器 ………………………………………… 1

1.2　网页与网站 ……………………………………… 2

1.2.1　网页与网站的关系 ………………………………… 2

1.2.2　静态网页与动态网页 ……………………………… 2

1.3　HTML、CSS与JavaScript ……………………… 3

1.3.1　HTML、CSS和JavaScript代码 …………………… 3

1.3.2　HTML在网页中的作用……………………………… 4

1.3.3　CSS在网页中的作用 ……………………………… 4

1.3.4　JavaScript在网页中的作用 ………………………… 4

1.4　HTML网页技术 ………………………………… 5

1.4.1　HTML概述…………………………………………… 5

1.4.2　HTML文档结构……………………………………… 5

1.4.3　HTML中的标签形式………………………………… 6

1.4.4　编写HTML时需要注意的问题……………………… 6

1.5　了解XHTML ……………………………………… 6

1.5.1　什么是XHTML ……………………………………… 6

1.5.2　XHTML的文档结构 ………………………………… 7

1.5.3　XHTML的代码规范 ………………………………… 7

1.5.4　XHTML的文档类型 ………………………………… 9

1.5.5　名字空间 …………………………………………… 9

1.5.6　使用XHTML的优势 ………………………………… 9

1.6　两种编写HTML的方法 …………………………10

1.6.1　使用记事本编写 ……………………………………10

课堂案例　使用记事本编写HTML页面 ……………………10

1.6.2　使用Dreamweaver编写 …………………………… 11

课堂案例　使用Dreamweaver编写网页 …………………13

1.7　网页设计制作流程 ………………………………14

1.7.1　前期网站策划 ………………………………………14

1.7.2　规划站点结构 ………………………………………14

1.7.3　收集网站相关素材 …………………………………15

1.7.4　网页的版式与布局分析 ……………………………15

1.7.5　确定网页配色 ………………………………………15

1.7.6　设计网站页面 ………………………………………16

1.7.7　切割和优化网页图像 ………………………………16

1.7.8　制作网站HTML页面…………………………………16

1.7.9　开发动态网站模块 …………………………………16

1.7.10　申请域名和服务器空间……………………………16

1.7.11　测试并上传网站 ……………………………………16

1.8　本章小结 …………………………………………16

1.9　课后习题 …………………………………………17

1.9.1　课后习题1：制作简单的HTML页面 ………………17

第2章　HTML整体结构设置 18

2.1　网页头部head标签……………………………18

2.1.1　网页标题title标签…………………………………18

2.1.2　网页说明description ………………………………19

2.1.3　网页关键字keywords ………………………………19

2.1.4　网页编码格式charset ………………………………19

2.1.5　网页编辑工具genrator………………………………20

2.1.6　网页作者信息author ………………………………20

2.1.7　网页定时跳转refresh ………………………………20

课堂案例　综合设置网页头信息 …………………………21

2.1.8　网页基址base标签 ………………………………21

2.2　网页主体body标签 ……………………………23

2.2.1　网页边距margin ……………………………………23

2.2.2　网页默认文字颜色text ………………………………23

课堂案例　设置网页文字 …………………………………24

2.2.3　默认链接文字link ……………………………………25

课堂案例　设置网页链接文字 ……………………………26

2.2.4　网页背景颜色bgcolor ………………………………27

2.2.5　网页背景图片background …………………………28

课堂案例　设置网页背景效果 ……………………………28

2.3　本章小结 …………………………………………30

2.4　课后习题 …………………………………………30

2.4.1　课后习题1：设置插画设计网站头信息 ……………30

2.4.2　课后习题2：综合设置网页整体外观 ………………30

第3章　HTML中文本与段落设置 32

3.1　网页文本处理 ……………………………………32

3.1.1　在网页中输入文字的方法 …………………………32

3.1.2　在文本中插入空格 …………………………………32

3.1.3　插入特殊字符 ………………………………………33

课堂案例　在网页中输入文本 ……………………………34

课堂案例　对文本进行换行 ………………………………35

3.1.4　文本换行br /标签 …………………………………35

3.1.5　文本强制不换行nobr标签 ………………………35

3.1.6　文本分段p标签……………………………………36

课堂案例　段落文本处理 …………………………………37

3.1.7　段落文本对齐 ………………………………………37

3.2　设置网页字体 ……………………………………38

3.2.1　设置字体 ……………………………………………38

3.2.2　设置文字大小 ………………………………………39

3.2.3　设置文字颜色 ………………………………………39

课堂案例　设置文字效果 …………………………………40

3.2.4　文字加粗b和strong标签 ………………………41

3.2.5　文字倾斜i和em标签 …………………………41

3.2.6　文字下画线u标签…………………………………41

课堂案例　修饰网页中的文字 ……………………………42

3.2.7　上标与下标文字 ……………………………………43

3.2.8　标题文字h1至h6标签 …………………………43

课堂案例　在网页中创建标题文字 ………………………44

3.3　水平线 ……………………………………………45

3.3.1　在网页中插入水平线 ………………………………45

3.3.2　设置水平线宽度和高度 ……………………………45

3.3.3　设置水平线的颜色 …………………………………46

3.3.4　水平线对齐方式 ……………………………………46

3.3.5　去除水平线阴影 ……………………………………46

课堂案例　为网页文本添加水平分割线 …………………47

3.4　滚动文本 …………………………………………48

3.4.1　文本滚动marquee标签 …………………………48

3.4.2　设置文本滚动方向 …………………………………48

3.4.3　文本滚动的方式和速度 ……………………………48

课堂案例　制作网站滚动公告 ……………………………49

3.5　本章小结 …………………………………………51

3.6　课后习题 …………………………………………51

3.6.1　课后习题1：制作广告促销页面 ……………………51

3.6.2　课后习题2：制作文章页面 …………………………52

第4章　HTML中列表设置 54

4.1　HTML中列表的组成 ……………………………54

4.2　列表设置 …………………………………………54

4.2.1　无序列表ul标签 …………………………………54

课堂案例　制作无序新闻列表 ……………………………55

4.2.2　有序列表ol标签 …………………………………56

课堂案例　制作音乐排行榜 ………………………………57

4.2.3　定义列表dl标签 …………………………………58

课堂案例　制作论坛列表 …………………………………58

4.2.4　目录列表dir标签 …………………………………59

4.2.5　菜单列表menu标签 ………………………………60

4.3　本章小结 …………………………………………60

4.4　课后习题 …………………………………………60

4.4.1　课后习题1：制作网站新闻公告 ……………………60

4.4.2　课后习题2：制作玩家排行 …………………………61^[1]