《第2讲网页设计工具的基本操作》由会员分享,可在线阅读,更多相关《第2讲网页设计工具的基本操作(13页珍藏版)》请在金锄头文库上搜索。
1、上节回顾 了解Internet 熟悉网页设计工具 掌握简单的网页设计和制作 灵活运用网络资源第一页,共13页。http:/WWW.YZNU.CN第二页,共13页。 网页设计基础 Dreamwaver8.0开发工具的使用本节讲堂:网页设计基础和开发工具的使用网页设计基础和开发工具的使用第三页,共13页。1、网页设计基础 1.1设计网页的原则1.2网页基本元素的选择和搭配1.3网页设计的一般步骤 1.4网页布局类型 第四页,共13页。1.1设计网页的原则l 整体规划 l 鲜明的主题l 善用图像l 醒目的导航l 及时更新l 易记的网站名称l 通用网页l 动画适量 第五页,共13页。1.2网页基本元素
2、的选择和搭配 l 文本l 图片和动画 l 声音和视频 l 超链接 l 表格 l 表单 l 导航栏 l 其它常见元素 第六页,共13页。1.3网页设计的一般步骤 l 规划网站l 收集整理资源l 配置站点l 创建页面l 测试站点l 发布站点 l 维护、更新站点第七页,共13页。1.4网页布局类型 l “国”字型布局 l 拐角型布局 l 标题正文型布局 l 左右框架型布局 l 上下框架型布局 l 封面型布局 l Flash 型布局 第八页,共13页。2、Dreamwaver8.0开发工具的使用2.1网页设计工具简介2.2 Dreamwaver8.0工具的使用 第九页,共13页。2.1网页设计工具简介
3、 1.网页制作工具l文本编辑器 lFrontPage lDreamweaver lAdobe Pagemill 2. 图形图像处理工具 l Fireworksl Photoshopl CorelDraw3.动画与特效制作工具lFlash l3D Max第十页,共13页。 网页三剑客 :Adobe 公司的Dreamweaver、Fireworks 和Flash 系列产品,素有网页“三剑客”之称。它们是专门用于网页制作和站点管理的软件。其中Dreamweaver 被大家称为“织梦者”,众多专业网站和个人主页都把它列为首选工具。Flash 是“三剑客”中的“闪电”,其以网上动画为特长,它做出的动画效果真是精美致极。Fireworks 是“三剑客”中的“火焰”,它以处理页面图片为特长,并可以轻松制作GIF 动画。 第十一页,共13页。2.2 Dreamwaver8.0工具的使用(1)打开、关闭、保存、页面预览(2)软件界面的熟悉(3)新建一个html网页页面第十二页,共13页。上机练习 运行Dreamweaver 8软件进行网页设计工具的基本操作练习。练习过程中,运用课堂讲解的软件启动、新建网页、保存网页、预览网页、用IE浏览器预览效果和退出软件等知识点,进行综合练习。第十三页,共13页。