工信版（中职）Dreamweaver实例教程第2章教学课件.ppt

《工信版（中职）Dreamweaver实例教程第2章教学课件.ppt》由会员分享，可在线阅读，更多相关《工信版（中职）Dreamweaver实例教程第2章教学课件.ppt（14页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF（中职）Dreamweaver实例教程第2章教学课件第二章网页的基本操作 本章学习目标:1）了解并掌握在网页中添加文本及其格式化的方法。2）会在网页中插入水平线、日期/时间等网页元素。3）了解Web页中常用的几种图像格式，掌握插入图像、编辑图像和设置图像属性的方法。4）了解图像编辑器的使用方法，会在网页中插入翻转图像和导航条。2.1 在网页中添加文本 重点提示：1）普通文本的添加及其格式化方法。2）插入水平线、日期/时间等网页元素的方法。3）设置网页属性。2.1 在网页中添加文本实例1：制作一个以文本为主体的网页。本实例应掌握的知识:1)在网页中添加文本的两种方法。2)网页中多个空格的输

2、入方法。3)网页中将文本进行分段的操作方法。4）设置文本字体。5）设置文本字号 6）设置文本颜色。7）设置文本的对齐方式。课堂练习要求如下：1、大标题文字具体格式包括“字体”为“黑体”，“大小”为“36像素”，“颜色”为“黑色”，“对齐方式”为“居中对齐”。2、小标题文字具体格式包括“字体”为“宋体”，“大小”为“24像素”，“颜色”为“红色”，“对齐方式”为“两端对齐”。3、其他文本具体格式包括“字体”为“宋体”，“大小”为“18像素”，“颜色”为“蓝色”，“对齐方式”为“两端对齐”。练习最终效果2.1 在网页中添加文本其他1、文本属性面板介绍2、插入日期/时间 3、插入水平线 4、设置网页

3、属性 2.2 在网页中添加图像 重点提示：1）网页中图像及页面背景图像的插入方法。2）图像属性的设置及图像编辑器的使用。3）插入翻转图像和导航条。4）图像和文本的混合排版2.2 在网页中添加图像实例2：在网页中插入一幅图像。本实例应掌握的知识：1）在网页中插入图像的方法。2）图象属性设置。3）为图象建立超级连接的方法。实例3：为网页添加背景。2.2 在网页中添加图像实例4：制作一个翻转图像。翻转图像又称鼠标指针经过图像。其效果是：当鼠标指针指向某图像时，该图像会被另外一幅图像所代替；当鼠标指针移开时，又会变回原图像。实例5：制作一个导航条。2.2 在网页中添加图像课堂练习利用前面讲述的实例，自己动手制作一个翻转图像和导航条。2.3 综合实训实例6：制作一个图文混排的网页。实例效果如下图。（点击进入助教视频）本 章 小 结 本章主要通过实例讲述网页基本元素（文本和图像）的编辑方法。目的是让读者能够自己创建一个图文并貌的网页。通过本章的学习，读者应熟练掌握图像的插入与编辑技巧，能够灵活运用图像制作出翻转图像和导航条，会在网页中插入水平线、日期/时间等网页元素。本章所介绍的内容是网页中最基本的东西，读者应熟练掌握。