《实验内容1练习文本和图片的基本操作》由会员分享,可在线阅读,更多相关《实验内容1练习文本和图片的基本操作(23页珍藏版)》请在金锄头文库上搜索。
1、实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt实验内容1练习文本和图片的基本操作 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life, there is hope。有生命必有希望。有生命必有希望实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt实验目的1、掌握文本的基本操作2、掌握图片的基本操作下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.p
2、pt实验重点1、文本的基本操作下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt实验难点1、图片的基本操作下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt实验项目实验项目1: 1:文本的基本操作文本的基本操作1编辑文本(1)换行自动换行:在输入文字时,若某一行的长度超过了Dreamweaver窗口的显示范围,文字将自动换到下一行。利用”Enter”键换行:在输入文字后按”Enter”键,文字成段,且上下段之间空一行。利用”Shift+Enter”键换行:
3、如果想要将文字手动换行,中间又不能出现空白行,可以按”Shift+Enter”键。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt(2)插入特殊的字符有时为了内容的需要,要在网页中插入一些键盘上没有的特殊字符,在Dreamweaver 8中,这些特殊字符可以通过”插入”HTML”特殊字符”命令来插入。 (3)删除、移动和复制文本可以用工具按钮,也可以用菜单命令。2查找替换文本的内容 如果要在文档中查找或替找某个文字,选择”编辑” ”查找与替换”命令。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九
4、 用用DW处理文本和图片处理文本和图片.ppt3设置文本格式 在Dreamweaver 4.0中设置文本格式可以通过属性面板,类似与Microsoft Word中对文本的属性设置,包括段落的格式、字体、字号、字的颜色、字体加粗倾斜、对齐方式(左对齐居中右对齐)、文字所链接的路径或URL等。 范例1:将文件“实战演练1.txt”的内容拷贝到新网页中,将“内容提要”作为标题,居中对齐,“本书采用”“首先”“本书适用于”作为三个段落的起首,首行缩进2个汉字;“目录”作为一个标题,居中对齐,其以下的内容每章/节/小节都要换行,居左对齐。然后,将所有的“数据库”一词替换为“DATABASE”。下一页上一
5、页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt实验项目实验项目2:2:图片的基本操作图片的基本操作主要操作:1.插入图像单击“插入”菜单下的“图像”按钮,如图1所示:下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt将弹出此对话框,如图2所示:在站点里面找到需要的图片,单击“确定”。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt2、 设置图像的属性选中图像后,在属性面板中就显示出了图像的属
6、性,如3所示:下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt “图像”下的文本框用来设置图像的ID,一般情况下不填。“宽”文本框用来设置图像的宽度,可填入数值,单位是像素。“高”文本框用来设置图像的高度,可填入数值,单位是像素。“源文件”用来设置这个图像的路径。“链接”用来设置这个图像的超链接,“目标”用来设置超链接的打开方式,有关超链接的详细说明请参见后面章节的介绍。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt“替代”文本框用来设置图像的替代文
7、本,可输入一段文字,当图像无法显示时,将显示这段文字。“垂直边框”文本框图用来设置图像上与其上方其他页面元素,及图像下与其正文其他页面元素的距离。“水平边距”文本框是用来设置左侧与其左方其他页面元素,及图像右侧与其右方其他页面元素距离。“边框”文本框图用来设置图像边框的宽度,可输入数值,单位是像素。默认图像边框宽度为“0”,也就是没有图像边框。“低解析度源”用来设置这个图像还没显示品质代图像,当图像很大时,可以给图像设置一个较小的低品质替代图像。在图像还没显示出来之前,较小的低品质替代图像能迅速显示。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和
8、图片处理文本和图片.ppt单击图像属性检查器中的按钮,即把图像设置成浏览器左对齐;单击图像属性检查器中的按钮,即把图像设置成浏览器居中对齐;单击图像属性检查器中的按钮,即把图像设置成浏览器右对齐;单击图像属性检查器中的按钮,即把图像设置成浏览器两端对齐。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt3、调整图像在网页中的相对位置范例2:用菜单和工具2种方法插入图片ji.jpg和daoying.jpg,同行并排,图片ji.jpg的高=200,宽=350,右对齐;daoying.jpg的高=200,宽=300,左对齐;然后用
9、“裁剪”工具图片ji.jpg的光亮部分保留,去掉其左边不亮部分,再将其高=200,宽=350;将图片ji.jpg的亮度=20,对比度=25,锐化=5;图片shan.jpg,边框=2,垂直边距=150,水平边距=3。下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt实验项目3:文本和图片的混合操作 ,如图5所示: 图5 范例3原图下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用
10、DW处理文本和图片处理文本和图片.ppt 图6 范例3效果图下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt范例3:要求:阿拉斯加(Alaska): 格式:段落 字体:华文彩云 大小:36(px) 颜色:#000066 (Alaska): 格式:段落 字体 Times New Roman 大小:36(px) 颜色:#000066 水平线: 宽: 80% 高:5 对齐:居中对齐 阴影:无下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt*在寒冷的阿拉斯加,
11、不但可以看到晶莹剔透的冰雕、完全用冰盖起来的ICE HOTEL,还可以看到美丽的极光。你能想象住在完全由冰盖起来的旅馆里是什么感觉吗?格式:段落 字体 默认 大小:16(px) 颜色:#000000*冰雕: 格式:段落 字体:方正舒体 大小:36(px) 颜色: #FF6600ICE HOTEL:格式:段落 字体:方正舒体 大小:36(px) 颜色: #FF3399极光: 格式:段落 字体:方正舒体 大小:36(px) 颜色: #6699CC下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt* 极光是由于太阳风与极圈内的磁场
12、产生反应而形成的光,它时而白色,时而是蓝色也有可能是五颜六色的。虽然阿拉斯加非常寒冷但是每年去那里的游客仍然络绎不绝,为的就是欣赏这难得一见的极光。格式:段落 字体:方正舒体 大小:18(px) 颜色: #0033CC 极光: 格式:段落 字体: 华文彩云 大小:36(px) 颜色: #00FF00寒冷: 格式:段落 字体:方正舒体 大小:36(px) 颜色: #00FF00难得一见: 格式:段落 字体:方正舒体 大小:36(px) 颜色: #00FF00下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt*谁也不会想到在寒冷
13、的阿拉斯加竟然会有天然的室外温泉,在零下几十度的气温下,能够泡在温暖的温泉里喝上一杯咖啡,我想也是一件非常惬意的事情吧!格式:段落 字体:方正舒体 大小:18(px) 颜色: #0033CC温泉 格式:段落 字体: 华文彩云 大小:36(px) 颜色: #FF9900咖啡 格式:段落 字体: 华文彩云 大小:36(px) 颜色: #FF9900事情 格式:段落 字体: 华文彩云 大小:36(px) 颜色: #FF9900下一页上一页实验难点实验内容实验目的实验重点实验步骤 实验项目九实验项目九 用用DW处理文本和图片处理文本和图片.ppt 图片处理:jiguang.jpg 宽:450 高:221 对齐:右对齐 亮度=-1,对比度=1,锐化=0 Shan.jpg: 宽:300 高:198 对齐:左对齐 亮度=1,对比度=2,锐化=2,边框=1【小结】【小结】 图文混排是常见的操作,而表格就是控制各元素的有力工具。下一页上一页 谢 谢!