案例一--简单个人网站的制作.doc

案例一--简单个人网站的制作

图9-3所示的欢迎界面 图9-4 站点定义界面一

图9-5 站点定义界面二

选择菜
案例一--简单个人网站的制作

图9-3所示的欢迎界面 图9-4 站点定义界面一

图9-5 站点定义界面二

选择菜单中“站点|新建”，弹出“站点定义为”对话框，如图9-4所示的站点定义界面一，在文本框中输入站点名称“first”，选择“下一步”，选取默认信息至“共享文件”选项，在“如何连接到远程服务器”下拉列表中选择“无”如图9-5 站点定义界面二，最终选择“完成”按钮。

右键单击文件面板的站点，弹出快捷菜单如图9-6所示。选择“新建文件”，修改默认文件名为“”，相同操作添加页面“”。

图9-6 新建文件 图9-7 站点结构图

将准备好的image文件夹复制到e：\first 文件夹下，在文件属性中，点击“刷新” 按钮
。Image文件夹会显示到文件站点中。如图9-7站点结构图。

左键双击“”页面文件，在“文档”窗口会显示“”页面，如图9-8所示。点击“属性”栏中的“页面属性”按钮，弹出页面属性对口话框，如图9-9所示。在页面属性对话框中，单击背景图像对应的“浏览”按钮，弹出“选择图片文件源”对话框如图9-10所示，选择“ ”图片；上边距和下边距设置成 “0像素”；在标题/编码分类中，标题文本框输入“我的主页”如图9-11所示。选择“确定”按钮完成页面属性的设置，界面效果如图9-12所示。

图9-8 index文件界面
图9-9 页面属性对话框一

图9-10 “选择图片文件源”对话框 图9-11 页面属性二
图9-12 页面效果

选择“插入|常用|表格”，图标为，在弹出的表格对话框中输入下列的属性。行数：3 ，列数2，表格宽度：800 像素，边框1像素。单击“确定”按钮后，显示效果如图9-13表格对话框所示。
图 9-13 表格对话框

（1）表格居中显示。将“属性”栏中对齐方式设置为“居中对齐”。
（2）合并单元格。左键选中表格第1行，右键单击|表格|合并表格，第3行操作相同。
(3）设置单元格属性。
1）单击表格第1行，在“属性”栏中设置单元格属性。如表9-1-1所以。

表9-1-1 第一行属性值
属性
垂直
背景
高
属性值
顶端
image/
180px
2）分别单击第2行第1个单元格，设置属性及属性值如下表。单击第2行第2个单元格，设置属性及属性值如下表。
单元格
垂直
背景颜色
高
宽
第2行第1列
顶端
#999999
350px
200px
第2行第2列
顶端
#000000
350px
600px
4）单击第3行单元格，设置属性及属性值如下表。
属性
垂直
背景颜色
属性值
顶端
#666666
表格设置完的效果如图9-13所示 。
图9-13 表格布局效果图

单击第2行第1个单元格，选择“插入|常用|表格”，选择4行，1列，宽度100%，在第2行，第2个单元格选择“插入|常用|表格”，选择8行，2列。并将第1列，第3行道第8行 合并单元格，对表格的操作后如图9-14所示。
图9-14在页面中插入表格效果图

在左侧表格的相应位置选择“插入|常用|图片”，选择图片“”，调整至合适大小；在右侧表格的第3行，第1个单元格选择“插入|常用|图片”，选择“”,设置图片属性，宽200px，高260px。效果图如9-15所示。
图9-15 插入图片效果图

在左侧表格“插入|常用|链接”，制作“我的首页”超链接，在对话康中输入相应信息如图9-16所示。同样，制作“我的相册”超链接，及“我的母校”超链接。并设置中对齐。

图9-16 我的首页的超链接