网页制作案例教程3-4章.pdf

第三章 个人简历 第三章 个人简历 第第三三章章 个个人人简简历历 本章学习要点 建立、编辑表格及设置其属性 布局表格 超链接 任务一 制作个人简历封面 【任务综述】 � 写好一份简历是求职过程中非常关键的一个环节，如何准备一份完 美而有力度的简历就变得十分重要。本任务要求设计一个简历封 面，插入到网页中。效果如下组图片所示： � 通过本任务主要实现： (1) 掌握插入图片的方法 (2) 掌握建立表格的方法 【任务实现】 � 个人简历的封面对整个简历起着不可忽视的作用，精彩的简历封面 可以为求职者赢得更多的机会。在学习封面的制作之前，首先欣赏 一组具有特色的简历封面。 任务一 制作个人简历封面 1. 制作个人简历封面 � 步骤一：在网页中建立表格 � 操作步骤： （1）打开Dreamweaver cs3 新建文件 fenmian.html， 切换到设计视 图， 在页面上“单击右键”|“页面属性”添加背景颜色如图3-9所 示。 任务一 制作个人简历封面 （2）在常用插入栏里面点击表格按钮，插入一个3行3列表格 并设置边框粗细为0,表格宽度为200像素，如图3-10所示。 任务一 制作个人简历封面 （3）选中插入的表格，在属性栏中设置对齐方式为居中对 齐，如图3-11所示。 任务一 制作个人简历封面 � 步骤二：制作标题、插入封面图片 � 操作步骤： （1）鼠标左键点击中间的单元格，设置中间的单元格属性宽420高600 （与要插入图片的宽、高对应），并调整整个表格的大小，鼠标左键 点击中间的单元格，然后在属性工具栏中，单击“背景”选项右边的 黄色文件夹，插入配套光盘“ch3\images\3-2.jpg”.如图3-12，3- 13所示。 任务一 制作个人简历封面 � 步骤二：制作标题、插入封面图片 � 操作步骤： （1）鼠标左键点击中间的单元格，设置中间的单元格属性宽420高600（与 要插入图片的宽、高对应），并调整整个表格的大小，鼠标左键点击中 间的单元格，然后在属性工具栏中，单击“背景”选项右边的黄色文件 夹，插入配套光盘“ch3\images\3-2.jpg”.如图3-12，3-13所示。 任务一 制作个人简历封面 （2）在第一行中间的单元格中输入 “我的个人简历”并选 中，在属性栏中设置文字居中对齐，加粗，字体，大小，颜 色，如图3-14,3-15所示。 任务一 制作个人简历封面 （3）按F12保存预览，如图3-16所示。个人简历封面 制作完成。 任务二 制作个人简历正文 【任务综述】 � 本任务要求通过表格布局来设计个人简历。通过 本任务主要实现：： （1）掌握编辑表格的方法 （2）学会设置表格的属性 （3）能够合理布局表格 任务二 制作个人简历正文 【任务实现】 1. 制作个人简历第一部分 任务二 制作个人简历正文 � 步骤一：表格布局 � 操作步骤： （1）打开Dreamweaver cs3新建一个网页 grjl1.html ，切换到设计图，按Alt+F6进 入布局模式。 （2）在【布局插入栏】中单击【绘制布局表格】按钮，在编缉区内绘制布局表格， 在属性栏中设置表格ID 为“T1”、属性宽700、高65