[第一章-网页设计基础.pptVIP

网页设计与制作 中南财经政法大学 张爱菊 教学要求 掌握基本的网页设计技巧 能独立建设简单的网站 掌握网站构建原理 初步掌握Html语言的用法 熟练使用Dreamweaver进行网页制作 第一章 网页设计基础 1.1 网页设计中的基本概念 1.2 构成网页的基本要素 1.3 网页制作常用工具 1.4 网页美化工具 1.5 建立网站的基本流程 1.6 网页设计艺术 1.1 网页中的基本概念 网站 网页 主页（首页） 静态网页 动态网页 --存放在网络服务器上完整信息的集合。包含一个或多个网页，这些网页以超级链接的方式连接在一起，形成一个整体，描述一组完整的信息。 衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度、网站的软件配置、网站提供的服务等几个方面考虑。 网 页 构成：文字、图片、动画、声音、超链接等。 编写语言：HTML,文档后缀”.htm”,”.html”,为文本文档，可用任何文本编辑软件进行编辑。 主 页 构成因特网的基本元素是网页，许多网页链接在一起就组成网站，每个网站的首页，即通过浏览器呈现的第一个页面被称为主页，一般命名为index.htm。主页是一个网站的标志，因此主页的制作效果非常关键。 静态网页 网页内容不会发生变化，不能实现与网页浏览者之间的互动，信息流向只能从服务器到浏览器。除非设计者自行修改网页的内容。 动态网页 能够实现与网页浏览者之间的互动，即由后台数据库提供实时的数据更新和数据查询服务。 BBS、留言板、购物系统、用户注册、搜索查询等通常由动态网页实现。 常用到ASP、JSP、PHP等程序设计语言。 网页的后缀名由编程语言决定：.asp,.jsp,.php。 1.2 构成网页的基本要素 文字标题、字号、字型 图片菜单按钮、背景图形（JPEG、GIF） 超链接超链接是网页中最根本的元素之一。 表格用来控制网页中信息的布局方式。 表单网页的交互功能都是利用表单来实现的。 声音和视频 MIDI、WAV、MP3和AIF等。 LOGO 横幅广告条 导航栏 Flash动画 1.3 网页制作常用工具 超文本标识语言（HTML） FrontPage Dreamweaver 1.4 网页美化工具 Photoshop Fireworks Flash 网站的制作 确定主题 网站的主题也就是网站的题材，是网站设计首先遇到的问题。 网站的定位要小，内容要精。 网站的题材最好选自己擅长或者喜爱的内容。 网站名称，是网站设计的一部分，而且是一个关键的要素，和现实生活中一样，网站名称是否正气、响亮、易记，这对网站的形象和宣传推广也有很大影响。 搜集资料 搜集建站需要的各种素材，这个工作要做充分； 素材的搜集要围绕主题展开。 网站的整体规划 进行网站的整体规划也就是组织网站的内容并设计其结构。 网页设计与制作 静态网页的设计与制作 为网页添加动态效果 测试与发布网页 当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。 测试与发布网页 所谓功能性测试就是要保证网页的可用性，达到最 初的组织设计目标，实现所规定的功能，浏览者可 以方便快速地寻找到所需的内容网页。完整性测试 就是保证页面内容显示正确，链接准确，无差错无 遗漏。 网站的更新与维护 1.6 网页艺术设计 网页版式设计 1.版式设计原则 (1) 统一 (2) 平衡 (3) 连贯和呼应 (4) 分割 (5) 对比 (6) 和谐 2.常见的网页布局 (1) 表格布局 (2) 框架布局 (3) 层布局 (4) 自由式布局 3.网页色彩设计 在网页中是以RGB方式来表示颜色的 。 在网页中合理运用色彩。 不超过3中颜色的原则。 常见问题 网页文本编排常规解决办法 Fireworks与Photoshop各自特点 在Dreamweaver中最好不要用中文命名的文件或者素材 * 序言 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation o