山东大学《网站设计与建设》课件第1章 Web设计综述
123页1、网 站 设 计 与 建 设Website design and developments第第1 1章章 WebWeb设计综述设计综述第一部分 Web基础知识3n网页、网站、主页、封页与超链接等基本概念nWeb比传统媒体所具有的独特特征 nWeb技术以及相关工具nWeb设计原则 概 述Web Web Web Web 设计最基本原则设计最基本原则设计最基本原则设计最基本原则Web Web Web Web 最小公分母设计原则最小公分母设计原则最小公分母设计原则最小公分母设计原则Web Web Web Web 页面布局设计原则页面布局设计原则页面布局设计原则页面布局设计原则Web Web Web Web 颜色设计原则颜色设计原则颜色设计原则颜色设计原则Web Web Web Web 字体设计原则字体设计原则字体设计原则字体设计原则 Web Web Web Web 设计设计设计设计深刻影响深刻影响深刻影响深刻影响1.1 Internet1.1 Internet与与IntranetIntranet nInternet又称为因特网,是一个全球性的计算机互联网络。它既是一个多媒体的通信媒介,又是一个无
2、限的信息资源。它由成千上万个不同规模的网络通过自愿原则采用TCP/IP协议互相连接起来的一个巨型计算机网络。 nIntranet是指企业内部网,它采用 Internet 的协议标准,应用 Internet 的现有技术建设的企业内部网络。 1.2 网页,网站,封页与主页nWWW的含义是环球信息网(World Wide Web),也简称为 Web网或“万维网”。 n网页 (Web Page)n网站 (Web Site) 也叫站点,是指在Internet上,由一组相互关联的文档和各种网页元素组成的集合。 n主页(Home Page) n超链接(Hyperlink) n超文本(Hypertext)6封页封页(Cover Page)(Cover Page)u在主页前面的网页,内容非常简洁,一般是在主页前面的网页,内容非常简洁,一般是简易抽象的绘图或简易抽象的绘图或flashflash动画,阐述网站当动画,阐述网站当下宣传的主题和意念,网站封页一般显示几下宣传的主题和意念,网站封页一般显示几秒的很短时间就自动跳转到主页或点击封页秒的很短时间就自动跳转到主页或点击封页也可以直接进入主页。也可以直接进
3、入主页。u现在很多网站开始流行现在很多网站开始流行“封页封页”设计,但网设计,但网站不一定一直有封页,封页一个网站顶多有站不一定一直有封页,封页一个网站顶多有一个。一个。u封页相当于书的封皮,主页相当于书的目录,封页相当于书的封皮,主页相当于书的目录,其他网页相当于内容书页。其他网页相当于内容书页。7封页实例封页实例Web2.0Web2.0 是相对Web1.0 的新的一类互联网应用的统称。Web1.0 的主要特点在于用户通过浏览器获取信息。Web2.0 则更注重用户的交互作用,用户既是网站内容的浏览者,也是网站内容的制造者。web2.0网站与web1.0没有绝对的界限。nweb2.0技术可以成为web1.0网站的工具,一些在web2.0概念之前诞生的网站本身也具有web2.0特性web2.0的核心不是技术而在于指导思想。Web2.0与其说是一种新技术不如说是一种新的理念博客(Blog)、维基(Wiki)等Web 3.0Web 3.0一词包含多层含义,用来概括互联网发展过程中可能出现的各种不同的方向和特征n包括将互联网本身转化为一个泛型数据库;n跨浏览器、超浏览器的内容投递和请求机制;n
4、人工智能技术的运用;n语义网;地理映射网;n运用3D技术搭建的网站甚至虚拟世界或网络公国等111.3 Web媒体新特征nWeb多媒体: Web是丰富多彩的多媒体 nWeb是非线性媒体:用户可以随时跳转到其他网页或网站,传统媒体是线性的。nWeb交互性:客户可与页面互动与被动地接受广播信息有本质的区别。n个性化 :可提供一对一的客户需求信息。n一对一关系:大众媒体的概念和应用对于Internet无效,传统媒体为广播式传播。nWeb主动性: 主动获得信息。nWeb平等身份:聊天、博客(部落阁)、BBS、在线游戏和电子商务等。 1211.Web媒体新特征-续nWeb即时交流:E-email、聊天、在线游戏等。nWeb提供电子商务:B2C、C2C电子商务网站。 n信息搜索能力:有强大的信息搜索能力 如google nWeb即时性:一旦信息发布,瞬间就可借助Internet传遍世界各地,传统媒体做不到的。nWeb采用B/S架构: Web站点发布与传统软件C/S不同,省时省力、便于维护与发布。n无需培训:易于浏览信息、不需要任何客户培训,无须安装与卸载客户端软件。nWeb信息易修改、传播速度快和传
5、播成本低。 nWeb充分使用原有信息:Web信息可以存于数据库中,传统媒体难于使用众多类信息和已有信息。131.4 Web技术和工具nWeb技术是人类所经历的发展最快的技术nB/技术:浏览器/服务器模式,所有页面信息和数据都放置在了服务器端,客户机上只需要有浏览器。 nWeb常用技术:HTML、DHTML、CSS、XML、AJAX 、JavaScript和Java Applets。 n网页设计工具:FrontPage、Dreamweaver、HotDog Professional、Netscape Communicator、IBM RSA、Eclipse、Web Page Maker和BEA WebLogic Workshop等。n由于HTML网页文件是一个纯ASCII文档,任何一个编辑器都可以编辑该类型文件 n最好的网站设计方法:手工编码加上所见即所得的工具。 141.5 Web设计最基本原则nWeb最基本设计原则:Web内容永远是第一位的,多媒体外观设计与设计技术始终是第二位的。Web内容是第一位的与Web客户是第一位的,是一致的。nWeb客户是指浏览网站的主要用户群。n站点在设计
《山东大学《网站设计与建设》课件第1章 Web设计综述》由会员东***分享,可在线阅读,更多相关《山东大学《网站设计与建设》课件第1章 Web设计综述》请在金锄头文库上搜索。
幼儿园大班科学活动《智能留言机》课件
幼儿园大班语言绘本阅读《手电筒看见了什么》PPT
幼儿园小班科学《教宝宝认识动物》课件
幼儿园中班语言《灰狼家的小饭桶们》教案
【国家审计报告】审计报告W-06审计处罚决定书
【企业财务管理办法】会计档案管理办法
【员工主动离职-风险防范】劳动争议判决书
【员工被动离职-后续工作】70-070员工违反有关商业秘密的约定可以索赔吗
【员工被动离职-辞退申请】第六节 员工任免通知书
【员工被动离职-后续工作】70-050因员工的原因使服务期无法完成可以索赔吗
企业岗位管理制度12办公室行为规范
企业岗位管理制度30离职人员薪资发放通知单
幼儿园春游活动美丽的公园教案
呼职院电力机车制动机讲义11高速列车和重载列车制动
武理工《运输管理》教案第1章 运输系统
中海大海洋化学讲义02海洋的形成和海水的组成——兼论地球上水的起源、变迁和循环
武理工船舶柴油机习题库及答案04燃油喷射和燃烧
厦大海洋生态学课件07海洋初级生产力
华北理工水声学课件05声波在目标上的反射和散射-1目标强度及常见声纳目标的目标强度的一般特征
武理工船舶结构与设备课件02船体结构与管系-4专用船特殊船体结构特点
2022-05-11 101页
2022-05-11 50页
2022-05-10 22页
2022-05-09 75页
2022-05-09 51页
2022-05-09 110页
2022-04-24 54页
2022-04-24 18页
2022-04-23 11页