网页的美化1

2020年1月19日2020年1月19日怎样才能使我们的网页修饰的更美观及个性化呢？2020年1月19日怎样才能使我们的网页修饰的更美观及个性化呢？通过添加共享边框、导航栏及主题的应用，可使网页更美观及个性化，增强其艺术效果。2020年1月19日一、添加导航栏三、主题的应用四、挑战自我五、小结六、作业第四节网页的美化二、共享边框的设置2020年1月19日（一）添加导航栏操作步骤：1、单击共享边框中的“编辑链接栏属性以便在此处显示超级链接”；2、单击“插入”菜单中的“导航”命令，弹出“插入web组件”对话框，如图1所示。2020年1月19日3、在“插入web组件”对话框中的“组件类型”列表中选择“链接栏”、“选择栏类型”列表中选择一种链接栏的类型，单击“下一步”按钮，选择“选择栏”的“样式”及“方向”，单击“完成”按钮，则弹出“链接栏属性”对话框，如图2图3图4图5所示；2020年1月19日5、在“链接栏属性”对话框中包括：“要添加到网页的超链接”及“附加网页”两项，选择相应选项，单击“确定”按钮，即可插入导航栏，如图6、图7所示。做中学实践与探索2:请同学们利用以上的操作方法将“wenxue”站点中的主页进行导航栏的添加操作。返回2020年1月19日（二）共享边框的设置“共享边框”是在网站的每个网页中，在共同的框架位置上显示相同的内容。操作步骤：1、启动Frontpage，打开站点，并打开主页。2、在“视图”菜单中选择“网页”视图。2020年1月19日3、单击“格式”菜单中的“共享边框”命令，弹出如图8所示的“共享边框”对话框。4、选择相应的选项。5、单击“确定”按钮，效果如图9图10所示。做中学实践与探索1:请同学们按以上的操作步骤，将已经打开的“wenxue”站点中的主页进行共享边框的设置。返回2020年1月19日或减小字号按钮来改变字的大小。（三）主题的应用通过设置不同的应用主题，可以改变网页的整体布局。操作步骤：1、打开站点中的网页；2、单击“格式”菜单中的“主题”命令，弹出“选择主题”任务窗格，如图11所示。2020年1月19日或减小字号按钮来改变字的大小。3、在“选择主题”列表框中选择一种主题，左侧“网页编辑区域”显示出该主题的效果，如图12所示：做中学实践与探索3:按以上的操作步骤，将“wenxue”站点中的当前网页设置为“饼图”的主题。返回2020年1月19日请同学们利用本节课所学内容将我所建站点“D：\初二（9）班”中的网页进行美化操作，使其充分体现出自己独特的风格。返回自主探索【挑战自我】2020年1月19日【小结】：本节课我们重点学习了网页美化的三种方法：1、利用共享边框和导航栏的设置来美化网页。2、利用主题的应用来美化网页。或减小字号按钮来改变字的大小。返回2020年1月19日【作业】：请同学们利用本节课所学内容将自己所建站点“D:\初二（9）班”中的网页进行美化操作，使其充分体现出自己独特的风格。返回2020年1月19日图1“插入web组件”对话框返回2020年1月19日图2“插入web组件”对话框返回单击2020年1月19日返回图3选择栏样式单击2020年1月19日图4选择方向单击2020年1月19日返回图5“链接栏属性”对话框2020年1月19日返回图6“链接栏属性”对话框单击2020年1月19日返回图7插入的导航栏2020年1月19日图8“共享边框”对话框返回2020年1月19日图9“共享边框”对话框返回单击2020年1月19日图10返回共享边框位置2020年1月19日或减小字号按钮来改变字的大小。返回图11“选择主题”任务窗格选择主题任务窗格2020年1月19日返回图12选择一种主题后的效果图主题效果