网页设计中图形工具使用与页面布局实践.pdfVIP

专业能力目标

通过学习该知识点，学生能熟练用图形工具的在文档中绘制

图形。

方法能力目标

举一反三，遇到问题能独立思考，并借助各种工具、资

源探索问题的解决途径。

社会能力目标

培养学生良好的与人沟通能力及团队协作精神、发现问题、

分析问题和解决问题的能力；培养学生勇于创新、爱岗敬业

的工作作风；培养学生良好的职业道德。

知识要点：

1、图形工具的使用。

2、图形的颜色填充方式。

案例及任务

工作情境描述：

某育儿公司为了能够好的与家长们进行有效沟通，特委托网络

公司为自己打造一适合该公司的，要求设计师在与顾客充分沟

通后，在3天内制作完成该的制作，交付顾客。

学习任务：

学生在的指导下，在上一个学习任务中新建的文档里绘制

简单的图形，进行网页布局和页面修饰，如效果图17-21所示。

任务实施过程：

步骤一：打开文档

步骤二：绘制简单的图形，进行网页布局和页面修饰

首先，选择中的圆角矩形工具，如图17-12所示，选择后，回到

设计区域中，鼠标变成十字形状，在需要绘制图形的位置，按下鼠标左键

进行拖动，到达目标位置松开鼠标，得到一圆角矩形，如图17-13、14所示。

图17-13“文档”窗口

图17-12”“

图17-14“文档”窗口

然后，选中所绘制的矩形，在属性栏中选择填充类型为“线性”渐变，

如图17-15所示，最后点击“油漆桶”图标后的颜色块，弹出“颜色”设置

窗口，鼠标点击第一个颜色滑块，弹出“调色板”，如图17-16所示，设置

其颜色为：#99CFE8，依次设置第二个颜色滑块的颜色值为：#0088F6，最

终颜色渐变的效果图如17-17所示。

图17-15

图17-16

图17-17

最后，选中所绘制的矩形，在属性栏中选择“滤镜”中的“阴影和光晕”

下“投影”选项，如图17-18所示，并设置其值如图17-19所示，最终效果图

如17-20所示。

图17-19

图17-18

图17-20

小任务：

通过绘制简单的图形，对“首页”页面进行修饰，如下图17-21所示。

图17-21“首页”窗口

课后练习

1、圆角矩形工具在（）工具组中。

2、在Fireworks中，让图形有阴影效果是运用属性栏

中的（）。