资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2019/11/22 Friday,#,第,9,课 修饰网站首页,目 录,CONTENTS,1,2,3,学习目标,学习过程,课堂练习,了解修饰网页的基本知识,。,学会,在网页中添加滚动字幕和悬停按钮,。,掌握,为电子信箱地址添加超链接的操作方法。,学习目标,在,网页中输入文字、插入图片后，为了使网页更美观，往往还需要进一步修饰网页，本课通过进一步修饰下面的网站首页的操作，介绍有关的几种基本方法。,学习过程,第,1,步：打开“文件”菜单，单击“打开站点”命令，打开站点“李敏的网站”,。,第,2,步：在“文件夹列表”框中找到首页文件,index.htm,后双击，编辑区中显示出网页的内容,。,第,3,步：选定页面中的一个栏目名称，如“迷人风光”,。,第,4,步：依次打开,“插入”菜单,、“组件”菜单，单击其中的“悬停按钮”命令。,一,、制作悬停按钮,学习过程,动手做：把首页文件中的,6,个栏目名称制作成悬停按钮。,第,5,步：出现“悬停按钮属性”对话框时，删除“按钮文本”框中的文字，然后输入按钮文字“迷人风光”。,学习过程,第,6,步：单击,“按钮颜色”,选择框中,的按钮,，在弹出的颜色选择框中选择一种按钮颜色，如绿色。单击“效果”选择框中,的按钮,，在下拉列表框中选择“反色发光”,。,第,7,步：单击,“效果颜色”,选择框中,的按钮,，在弹出的列表框中选择一种颜色作为“发光”效果的颜色。再适当设置按钮的宽度和高度,。,第,8,步：,单击按钮,，打开“字体”对话框，适当设定文字的字体、大小和颜色。,学习过程,第,9,步：,单击按钮,，关闭打开的对话框。原来的栏目名称所在的位置就会出现悬停,按钮。,第,10,步：选定,按钮，,根据实际需要，拖动按钮周围的操作点，适当改变按钮的宽度和高度,。,保存,网页后，在,IE,窗口中浏览网页时，把鼠标指针移到,按钮上,，按钮就会出现,“反色发光”。,学习过程,仿照上述操作，制作其他几个栏目名称的悬停按钮。,练一练,学习过程,第,1,步：在编辑区中显示出首页文件的内容，把插入点移到栏目名称所在的单元格中（第,2,行）,。,第,2,步：依次打开“表格”菜单、,“插入”,菜,单,，单击其中的“行或列”命令，打开“行或列”对话框。,参照右图,选定有关的选项后,单击,按钮,，在表格中插入一行。,三,、制作滚动字幕,学习过程,动手做：在首页文件中添加下面的滚动字幕。,第,3,步：把插入点移到新插入的一行中，依次打开,“插入”菜单,、“组件”菜单，单击其中的“字幕”命令，屏幕上出现“字幕属性”对话框。,学习过程,第,4,步：在“文本”框中输入“博学而笃志，切问而近思。,”,第,5,步：适当设置方向、速度、表现方式、文本对齐方式、大小、重复次数、背景颜色等选项,。,第,6,步：设置好有关选项后，,单击按钮,，关闭打开,的对话框。,第,7,步；选定插入的滚动字幕，单击格式工具栏中,的按钮，,使字幕水平居中,。,第,8,步：利用,格式,工具栏,，适当设定滚动字幕的字体、字号及,颜色等。,学习过程,保存,并浏览网页，观察字幕的滚动效果,。,如果,效果不满意，可以单击网页编辑区左下角,的标签，,返回网页编辑窗口，然后双击滚动字幕。屏幕上弹出,“字幕属性”,对话框时，再进一步调整字幕的效果。,学习过程,在,网页中表格最后一行的上面插入一行，然后在该行中插入一条水平线，并适当设置水平线的粗细、颜色等。,练一练,学习过程,第,1,步：在编辑区中显示出首页的内容，然后选定页面中的文字“欢迎来信”及图标。,四、添加电子信箱地址超链接,学习过程,动手做：在首页文件中添加电子信箱地址超链接。,第,2,步：单击“超链接”,按钮，,出现“创建超链接”对话框时，单击“制作发送电子邮件的超链接”,按钮。,学习过程,第,3,步：屏幕上弹出“创建电子邮件超链接”对话框时，在输入框中输入电子信箱的地址，然后,单击按钮,，返回“创建超链接”对话框，输入的电子邮件地址会出现在“创建超链接”对话框的“,URL,（,U,）”选择框中。,学习过程,第,4,步：单击对话框中,的按钮,，选定的文字就与输入的电子信箱地址建立了超链接,。,此后，在,IE,浏览器,窗口中浏览网页时，单击文字“欢迎来信”或图标，屏幕上会弹出一个新邮件窗口，收件人地址栏里已经自动填好了收件人的电子信箱地址。这时，就可以开始写邮件的内容了,。不是,使人,感到,眼花缭乱,，,就是使人感到单调乏味。一般说来，色彩要和内容相协调，不同的颜色会给浏览者不同的心理感受。例如，红色给人以热烈、活泼的感觉；绿色使人产生和睦、宁静、安全的感觉；黄色具有快乐、希望、智慧和轻快的个性；蓝色可以营造凉爽、清新而浪漫的气氛；白色给人洁白、明快、纯真、清洁的感觉；黑色是一种深沉、神秘、寂静、悲哀、压抑的色彩,学习过程,此外,，网页中不要使用过多的色彩，应尽量把要使用的色彩控制在,4,种以内。太多的色彩会给人以凌乱的感觉，不利于突出主题,。,黑,、白、灰色一般可以与任意一种色彩搭配。白字黑底、黑字白底都非常清晰明了。当感觉两种色彩的搭配不协调时，试着加入黑色或灰色，有利于两种相对色彩的和谐过渡。,学习过程,1.,发挥自己的想像，完善“星星网上家园”首页,。,2,.,修饰班级网站的首页,。,3,.,修饰上一课完成的主题网站的首页,。,4,.,在因特网上查找有关网页布局原则、网页配色原则、网页设计原则等方面的信息，与周围同学讨论、交流后归纳出几条主要原则，并写下来。,课堂练习,谢 谢,
展开阅读全文