首页 网上教程 开发资源 评价系统 学生调查
 

章节安排

网络组建与运行

   因特网的接入与管理 ——组建局域网

   组网要求

  教师讲稿

  拓展学习

  评价标准

  优秀方案

  学习心得

  因特网的应用

网站的开发

  1.网站的规划

 网站开发要求

确定主题和名称

 规划主要栏目

网站风格及布局

主题与色彩搭配

 素材的收集


当前页为--网页的美化

学习任务

  上一节课我们学习了DW的基本使用,这一节我们主要通过标题按钮的制作学习Photoshop的基本使用。并利用教师提供的网上学习资源自学综合应用Photoshop、Fireworks、Dreamweaver的使用,达到美化网页的效果。

 

教师讲稿 

(课本内容:P118-127)

使用说明:大写“P”自动播放/暂停,点击右半区域播放下一页,左半区域返回上一页。

拓展学习

资料 1 :关于网页图片的格式
资料 2 :“图形化网页” 教程(原创)
资料 3 :Photoshop的使用和Fireworks的使用
     见“网上教程
资料 4 :制作及练习素材见“开发资源

 

资料 1 :关于网页图片的格式

  印刷品上的图形图像不存在格式问题,但在计算机的数字图形图像的储存、交换技术上,图形图像的格式就显得十分重要了,没有统一的格式,图形图像就不能方便地在其他计算机上显示。网络上的图形图像更是受到网络传输速度的限制。如何使有限的带宽得到合理的利用,节省浏览者等候的时间,压缩图像文件是十分必要的。用压缩工具优化你的图像文件,可以加快网上访问速度,节省客观的上网费用,还可以节省磁盘空间。网页上图片的大小最好不要超过 60KB 。

   在网页制作时,首先要确定图像的格式。在 HTML 文件中,使用后缀名为 jpg 、 gif 、 bmp 等文件格式均可以显示出来。但绝大多数的网页选择前面的两种,因为这两种文件格式能对图像进行很大程度的压缩,使得产生相近视觉效果的前提下,图像文件的容量会小许多。但是, JPG 和 GIF 格式对于不同的图形图像的效果和尺寸有明显的差异。到底是使用 JPG 格式还是用 GIF 格式,取决于图像的具体情况。如果图像是使用扫描仪输入计算机的(当然也包括数字相机),这种图片中所用到的色彩比较多,这时候我们应该选择使用 JPG 格式来存储图形。如果图形是用 Illustrator 、 Freehand 等软件制作的,如卡通画、装饰图案、标题文字等,这时图像中所使用的色彩的色相熟练通常比较少,我们可以选择 GIF 格式。通常采样 50 %到 70 %的压缩率比较好(百分数越大,文件越小),当压缩率从 0 %上升到 50 %时,文件大小会急剧下降,而图形质量却变化不大。再加大压缩率后,图像会明显变差,而文件的大小却减少得十分有限。此外,还可以想办法在图像文件大小一定的情况下,让网上的浏览者可以耐心等待图像全部显示,其方法是采用隔行 GIF 和逐级 JPG 方式。

出处:《 < 网络技术应用 > 教学参考书》P128

 

 

 

               广东省佛山市第一中学  陈泳君 陈镜明 何妍  设计制作