高中初中
当前位置首页>校园生活>学习园地

数字媒体课程老师教你制作网页设计版面



来源:本站作者:超级管理员 时间:2021-12-09 浏览次数:2617次
       很多时候,我们需要给一篇文章配上一个好看的版面,让人耳目一新同时也是一种视觉享受。photoshop软件也可以制作版面设计,在数字媒体课程中,PS制作网页设计版面也是很重要的一个章节。用PS制作网页版面可以很好的控制和调整网页框架的布局或色彩的协调搭配,也便于整体的修改和局部的细致刻画,让网页设计更具个性化。在使用Photoshop制作网页之前,应对制作的网页有个初步的构思,等把大的色块做好后,再调整色块间的明暗度、对比度、饱和度进行调整,而后再把小的插件放到网页上,先整体后局部的制作过程。由于百度空间受文字字数(4000字)或图片大小(500KB)的限制,所以在网页框架的制作中尽量的简化其结构,图片的格式也尽量的选择GIF格式。还要考虑空间文章区像素的大小,本人空间的文章区宽度是950像素,所以本人的网页框架图片一般设置为920像素。

  下面跟着数字媒体课程中网页设计的老师一起来了解一下版面布局的步骤:

  首先是草案。新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔,当然用作图软件photoshop等也可以)。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张,最后选定一个满意的作为继续创作的脚本,一个初步网页草案就完成了。

  其次是对网页粗略布局。在草案的基础上,将你确定需要放置的功能模块安排到页面上。注意,这里我们必须遵循突出重点、平衡谐调的原则,将网站标志,主菜单等最重要的模块放在最显眼,最突出的位置,然后在考虑次要模块的排放。

  最后定案。将粗略布局精细化,具体化。根据自己的智慧和经验,多方位联想,制作出具有创意的网页布局。

  网页框架完成后,下一步就是做成适应网页框架的背景图,可以用PS将整图切割成4部分,这里你可以根据自己的构思,进行切割,用PS完成框架的制作及切割后,就可以用FrontPage2003搭建我们的网页了,该软件可以在OFFICE安装光盘里可以找到,你只要会word,相信这个也不难掌握。

 数字媒体课程中用PS制作网页设计

    打开FrontPage 2003-新建-文件,使用“插入表格”,插入1列4行表格(这里根据框架背景图数而定),选中表格,右键-表格属性,将单元格衬距、单元格间距、边框粗细设置为0,再选中“指定宽度”,选“像素”,把该值设为“920”(这里也是根据你的框架宽度的像素而定的)选上第一行,右键-单元格属性-选上“使用背景图”,打开你上传到空间里的图片,将背景图片的地址复制粘贴到地址栏里,再根据图片的高度,点选“指定高度”输入图片的高度(像素)值。以此类推,选中第二行,方法同上。在设置第三行(文章区)时,可以不设定高度值,其高度是有文章内容而定的。

    完成总体框架的设定后,就该对每个单元格进行细部编辑了。第一行的LOGO区,有“文章索引”、“常用查询”等各项的超级连接的编辑,处于对版面的美观,文字使用的图片形式,加入连接就不能用文字类型的超级连接,只能放入图片制作超级连接,为不影响版面效果,这里使用的是“透明的图片”,这在PS中很容易做到。然后在对LOGO区和文章区进行编辑,调整好对其方式、分布、段落、超链接和主文章区的编辑等。在文章区的编辑中分为文章区和左侧文章连接区,这样可以使版面不至于太单调,即丰富了页面的内容,又使版面更美观。


相关信息:


校园生活
咨询 初中生 高中生 在职提升
学校地址:山东省临沂市河东区汤头镇华太街与神泉路交汇向北 乘车路线: 1、从长途汽车总站乘33路转乘206、211路到汤头高中下车即到2、从火车站乘车至河东车站转乘206、211路到学校驻地下车即到。 3、卫星导航,输入"临沂电力工程技术教育学校"。
4、高速路出口:日东高速(沂南站)、京沪高速(临沂站)、长深(青临)、高速(临沂东站)。