网页设计第六讲_设计网页的界面ppt课件.ppt

《网页设计第六讲_设计网页的界面ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计网页设计计算机应用专业《网页制作》班级网站的目录要求班级网站班级概况班级动态下载中心班级介绍干部团队班级新闻班级公告课程表上级文件班级制度成绩查询第一学期第二学期第三学期第四学期第六学期第五学期班级网站的内容要求班级介绍介绍班级的名称、所属系部、入学时间、专业名称、班级人数，以及班级现状。干部团队列出班干部名单和联系方式。班级制度介绍班级的一些规章制度，比如上下课时间、晚自习时间、请假制度。班级新闻关于整个班级或某个成员的一些好消息。班级公告要求每个班级成员注意的一些通知。课程表提供每个学期的课程表下载。上级文件提供一些重要文件的下载。成绩查询可查询各个学期、各门课、各个学生的成绩汇总

2、。1、图片的基本处理技术（1）改变图片大小第六讲设计网页的界面有时候，我们从网上下载图片，因为图片太大，用到网页上时需要把它的实际尺寸变小（不是在DW中把它调小而已）。修改图片实际尺寸的步骤：在fireworks中点击“文件”菜单，选择“打开”，然后选择要打开的图片，双击它；选择“修改”菜单，选择“画布/图像大小”；在“像素尺寸”中设置图像大小，设置前如果将“约束比例”勾选中，那么设置图像宽度时，高度将跟着改变，反之亦然；设置图像大小时，默认单位是“像素”，也可以更改为“百分比”，这样更方便控制图像的大小；修改完图像大小后点击“确定”，然后选择“文件”菜单，保存图像。第六讲设计网页的界面注意！

3、（1）改变了图像的大小之后，如果仍想保留原尺寸的图像，那么请不要直接保存这张图像，应该选择“文件”菜单中的“另存为”，为图像另外取一个名字，保存下来。（2）一般我们只把大图变小，而不会去把小图变大，因为小图变大后，图像效果将变得模糊，如下页图所示。第六讲设计网页的界面第六讲设计网页的界面【例】小图变大后，效果变模糊了。（2）裁取图片中的一部分第六讲设计网页的界面习惯上，我们把“裁取图片中的一部分”这样的操作，叫作“抠图”。第六讲设计网页的界面抠图一般需要先选取图像的一个部分，fireworks提供的选取工具有以下几种：矩形选取框：椭圆选取框：套索工具：多边形套索工具：钢笔工具：第六讲设计网页的

4、界面使用矩形（椭圆形）选取框进行抠图：（1）点击选取框工具，在图像上按下左键拖动，选定要裁取的范围（2）按CTRL+C，就可以将选定的图像部分复制下来（3）点击“文件”菜单的“新建”，就会创建一个与复制部分大小相同的新图像文件（4）在新图像文件上按CTRL+V，就可以将复制的部分粘贴进去（5）点击“文件”菜单的“保存”，将新图像命名保存即可。第六讲设计网页的界面使用（多边形）套索工具进行抠图：（1）点击套索工具，在图像上按下左键不放，沿着要裁取的部分划线，划出一个封闭的范围，然后再松开鼠标（2）按CTRL+C，就可以将选定的图像部分复制下来（3）点击“文件”菜单的“新建”，就会创建一个与复制部

5、分大小相同的新图像文件（4）在新图像文件上按CTRL+V，就可以将复制的部分粘贴进去（5）点击“文件”菜单的“保存”，将新图像命名保存即可。第六讲设计网页的界面使用钢笔工具进行抠图：（1）点击钢笔工具，在图像上按下左键，沿着要裁取的部分点击，直到形成一个封闭的范围（当最后一点遇到第一点时，会现出一个空心的小圆圈）（2）点击“修改”菜单，选择“将路径转换为选取框”（3）按CTRL+C，就可以将选定的图像部分复制下来，接下去的步骤与前两种方式相同第六讲设计网页的界面注意！要取消选取范围，只要按键盘左上角的esc键就可以了。第六讲设计网页的界面【练习1】对图像3.jpg进行抠图，裁取下来的部分保存为

6、3_1.png，效果如下图。3_1.png第六讲设计网页的界面【练习2】对图像zippo.jpg进行处理，要求：（1）把图像缩小为原来的66%；（2）使用套索工具进行抠图，裁取下来的部分保存为zippo_1.png，效果如下图。zippo_1.png第六讲设计网页的界面【练习3】对图像kf.jpg进行处理，要求：（1）把图像缩小50%；（2）使用钢笔工具进行抠图，裁取下来的部分保存为kf_1.png，效果如下图。kf_1.png（3）去除图片的一部分第六讲设计网页的界面有时候，我们不想把图片的某一部分“抠”出来，而是想把一些不需要的部分去掉。第六讲设计网页的界面如果我们想去除的部分颜色相近，可

7、以使用魔术棒，步骤如下：点击“文件”菜单，选择“打开”，打开要处理的图片；点击工具面板上的按钮，选择“魔术棒”工具；此时鼠标将变成魔术棒形状，用魔术棒单击图片上要去除的一个位置，此时图片上“颜色与所点位置相近的”区域会被选中，按下delete键，便可去除选中的区域；不断重复第三个步骤，将不要的区域去除干净，然后按esc键，将退出虚线框状态；最后保存图像即可。第六讲设计网页的界面注意！使用魔术棒之后