6.3 星相学网站首页：星座物语（课件）-高二《网页设计与制作》同步教学（劳动版）

6.3.1 基本概念 6.3 星相学网站首页：星座物语 　　使用CSS来新建一个美丽的星相学网页，里面包罗了形象学研究的新动态，以及关于星座运势的一些猜测，并综合之前学过的表格插入等技术 。制作一个更为相信的星座介绍网站。 6.3.2 上机操作 制作星座主页的导航条 选择附加CSS样式，装饰主页 制作星座介绍的表格 应用CSS样式，制作表格 6.4.1 基本概念 6.4 商务网站首页：网上商城 电子商务现在在中国正如火如荼地发展着，原来习惯去商场购物的白领人士，现在更热衷于在网上通过订购和网上银行进行支付。这个生活方式的改变现在虽然还不是很彻底，还有很多人不习惯用电脑，但是可以看到，随着由电脑伴随着长大的这一代人的兴起，电子商务，网上购物会更加深入人心。本例就指导大家制作一个电子商务的网站首页。 6.4.2 上机操作 制作标签式导航栏 CSS样式的应用：选择菜单栏中的【窗口】|【CSS样式】选项，打开【CSS样式】的浮动面板。单击面板右下角的【附加样式表】按钮。 添加菜单和按钮 依靠JavaScript代码添加网页的活动背景 6.5.1 基本概念 6.5 旅游站点首页：旅行家 插入一些FLASH资源，可以让静态的网页更有活力。在旅行网的制作中，最重要的就是给浏览者提供一种对美景向往的感觉，如果网页制作的还是纯静态图像和文字就不能吸引浏览者了。当然，也不要插入过多的动态效果，这样会适得其反，让浏览者感到反感。 l           插入FLASH 制作活动幻灯片 6.5.2 上机操作 网页的规划。首先需要明确制作旅行网页的目的。 插入FLASH动画 使用不同的颜色来区分不同的栏目 插入一个导游跳转菜单，介绍各地旅游景点 利用时间轴工具，制作旅游景点幻灯片 6.6.1 基本概念 电脑硬件门户制作得好，可以很好的提升品牌形象，并且帮助新的产品推开市场之门。好的硬件资讯网页可以提供给浏览者最新的电脑资讯，同时也提供在线的服务。电脑硬件的资讯平台很多，这里选择联想电脑的网站制作示范电脑硬件网站的制作方法。 插入FLASH文件 表格的综合排版 6.6 电脑硬件资讯首页：电脑硬件 6.6.2 上机操作 搭好框架，插入FLASH 将光标置于表格“附表1”的第2个单元格中，同样的给第2个单元格设定一个背景图像，单击单元格【属性】面板中【背景】文本框后的按钮，选择图片“1b”。 单元格内设置背景 插入表格，区分网页中各个功能区域 使用CSS样式 完成局部的修饰 插入广告 一些制作惯例：底部留联系方式…… 6.7 总结提高 本章的前主要介绍了静态网页的制作，通过制作静态网页的学习，读者可以制作出花样翻新的网页布局形式，网页中主要用到的表格、框架和层对象在这些内容中都使用到了。在制作过程中，穿插着讲述了一些制作技巧，以及经常在Internet网页上出现的新奇网页制作效果。读者通过学习这些技巧，也可以应用到其它形式的网页上，美化和增加网页的趣味性。 6.8 本章习题 1．在Dreamweaver中，插入换行符的快捷键是___________________。 2．文本列表有_________________和_________________两种形式。 3．CSS样式选择器类型有_________________、_________________和_________________三种形式。 4．文本属性栏打开方式有_________________。 A． 按组合键【Ctrl】＋【F3】 B． 执行【窗口】|【属性】命令 C． 单击主窗口状态栏上文本属性栏快速启动按钮 D．右击网页的空白区域，在弹出的属性栏快速启动按钮 5．如果在【页面属性】对话框中同时设置背景图片和背景颜色，则在浏览网页时该网页会显示_________________。 A．背景图片 B．背景颜色 C．都不显示 D．背景图片和背景颜色 6．“回车”换行和“换行符”换行有什么区别？ 7．在Dreamweaver中设置连接的路径包括：_______________、_______________、_______________。 8．通过_______________的方式可以使各个网页之间联系起来，是网站中众多的页面构成一个整体，使访问者能够在各个页面之间进行跳转。 9．超连接是由两个部分组成的，一部分是在浏览网页时看到的部分，称为_______________，另一部分是超链接所链接的_______________。 10．创建超链接可以链接到不同的目标，在网页中创建超链接的目标有：_______________、_______________、_______________、_____