网页制作技术第二版许莉01.任务一设计网页.pptVIP

网页制作技术（第二版） 主编 许莉 中国水利水电出版社 馋死 PPT研究院 POWERPOINT ACADEMY * * 尚辅网 / 网页制作技术 任务一 设计网页 学习目标 了解网页设计的有关知识和术语，理解相关概念 熟悉网页构成的基本元素 掌握网页制作的基本原则和布局思想 了解网站开发的基本流程和制作步骤 上网浏览总结各种不同类型网页布局的特点 任务一 设计网页 目录： 知识1网页的有关术语 知识2网页的基本构成元素 知识3网页设计的基本原则 知识4网页设计的美学法则 知识5网页的布局原则 知识6网页的布局结构 任务1设计网站的标志（ Logo ） 任务2设计网站的宣传标语 任务3设计网站的标准色彩 任务4设计网站的标准字体 任务5设计网页 任务一 设计网页 知识1 网页的有关术语 1.网页（Web） 网页，也称为Web页，是万维网中的基本文档，它是用HTML（超文本标识语言）或者其他语言（如javaScript、VBScript、ASP、PHP、XML等）编写而成的。 知识2 网页的有关术语 2.网站（Site） 网站是指存放在网络服务器上的完整信息的集合体，它包含一个或多个网页，这些网页以超链接方式连接在一起，形成一个整体，描述一组完整的信息。 知识1 网页的有关术语 3.超文本（Hypertext） 超文本是一种使用用户 计算机之间进行交流的文本显示技术，通过对关键词或图片的索引链接，可以使这些带有链接的词语或图片指向相关的文件或者文本中的相关段落。 知识1 网页的有关术语 4.浏览器 浏览器是安装在电脑中（客户端）用来查看万维网中超级文本的一种工具软件。 5. FTP（文件传输协议） FTP是文件传输协议的英文缩写，是快速、高效、可靠的信息传输方式。 知识1 网页的有关术语 6.静态网页 静态网页是指浏览器与服务器端不发生交互的网页 7.动态网页 动态网页除了静态网页中的元素外，还包括一些应用程序，这些程序需要浏览器与服务器之间发生交互行为，而且应用程序的执行需要服务器中的应用程序服务器才能完成。 。 知识2 网页的基本构成元素 1.文字 2.图像 3.超链接 4.表格 5.表单 6.事件与行为 7.动画 8.框架 9.音频 10.视频 11.交互 知识3 网页设计的基本原则 1.主题鲜明 2.结构合理 3.形式与内容统一 4.技术与艺术统一 5.整体与局部统一 知识4 网页设计的美学法则 1.统一与变化 2.对比与调和 3.对称与均衡 4.节奏与旋律 5.单纯与秩序 知识4 网页设计的美学法则 1.统一与变化 2.对比与调和 3.对称与均衡 4.节奏与旋律 5.单纯与秩序 知识5 网页的布局原则 1.平衡 2.对比 3.疏密度 4.比例 5.凝视 6.空白 7.图片说明 知识6 网页的布局结构 1. “同”字型结构布局(Π型结构布局) 所谓同字型结构就是指页面顶部为“网站标志＋广告条＋主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。 知识6 网页的布局结构 2. “国”字型布局 国字型布局是在同字型布局基础上演化而来的，在保留同字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。 3. T型布局 页面的顶部是“网站标志＋广告条”，左面是主菜单，右面是主要内容。 知识6 网页的布局结构 4. “三”型布局 这种布局多用于国外站点，国内用得不多。特点是在页面上由横向两条色块，将页面整体分割为 3 部分，色块中大多放广告条、更新和版权提示 知识6 网页的布局结构 5.对比布局 采取左右或者上下对比的布局. 6. POP布局 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。 知识6 网页的布局结构 7. Flash 布局 整个或大部分幅面的网页本身就是一个 Flash 动画，它本身就是动态的，画面一般比较绚丽、有趣，是一种比较新潮的布局方式。 任务1 设计网站的标志（ Logo ） 任务2 设计网站的宣