巧用工具软件来制作精美动感页的探讨与实践.docVIP

巧用工具软件来制作精美动感网页的探讨与实践 [摘要]：针对Frontpage在网页排版、动态效果方面弱点，把网页界面划分为网站Logo区、横幅广告动画区、菜单按钮区、栏目内容区、图片区等，在教学中引入了多款小巧实用的工具软件，采取以Photoshop软件为主，其他实用工具制作各版区素材的模块策略，提高网页制作效率与技术水平。本文详细介绍了工具软件的特色、教学要求与应用心得。 [关键词]：网页制作 工具软件 版面布局 模块策略 [正文]：网页制作是高中选修3网络技术应用的一个重要内容，很多同学在学完网站规划、网站的设计后都会有产生制作一个精美、动感十足的网站的冲动，然而学完本册以Frontpage为主的课程后，制作出来的作品却一般，连学生自己都认为制作欠缺激情，据调查：烦琐的表格布局排版，让学生很难随心所欲地制作想象的页面；另外Frontpage在文字、图片动态效果功能较为简单，不能吸引活泼、追求技术的同学们。面对这种状况，我们在教学中引入了多款小巧实用的工具软件，采取以Photoshop软件为主，其他实用工具制作各版块的模块素材策略，充分弥补Frontpage排版复杂、动感少的弱点，实施几年多来，随着工具软件的日益增多，越来越体现这种策略的有效性，学生制作出了一批批具有特色的网站，下面我们分别介绍一下这些工具软件的特色、教学要求与应用心得，希望能对同行起个抛砖引玉的作用。 一、利用Photoshop软件打造精美、和谐的版面布局 Photoshop是一款大型图像处理软件，具有很强的图文处理功能，由Adobe公司开发设计。其用户界面易懂，功能完善，性能稳定。近年来随着设计者对网页界面的重视，它也成为网页制作不可或缺的设计软件之一。 Photoshop虽然用户界面易懂，但要制作一定的效果其操作还是比较复杂的，如恰到好处的本色填充，逼真的滤镜、样式效果，每一步均有复杂的参数设置，因此要学生完全掌握Photoshop设计是比较难的，然而Photoshop很多默认设置效果一样可让我们惊喜，觉得精美。对此我们对软件采取简化教学，让学生掌握基本的图像选取、组合、色彩调整操作；会用样式、滤镜设置一定的文字、图像效果；能用笔刷、钢笔、图形等工具绘制简单的创意图形；最后通过切片工具生成网页。这样学生就能在一个网页界面上随意放上图片、文字、图形，并设置一定的效果，制作出一个图文并茂、色彩和谐的网页。 具体教学时注意以下几点：1.合理规划标题区、按钮区、文字区、动画区，发挥Photoshop的布局设计作用。也就是说页面上不要放置网页全部内容，特别大量的文字，除非需要个性化的网站标题、栏目标题、按钮文本，它们需要制作一些效果，其他均可在网页制作中输入。2.页面不要有太多的渐变颜色，尽量用纯色绘制栏目内容、正方区，有利于减少网页容量大小。因为纯色图片在网页制作中可用单元格背景色替代这些图片，从而提高网页浏览速度。3.切片以网页内容为指导划分，有利于切片的合理使用。有的切片可直接作为文字、图片背景或去除，方便相应单元格内输入内容；有的切片也可作为其他内容的背景再次加工制作，保证页面的统一设计效果。 利用AAA LOGO软件制作内涵丰富的网页Logo 网页Logo是网站的眼睛，是学生最想创意设计的元素之一，Logo设计其实就是图形设计，在Photoshop中要对钢笔工具、路径操作比较熟练才能做到，当然还要创意。而AAA Logo软件用组合的方式为学生提供了创意的舞台，降低了技术难度。下面详细介绍一下。 AAA Logo 2008是一款功能强大的Logo设计软件，提供了60余种模板，2000多种素材。所有的素材都是向量图，可以方便地放大缩小。你也可以自己创作素材，用于设计。任何人，无论有没有创意，只需少量的点击即可将简单的形状和文字变成一个令人印象深刻的Logo。教学时只需要设定合适的图像大小尺寸，选好模板或自己组合，然后制作时逐个详细设置各元件的图像/图形属性、色彩、效果就可以了。 教学中需要注意的地方是最后生成图像时，可选择透明背景，方便图像再编辑，放入网页中时也不会影响网页背景。 利用光影魔术手软件快速美化照片与增加边框效果 图像美化与边框制作是Photoshop中比较难操作的内容之一，需要设计者有熟练的技术与创作力，它也是网页设计中必不可少的制作。光影魔术手就像变魔术一样简单单击鼠标就变成了，很是受学生喜爱。下面详细介绍一下。 光影魔术手是一款免费的照片画质改善和个性化处理的软件，好学、易用，不需要任何专业的图像技术，就可以制作出专业胶片摄影的色彩效果，特别对人像处理，有很多专业影楼才有的效果。教学时先打开图像，然后打开基本调整/数码暗房/边框图层，单击相应效果，再设置相应参数就可以。主要界面如下： 教学时需要提醒学生原图像的大小与色彩，以及需要