第四课:网页头部设计(1-文字效果) 演示 观看微课

童老师 8年前 2932 次查看 0 次讨论


学习目标
1. 学习使用文字组合设计网页头部;2. 学习将布局和内容分开制作的设计理念。

本节课将学习对网页的头部进行设计。网页头部设计主要涉及三种方法:文字格式的头部、图片格式的头部及动画特效的头部设计。文字格式的头部设计操作简单,容易修改,但受到网页字体的限制,无法实现个性化的需求;图片格式的头部设计可以根据设计者的需要,制作成各种字体各种样式的图片,需要设计者有一定的Photoshop基础,如果需要对头部进行修改,则每一次都需要对图片进行修改才行;动画特效的头部设计更生动、更吸引人,但对设计者的要求也更高,一般来说,动画头部设计通常使用Flash制作(目前网络主流动画特效使用Javascript和CSS3等设计,本套课程不涉及此知识)。

本节课主要介绍文字格式的头部设计

一、 选中第一个单元格,使用插入的常面板中的表格功能,设置插入的表格属性:行数2,列数1,宽度960像素,边框、边距、间距等设置为0。

注:在布局表格中再插入一个表格,然后在插入的表格中输入内容,可以避免一些不必要的麻烦、错误,也是为了使布局表格和内容表格各司其职,互不干扰。


二、 在添加的2行表格中,选择第一行表格,输入文字“人教版五年级语文上册”,然后在属性面板中设置字体大小为:36像素,字体颜色为红色(点击颜色方块可选择颜色),字体对齐方式为:靠右对齐。


三、 在第二个单元格中,输入文字“畅游诗歌乐园”,然后设置字体大小为:100(此处100数值需要手动输入),设置对齐方式为靠右对齐。


四、 预览效果:选择Dreamweaver软件设计窗口上方的蓝色小球,选择一个浏览器(或者直接按键盘上的F12键)可预览设计出来的效果。


最终效果图如下所示:



0

籍山中心小学及城西校区同学使用博文账号登录!