本节课将学习对网页的头部进行设计。网页头部设计主要涉及三种方法:文字格式的头部、图片格式的头部及动画特效的头部设计。文字格式的头部设计操作简单,容易修改,但受到网页字体的限制,无法实现个性化的需求;图片格式的头部设计可以根据设计者的需要,制作成各种字体各种样式的图片,需要设计者有一定的Photoshop基础,如果需要对头部进行修改,则每一次都需要对图片进行修改才行;动画特效的头部设计更生动、更吸引人,但对设计者的要求也更高,一般来说,动画头部设计通常使用Flash制作(目前网络主流动画特效使用Javascript和CSS3等设计,本套课程不涉及此知识)。
本节课主要介绍文字格式的头部设计
一、 选中第一个单元格,使用插入的常面板中的表格功能,设置插入的表格属性:行数2,列数1,宽度960像素,边框、边距、间距等设置为0。
注:在布局表格中再插入一个表格,然后在插入的表格中输入内容,可以避免一些不必要的麻烦、错误,也是为了使布局表格和内容表格各司其职,互不干扰。
二、 在添加的2行表格中,选择第一行表格,输入文字“人教版五年级语文上册”,然后在属性面板中设置字体大小为:36像素,字体颜色为红色(点击颜色方块可选择颜色),字体对齐方式为:靠右对齐。
三、 在第二个单元格中,输入文字“畅游诗歌乐园”,然后设置字体大小为:100(此处100数值需要手动输入),设置对齐方式为靠右对齐。
四、 预览效果:选择Dreamweaver软件设计窗口上方的蓝色小球,选择一个浏览器(或者直接按键盘上的F12键)可预览设计出来的效果。
最终效果图如下所示:
籍山中心小学及城西校区同学使用博文账号登录!