插入文本、图像

执行校长李伟插入文本、图像企业网站制作(第二讲)2课程回顾3本讲目录创建、保存、打开网页文件网页的页面设置添加网页文本文本的处理图像的基本操作图像的高级操作4本讲重点、难点重点网页中文字的属性网页中使用的图像格式鼠标经过图像的做法难点文本和图像的排版设置5创建网页文件创建网页文件保存网页文件打开网页文件6网页的页面设置网页的页面属性设置修改-页面属性7添加普通的文本输入文本复制文本导入文本文件-导入-Excel文档8添加普通的文本如何添加空格将输入法切换到全角状态，然后再按空格键；如果未切换到全角状态，那么也可按【Ctrl+Shift+空格】组合键在文档中添加空格。在“首选参数”里面更改9添加特殊字符添加特殊字符插入记录-HTML-特殊字符，选择合适字符10添加特殊字符没有合适的，打开插入其他字符特殊字符转译码空格 引号"小于<大于>版权号©11添加水平线使用插入记录-HTML-水平线可添加水平线。选择水平线，设置宽、高、对齐属性。12添加水平线添加水平线13插入日期插入日期插入记录-日期命令打开“插入日期”对话框可插入日期选择日期格式复选此项，每次保存文档时都会自动更新点击“确定”，完成添加14添加活动字幕添加活动字幕在代码视图中，定位光标插入点的位置，添加代码和要滚动显示的文本pmarqueebehavior=alternatescrollamount=1关于元旦放假的通知！/marquee/p从左向右滚动“behavior”用于指定文本滚动的方式，“alternet”为左右来回滚动，“scroll”表示从一端滚动到另一端……“scrollamount”设定活动字幕的滚动速度15操作步骤新建空白网页文档，并以“banquan.html”保存插入水平线按”→”取消水平线选择，在光标位置输入文本“关于我们–公司简介–联系方法–招聘信息–客户服务–相关法律–网络营销”添加链接按“Shift+Enter”组合键换行，输入“xx公司版权所有”按“Shift+Enter”组合键换行，插入版权符号，输入空格，输入文本“1998-2008”典型案例——制作版权信息页16htmlxmlns==Content-Typecontent=text/html;charset=gb2312/title版权/title/headbodyhr/pahref=about.htmltarget=_blank关于我们/a-ahref=overview.htmltarget=_blank公司简介/a-ahref=contactus.htmltarget=_blank联系方法/a-ahref=job.htmltarget=_blank招聘信息/a-ahref=help.htmltarget=_blank客户服务/a-ahref=legal.htmltarget=_blank相关法律/a-ahref=emarketing.htmltarget=_blank网络营销/abr/br/金铭公司版权所有br/br/©1998-2008/p/body/html典型案例——制作版权信息页17设置字体格式编辑字体列表进行下一个字体样式的编辑18设置字体格式设置文本字体及字号选中文本，文本反白显示在属性面板的大小下拉列表选择字号在属性面板的字体下拉列表框选择所需字体特大号字体楷体字设置粗体设置斜体19设置字体格式更改文本颜色20设置字体格式标签font标签--定义文字样式不符合标准网页设计的理念,不赞成使用.font标签是成对出现的,以font开始，/font结束属性color--文字颜色face--字体size--字号21设置字体格式htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/titlefont标签的使用/title/headbodyfontsize=18pxface=楷体_GB2312color=#FF0000软件职业技术学院/font/body/html22设置字体格式标签标题标签H1~H6htmlxmlns==Content-Typecontent=text/html;charset=gb2312/title标题标签的使用/title/headbodyh1软件职业技术学院/h1h2软件职业技术学院/h2h3软件职业技术学院/h3h4软件职业技术学院/h4h5软件职业技术学院/h5h6软件职业技术学院/h6/body/html23设置字体格式标签段落标签P换行标签pThisisaparagraph/ppThisisanotherparagraph/ppThisbrisaparabrgraphwithlinebreaks/p24设置段落格式文本段落的对齐方式palign=leftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleftleft/ppalign=rightrightrightrightrightrightrightrightrightrightrightrightrightrightrightrightright/ppalign=centercentercentercentercentercentercentercentercentercentercentercentercentercenter/p25设置段落格式文本凸出、文本缩进将光标插入点定位到需要设置缩进方式的段落中，单击文本凸出或文本缩进按钮即可p文本凸出、文本缩进/pblockquotep将光标插入点定位到需要设置缩进方式的段落中，单击文本凸出或文本缩进按钮即可/p/blockquote26设置段落格式添加列表添加项目列表按Enter键，将要创建为项目列表的文本分段，然后选中所有文本单击属性面板中的项目列表按钮type属性27设置段落格式添加列表添加编号列表按Enter键，将要创建为项目列表的文本分段，然后选中所有文本单击属性面板中的编号列表按钮type属性28设置段落格式项目列表ulli蝴蝶/lili大象/lili青蛙/lili蚂蚁/li/ul编号列表olli蝴蝶/lili大象/lili青蛙/lili蚂蚁/li/ol29典型案例——美化版权信息页操作步骤设置水平线的宽是65%，高为1字体大小为12px设置文本居中对齐XX版权所有设置为楷体将最后一行文本设置为红色30图像对象的应用插入图像插入记录-图像插入栏31图像的基本语法语法格式IMGsrc=“12424.jpg”width=“274“height=”196”alt=“王菲演唱会图像的位置图像的宽度图像的高度为图像添加的提示性文字imgsrc=12424.jpgalt=王菲演唱会width=196height=274/32图像的基本语法语法格式IMGalign=middle图像与文本居中对齐,还可以取top,bottom值imgsrc=12424.jpgalt=王菲演唱会width=196height=274align=middle/王菲2010演唱会即将开幕！33鼠标经过图像的制作操作步骤插入记录-图像对象-鼠标经过图像注意：原始图像与鼠标经过图像的大小最好一致34导航的制作由图像或图像组组成操作步骤插入记录-图像对象-导航条正常情况下显示的图像导航条在网页中的放置方向添加导航条元件35典型案例——制作网站导航条操作步骤在要保存的网页文件夹中新建一个文件夹，命名为“img”，存放图像插入图像“left.png”，对齐方式为左对齐插入水平的导航条36本讲回顾哪个标签控制文本的字体和字号？文本和图像的对齐方式有哪几种？简述插入鼠标经过图像的方法37上机实验