网页开发工具+网站规划与网页设计课件.ppt

《网页开发工具+网站规划与网页设计课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页开发工具及网站规划和设计上课要求课前预习将手机调到静音认真做笔记及时完成作业教学内容网站开发工具网站规划与网页设计网站策划版面布局设计色彩应用设计原则了解网页设计的三种工具软件了解如何规划和设计网页学习目标网页的开发工具Dreamweaver是建立站点和应用程序的专业工具。Flash是交互式矢量图和Web动画的标准。Firworks网页图形图像设计软件。Photoshop优秀而强大的图形图像处理软件。Dreamweaver是目前最常用的网站管理和网页制作软件，其功能全面、操作灵活、专业性强。另外，它还可以作为动态网站的开发环境

2、。比较常见的图形处理和动画制作软件有：矢量绘图软件CorelDraw，Illutrator，FressHand。动画制作软件GIFAnimator。特效字动画制作软件Cool3D。动画制作工具SwishMax。网站规划与网页设计从简单的个人网站到复杂的门户型网站，都遵循着一个基本的制作流程。网站的定位、策划、创意和风格，网站的版面布局、网页的色彩应用及网页的艺术原则等都直接关系到网站的生存和效果评估。网站的策划网站创建成功的关键，是网站建设和网页制作的第一步。目的是确定网站的主题、目标、规模、风格和类型。可以从网站的LOGO.网站

3、的标准色彩、宣传标语、网站的语气和人称、字体和符号设计等角度入手形成自己的、网站的风格。网站按功能和结构可分为：门户网站：新浪、搜狐、网易、雅虎等。职能网站：政府网站、电子商务网站，如中国外交部、淘宝网等。专业网站：音乐网、视频网、电脑网、汽车网等等。个人网站：带有明显的个人色彩，无论从内容、风格和布局上，都形形色色、保罗万象。网页布局设计网页制作本质上就是排版，是以浏览器作为阅读平台的电子出版物的图文排版。将单一静止的图文编辑添加了交互元素和多媒体元素。设计步骤：草案、效果图、定稿。草案创意阶段，在白纸上画图。勾画轮廓。不讲究细

4、腻工整，不考虑细节。可做几个草案，选择最满意的一张。效果图将主要的功能模块安排到页面上。功能模块主要包括网站标志、导航菜单、文章列表区块、搜索框、友情链接、广告条、版权信息。定稿将效果图布局精细化、具体化。对设计效果进行精加工。调整页面元素。布局设计原则正常平衡：匀称，左右、上下对照形式。异常平衡：非对照形式，但要求平衡和韵律。对比：利用色彩、色调等技巧来表现。凝视：利用页面中人物的视线，使浏览者仿照跟随的心理，达到注视页面的效果。空白：突出网站的优越感，同时可以减轻浏览者的阅读疲劳。正常平衡异常平衡对比凝视空白网页布局类型“工”

5、型：网页分为四大板块：顶部为站标加广告条，中间右面为推荐内容或二级栏目导航，左面显示内容列表，最下面为版权区。拐角型：上端的横幅网站标记加广告条与左列或右列的链接构成拐角。对称型：上下对称或左右对称。工形对称型拐角型网页的色彩应用按照下面的思路进行思考网站的风格定位根据网站的风格和选好的主色选择辅助色随着布局的不同感觉画面中色块的“轻重关系”随着网页制作经验的积累，网页设计者用色有这样一个趋势：单色→五彩缤纷→标准色→单色网页的色彩应用内容第一、形式第二重要信息要醒目突出网页文件的命名原则设置合理的网站目录确保链接的有效性流畅的访

6、问速度清晰的导航结构良好的兼容性慎用多媒体元素真实有效的客服信息作业网页开发工具有哪些？网页设计的步骤有哪些？布局设计原则有哪些？常见的网页布局类型有哪些？