HTML+CSS+JavaScript网页设计实用教程

978-7-115-36842-3
作者: 金景文化
译者:
编辑: 杨璐

图书目录:

目录

第 1章 HTML基础 2

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

1.1.1 TCP/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 网页头部标签 ……………………………18

2.1.1 网页标题标签…………………………………18</p><p>2.1.2 网页说明description ………………………………19</p><p>2.1.3 网页关键字keywords ………………………………19</p><p>2.1.4 网页编码格式charset ………………………………19</p><p>2.1.5 网页编辑工具genrator………………………………20</p><p>2.1.6 网页作者信息author ………………………………20</p><p>2.1.7 网页定时跳转refresh ………………………………20</p><p>课堂案例 综合设置网页头信息 …………………………21</p><p>2.1.8 网页基址<base>标签 ………………………………21</p><p>2.2 网页主体<body>标签 ……………………………23</p><p>2.2.1 网页边距margin ……………………………………23</p><p>2.2.2 网页默认文字颜色text ………………………………23</p><p>课堂案例 设置网页文字 …………………………………24</p><p>2.2.3 默认链接文字link ……………………………………25</p><p>课堂案例 设置网页链接文字 ……………………………26</p><p>2.2.4 网页背景颜色bgcolor ………………………………27</p><p>2.2.5 网页背景图片background …………………………28</p><p>课堂案例 设置网页背景效果 ……………………………28</p><p>2.3 本章小结 …………………………………………30</p><p>2.4 课后习题 …………………………………………30</p><p>2.4.1 课后习题1:设置插画设计网站头信息 ……………30</p><p>2.4.2 课后习题2:综合设置网页整体外观 ………………30</p><p>第3章 HTML中文本与段落设置 32</p><p>3.1 网页文本处理 ……………………………………32</p><p>3.1.1 在网页中输入文字的方法 …………………………32</p><p>3.1.2 在文本中插入空格 …………………………………32</p><p>3.1.3 插入特殊字符 ………………………………………33</p><p>课堂案例 在网页中输入文本 ……………………………34</p><p>课堂案例 对文本进行换行 ………………………………35</p><p>3.1.4 文本换行<br />标签 …………………………………35</p><p>3.1.5 文本强制不换行<nobr>标签 ………………………35</p><p>3.1.6 文本分段<p>标签……………………………………36</p><p>课堂案例 段落文本处理 …………………………………37</p><p>3.1.7 段落文本对齐 ………………………………………37</p><p>3.2 设置网页字体 ……………………………………38</p><p>3.2.1 设置字体 ……………………………………………38</p><p>3.2.2 设置文字大小 ………………………………………39</p><p>3.2.3 设置文字颜色 ………………………………………39</p><p>课堂案例 设置文字效果 …………………………………40</p><p>3.2.4 文字加粗<b>和<strong>标签 ………………………41</p><p>3.2.5 文字倾斜<i>和<em>标签 …………………………41</p><p>3.2.6 文字下画线<u>标签…………………………………41</p><p>课堂案例 修饰网页中的文字 ……………………………42</p><p>3.2.7 上标与下标文字 ……………………………………43</p><p>3.2.8 标题文字<h1>到<h6>标签 …………………………43</p><p>课堂案例 在网页中创建标题文字 ………………………44</p><p>3.3 水平线 ……………………………………………45</p><p>3.3.1 在网页中插入水平线 ………………………………45</p><p>3.3.2 设置水平线宽度和高度 ……………………………45</p><p>3.3.3 设置水平线的颜色 …………………………………46</p><p>3.3.4 水平线对齐方式 ……………………………………46</p><p>3.3.5 去除水平线阴影 ……………………………………46</p><p>课堂案例 为网页文本添加水平分割线 …………………47</p><p>3.4 滚动文本 …………………………………………48</p><p>3.4.1 文本滚动<marquee>标签 …………………………48</p><p>3.4.2 设置文本滚动方向 …………………………………48</p><p>3.4.3 文本滚动的方式和速度 ……………………………48</p><p>课堂案例 制作网站滚动公告 ……………………………49</p><p>3.5 本章小结 …………………………………………51</p><p>3.6 课后习题 …………………………………………51</p><p>3.6.1 课后习题1:制作广告促销页面 ……………………51</p><p>3.6.2 课后习题2:制作文章页面 …………………………52</p><p>第4章 HTML中列表设置 54</p><p>4.1 HTML中列表的组成 ……………………………54</p><p>4.2 列表设置 …………………………………………54</p><p>4.2.1 无序列表<ul>标签 …………………………………54</p><p>课堂案例 制作无序新闻列表 ……………………………55</p><p>4.2.2 有序列表<ol>标签 …………………………………56</p><p>课堂案例 制作音乐排行榜 ………………………………57</p><p>4.2.3 定义列表<dl>标签 …………………………………58</p><p>课堂案例 制作论坛列表 …………………………………58</p><p>4.2.4 目录列表<dir>标签 …………………………………59</p><p>4.2.5 菜单列表<menu>标签 ………………………………60</p><p>4.3 本章小结 …………………………………………60</p><p>4.4 课后习题 …………………………………………60</p><p>4.4.1 课后习题1:制作网站新闻公告 ……………………60</p><p>4.4.2 课后习题2:制作玩家排行 …………………………61</p> </div> <div class="content"> <h3>详情</h3> <div> 本书全面介绍了使用html、css、javascript进行网页设计和制作的各方面内容和技巧。结构上将功能技术解析与案例演练引导与商业实战应用结合;将命令讲解与案例实战结合;将课堂讲解与课后练习结合;为老师制作授课PPT;为学生准备视频教学录像,希望打造一套全功能的学习宝典。 </div> </div> <div class="summary"> <h3>图书摘要</h3> <div> </div> </div> <div class="relevant_book"> <h3>相关图书</h3> <div style="display: flex"> <div> <a href="https://www.epubit.com/bookDetails?id=UB7db30761b8f71"> <div> <img style="width: 142px; height: 199px;" alt="HTML+CSS+JavaScript完全自学教程" src="https://cdn.ptpress.cn/pubcloud/bookImg/null/202211281583ACF2.jpg"> </div> <div> HTML+CSS+JavaScript完全自学教程 </div> </a> </div> <div> <a href="https://www.epubit.com/bookDetails?id=UBc833a4e5cc2d"> <div> <img style="width: 142px; height: 199px;" alt="零基础入门学习Web开发(HTML5 & CSS3)" src="https://cdn.ptpress.cn/pubcloud/bookImg/A20190005/202203039BDF81AC.jpg"> </div> <div> 零基础入门学习Web开发(HTML5 & CSS3) </div> </a> </div> <div> <a href="https://www.epubit.com/bookDetails?id=UB77a9ef81ff9d6"> <div> <img style="width: 142px; height: 199px;" alt="HTML CSS JavaScript入门经典 第3版" src="https://cdn.ptpress.cn/pubcloud/bookImg/A20182307/202405173EBF1864.jpg"> </div> <div> HTML CSS JavaScript入门经典 第3版 </div> </a> </div> <div> <a href="https://www.epubit.com/bookDetails?id=UB77e58e05bd014"> <div> <img style="width: 142px; height: 199px;" alt="HTML+CSS+JavaScript网页制作 从入门到精通" src="https://cdn.ptpress.cn/pubcloud/bookImg/A20201794/202405176156128B.jpg"> </div> <div> HTML+CSS+JavaScript网页制作 从入门到精通 </div> </a> </div> <div> <a href="https://www.epubit.com/bookDetails?id=UB71fa8a52e936a"> <div> <img style="width: 142px; height: 199px;" alt="从0到1:HTML5 Canvas动画开发" src="https://cdn.ptpress.cn/pubcloud/bookImg/A20183334/202112149EE38032.jpg"> </div> <div> 从0到1:HTML5 Canvas动画开发 </div> </a> </div> <div> <a href="https://www.epubit.com/bookDetails?id=UB71eb7e5faaffd"> <div> <img style="width: 142px; height: 199px;" alt="从零开始:HTML5+CSS3快速入门教程" src="https://cdn.ptpress.cn/pubcloud/bookImg/A20182504/20211214B215B631.jpg"> </div> <div> 从零开始:HTML5+CSS3快速入门教程 </div> </a> </div> </div> </div> <div class="relevant_article"> <h3>相关文章</h3> <div style="display: flex"> </div> </div> <div class="relevant_course"> <h3>相关课程</h3> <div style="display: flex"> </div> </div> <!-- 底部信息 --> <div class="footer"> <p>异步社区-致力于优质IT知识的出版和分享</p> <p><a href="http://beian.miit.gov.cn/" target="_blank">京ICP备05035396号-6</a></p> <p><a class='police' href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010602100305" target="_blank">京公网安备11010602100305号</a></p> <p>增值电信业务经营许可证(京B2-20201559)Powered by <a href="https://pubcloud.ptpress.cn" target="_blank">人民邮电出版社▪出版云</a></p> </div> </body> </html>