个人网站制作实例知识内容.pptVIP

（6）将光标定位到左上方的单元格中，单击“插入”栏中“常用”选项卡中的 按钮，在“选择图像源文件”对话框中打开tea文件夹中的image文件夹，在文件列表中选择bg_c1.jpg，如图19-19所示。 图19-19 （7）单击 按钮，将图像插入到单元格中，如图19-20所示。 图19-20 （8）将光标定位在左下方单元格中，再单击 图标，在打开的对话框中选择bg_c2.htm，单击 按钮将图像插入到单元格中，如图19-21所示。 图19-21 （9）用同样的方法在右边的4个单元格中单击将依次插入图像，如图19-22所示。 图19-22 （10）单击“吾茶吾心”导航图片，在其属性面板的“链接”文本框中输入wcwx.htm。 （11）用同样的方法，依次为其他3个导航图片建立链接。 （12）按【Ctrl+S】键保存页面文件，并按【F12】键预览效果，如图19-1所示。 制作“吾茶吾心”页面 “吾茶吾心”的页面主要介绍了制作者本人对茶文化的理解和感触。具体操作如下。 （1）在“文件”面板中双击“wcwx.htm”打开该文件。 （2）单击“插入”栏中“布局”选项卡中的 按钮，再单击 按钮，此时光标变成“+”，在页面中按住鼠标不放拖动绘制出一个布局表格，如图19-23所示。 图19-23 （3）单击 按钮，按住【Ctrl】键，连续绘制出如图19-24所示的单元格。 图19-24 （4）将光标定位到第一个的单元格中，单击“插入”栏中“常用”选项卡中的 按钮，在“选择图像源文件”对话框中打开tea文件夹中的image文件夹，选择dh_c1.jpg，单击 按钮将图像插入到单元格中，依次插入全部导航图像，如图19-25所示。 图19-25 （5）单击“吾茶吾心”导航图片，在其属性面板的“链接”文本框中输入wcwx.htm。 （6）用同样的方法，依次为其他3个导航图片建立链接。 （7）单击 按钮，按住【Ctrl】键，连续绘制3个单元格。 （8）将在Fireworks中制作好的图像切片插入到各个单元格中。 （9）按【Ctrl+S】键保存页面文件，并按【F12】键预览效果。 个人网站一般都希望体现制作者的个性，常常都需要用到一些特殊的字体，这时就需要将这些文本制作成图像，因为许多浏览者的计算机上并没有这些字体，浏览时将无法显示这些个性的特殊字体。 制作“茶诗茶文”页面 “茶诗茶文”的页面主要介绍了中国古代和现代文学作品中关于茶的诗歌和文章以及一些对联等。由于该页面与“吾茶吾心”页面在导航部分是相同的，所以可以将wcwx.htm页面文件复制，再将其改名为cscw.htm，具体操作如下。 （1）在“文件”面板中选中wcwx.htm页面文件，按【Ctrl+D】键重制一个wcwx.htm页面文件，如图19-26所示。 图19-26 （2）单击“拷贝于wcwx.htm”页面文件名，将其更改为cscw.htm，如图19-27所示。 图19-27 （3）双击cscw.htm页面文件打开该文件。 （4）将除了导航区域外的其他图像和布局单元格全部删除，删除后如图19-28所示。 图19-28 （5）单击 按钮，按住【Ctrl】键，连续绘制4个单元格，如图19-29所示。 图19-29 （6）分别在4个单元格中插入图像，插入后如图19-30所示。 图19-30 《Dreamweaver MX 2004 网页制作》 hanshi1211@ 第十九课 个人网站制作实例 课前导读 课堂讲解 上机实战 课后练习 课前导读 基础知识 重点知识 基础知识 利用布局视图布局个人主页，个人主页的内容策划。 重点知识 一个完整的个人主页的创建。 课堂讲解 制作分析 浏览网站 本课将利用前面所学的知识，构建名为“吾茶吾心”的个人网站，本网站以个人爱好——茶文化为主题，将网站的主题定位在比较小的范围内，并且跳出了以往个人网站的千篇一律的老模式。主要介绍了茶文化的几个方面，栏目的划分比较简单，网站的色彩和构图以古典的中国文化为主要构成元素，有着浓烈的个人特色。本网站包括首页、茶艺茶道、茶诗茶文和茶水茶具几部分。在构建本网站时，本章将从建立站点开始以步骤的形式详细介绍在Dreamweaver MX 2004中构建个人网站的方法。 制作分析 在制作本网站前应先在电脑中创建一个名为tea的文件夹，然后在该文件夹中创建image和org文件夹。image