项目四文本元素的应用教学课件(全).pptx

上传人:春哥&#****71; 文档编号:16924742 上传时间:2022-05-20 格式:PPTX 页数:17 大小:428.30KB
返回 下载 相关 举报
项目四文本元素的应用教学课件(全).pptx_第1页
第1页 / 共17页
项目四文本元素的应用教学课件(全).pptx_第2页
第2页 / 共17页
点击查看更多>>
资源描述

《项目四文本元素的应用教学课件(全).pptx》由会员分享,可在线阅读,更多相关《项目四文本元素的应用教学课件(全).pptx(17页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、课程主讲人:项目四 文本元素的应用项目四 文本元素的应用学习目标学习目标会插入文本会编辑文本任务 插入文本信息项目项目简介简介文本是网页中用得最多的元素之一,常用的网页元素包括文本、图像、多媒体(音频、视频、动画)、超链接、表格、框架、表单等,其它网页元素在后面的项目中将陆续介绍。本项目从输入文本、编辑文本两方面入手,达到培养学生对文本元素的操作技能。本项目要完成的任务:任务一 插入与编辑文本元素任务 插入文本信息任务任务描述描述通过前面项目的学习,我们对Html文档及Html标签有了一定的了解,本项目将学习在Html文档中插入文本信息,以丰富页面信息。该任务要求学生掌握在页面中输入文本信息,

2、并会对文本进行编辑排版。该任务的需求如下所示:任务 插入文本信息1.在“WebTest项目4”文件夹中新建4-1.html文档,现如图4-1所示的页面效果。2.文档编排格式要求1)网页标题为“化学知识二氧化碳”2)“二氧化碳”格式为“标题3”;3)“水平线”高为2像素、宽为100%、显示阴影;4)文本“二氧化碳,一种碳氧化合物,化学式为CO2,常温常压下是一种无色无味的气体,也是一种常见的温室气体,也是空气的组成成分之一。”要求首行缩进两个字符,字号为16px。 5)文本“一个二氧化碳分子含有两种不同的元素:氧和碳。”要求首行缩进两个字符;6)文本“一个二氧化碳分子分子由一个氢原子和二个氧原子

3、构成。”要求首行缩进两个字符,字体为“华文行楷”,字号为“24px”。任务 插入文本信息知识知识储备储备1.插入文本的方法当要插入文本时,先将光标定位到需要输入文本的位置,此时窗口中出现闪动的光标,提示录入文字的起始位置。主要方法有:(1)直接在Dreamweaver CS6“设计”视图窗口中输入文本内容;(2)通过复制或剪切将其它文档中的文字素材粘贴进来;(3)通过文件菜单的“导入”功能,导入文本信息。任务 插入文本信息2.设置段落缩进的方法1)插入全角空格2)插入特殊字符 提示:使用提示:使用Ctrl+Shift+Space组合键增加空格,每按一次组合键增加空格,每按一次Ctrl

4、+Shift+Space组合键在代码中生成一个组合键在代码中生成一个 特殊字符。特殊字符。任务 插入文本信息3.文本格式化方法(1)使用文本格式化标签格式化文本;(2)创建CSS样式格式化文本;(3)选中文本使用“格式”菜单功能格式化文本;(3)选中文本在属性面板中格式化文本。任务 插入文本信息任务任务实施实施1.新建4-1.html文档启动Dreamweaver cs6软件点击“文件”菜单中的“新建”命令在“新建文档”对话框中的“页面类型”中选择“HTML”点击“创建”按钮点击“文件”菜单中的“保存”或“另存为”命令在“另存为”对话框中找到“WebTest项目4”文件夹,并在“文件

5、名”中输入“4-1.html”点击“保存”按钮完成操作。任务 插入文本信息2.编辑“欢迎光临”文本2.编辑“二氧化碳”文本在4-1.html文档的“设计”视图中,把光标定位到页面的第一行位置输入文本“二氧化碳”选中文本“二氧化碳”,在属性面板如图4-2所示,选择“HTML”按钮,在“格式”下拉框中选择“标题3”。图4-2 文本的HTML属性任务 插入文本信息3.插入“水平线”点击“插入”菜单选择“HTML”单击“水平线”用鼠标选中“水平线”在属性面板如图4-3所示,在“宽”文本框中输入“100”,单位选择“%”,在“高”文本框中输入“2”(单位默认为像素px)勾选“阴影”。图4-3 水平线属性

6、任务 插入文本信息4.输入其它文本并编辑(1)在水平线后输入文本:(2)设置文本首行缩进切换到“代码”视图,在上述文本开始处输入8个特殊特号“ ”(首行缩进2字符)。任务 插入文本信息(3)设置字号切换到“设计”视图选中文本在属性面板如图4-4所示,选择“CSS”按钮(CSS样式将在后面项目中详细讲解),“大小”选择“16”,弹出“新建CSS规则”对话框,如图4-5所示在“选择器名称”中输入名称,如font1点击“确定”。图4-4文本的CSS属性任务 插入文本信息图4-5 新建CSS规则对话框任务 插入文本信息(4)换行录入:一个二氧化碳分子含有两种不同的元素:碳和氧。在前段文本后按

7、Shift+Enter(换行)或在代码中输入换行标签为输入上述文本将光标定位到本行文字前面在输入状态下,按Shift+空格键切换到全角状态,按两个空格键(首行缩进2字符)任务 插入文本信息(5)分段录入:一个二氧化碳分子由两个氧原子和一个碳原子构成。在前段文本后按Enter(回车)输入上述文本将光标定位到本行文字前面在输入状态下,按Shift+空格键切换到全角状态,按两个空格键(首行缩进2字符)选中本段文本在属性面板如图4-4所示,选择“CSS”按钮,“字体”选择“华文行楷”弹出“新建CSS规则”对话框,如图4-5所示在“选择器名称”中输入名称,如font2点击“确定”在属性面板中,“大小”选择“24”任务 插入文本信息5.设置网页标题在“设计”视图的“标题”处录入标题“化学知识二氧化碳”或在“代码”视图的title标签中录入标题“化学知识二氧化碳”。6. 保存文档,按F12在浏览器中预览

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育专区 > 大学资料

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁