《网页设计01概念序言.ppt》由会员分享,可在线阅读,更多相关《网页设计01概念序言.ppt(36页珍藏版)》请在三一办公上搜索。
1、面对ing的设计,网络广告与网站设计,主讲人:王爽,面对ing的设计网络广告与网站设计,变化中的一些不变,面对ing的设计网络广告与网站设计,网页概念:,一种多媒体文档,可以包含文字、图片、动画、视频。通过一种叫做浏览器的软件观看。网页被制作完成之后存放在一种叫服务器的高性能电脑上,浏览网页的过程就是将网页从服务器上复制到用户的电脑上。,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,ing网页概念:,能够浏览网页的不只是计算机,随着无线网的诞生,网页能够被手机上安装的网页浏览器上进行浏览。而网页可以使用每台电脑上自带的免费软件,如微软的记事本等直接生成,而浏览器也已经
2、实现在每台电脑都能够免费安装,所有具有3G功能的手机也都全部安装有浏览器,网页有望成为文档的唯一格式。,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,网站:,一种特殊的文件夹,这个文件夹里包含有一个网址包含的所有网页文件以及在网页中显示的图片、动画、视频文件。由于文字占用硬盘空间非常小,在多数情况下是包含在网页之内,但也有一部分网站的文本是以纯文本的形式存在。也要一些网页使用的内容是通过技术手段显示其它网站的内容,需要标注引用,否则称为盗链。,面对ing的设计网络广告与网站设计,网址:,网站文件夹的名字,每个文件夹在世界范围内只有唯一的一组数字名称,通常由.间隔的四组
3、数字构成,例如:由于数字组合非常难以记忆,因此由每个网站的法人代表申请,国际组织给每个数字网址命名一个或几个便于记忆且与网站内容相关的名字,这个名字叫做网址。我们在浏览器上方地址栏输入网址,由网址服务器自动将这个名字指向对应的数字名称文件夹。,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,网站设计,面对ing的设计网络广告与网站设计,网站设计:,由于网页出现早期,网络传输速度极低,因此每个网页的内容非常少,而一个网页又不能承载全部内容,因此每页网页上有一个和其它页面的连接,用鼠标点击这个连接就会显示链接的页面。如果不点击链接就不会使用这个传输量,因为早期网络是按信息传
4、输量计费,因此如果读者可以选择看一个网站中的若干页面而不是全部。今天虽然已经不需要这样了,但这种内容加链接的设计已经成为网站约定俗成的设计模式。,面对ing的设计网络广告与网站设计,网站设计:,下面找了十个鞋类的网站,大家可以看出,这十个网站分别属于十个不同的厂家,但是页面的内容安排却是非常相似的。因此网站设计可以说是给昆虫设计外观,尽管昆虫千变万化,但是三节身子六条腿的基本特征不变,这种生物就还是昆虫。网站设计也一样,也是由每一页的内容和按照不同内容组织链接构成。,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络
5、广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,ing网站设计:,随着网速的加快,网页能够在手机上应用,新的网页设计理念,长单页的设计开始出现,我们使用的人人网,微博等就是没有链接的长单页网页设计。形成这种风格受到两个因素影响,第一是人人网或微博的内容是每个使用者自己组织内容,因此内容直接没有逻辑联系,无法使用链接归类。第二是手机的屏幕通常都是纵向长方形,因此看长度更长的网页更
6、加方便。,面对ing的设计网络广告与网站设计,ing网站设计:,同学们可以直接观看微博页面和人人网来体会这种变化。,面对ing的设计网络广告与网站设计,如何从事网页设计,面对ing的设计网络广告与网站设计,如何进行网页设计:,1997年之前,网页设计只有一个工具。,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,如何进行网页设计:,之后在微软office97套件中出现了一个软件frontpage97,使用者可以以类似于使用word的方式设计网页,只有会使用平面设计的排版类软件的设计师都可以利用这款软件设计网页。其后一家叫做Macromedia的软件公司开发了用于网站设计
7、的软件dreamweaver,以及配套的网页图像设计软件fireworks与网页动画软件flash。合称为网页设计三剑客。网页设计的可见部分几乎全部由网页设计师完成,面对ing的设计网络广告与网站设计,面对ing的设计网络广告与网站设计,如何进行网页设计:,随着网页在更多媒介上的播放,网页设计在外观上没有显著变化,但构成网页的程序语言却有了完全的变化。能够适应不同媒体的网页其后台语言已经到了一般艺术设计人员无法掌握的程度。因此在网页设计的团队中出现了一个新职位“前端设计工程师”网页设计软件也做了一些相应的调整。但在过程中出网页设计行业出现了非常大的变化。,面对ing的设计网络广告与网站设计,如
8、何进行网页设计:,首先是Macromedia公司被ADOBE公司收购,旗下的三款软件目前主要的改进是强化与ADOBE公司其它软件如PHOTOSHOP的兼容能力,在网页设计的方面没有更多的强化与改进。特别是fireworks作为和photoshop功能类似的软件,大部分功能已经被吸收进photoshop,因此我们主要使用photoshop设计网页。,面对ing的设计网络广告与网站设计,如何进行网页设计:,dreamweaver目前主要的提高点在于和adobe的其它软件兼容性更好,目前的版本没有太大提高,而且汉化程度仍然是Macromedia最后的版本8.0的质量最高,因此我们这次讲课仍然使用Ma
9、cromedia 的8.0版本。微软的frontpage由于生成的代码只能在ie中使用,今天的手机制造商很多使用的不是IE浏览器,因此在今天office集成包中出现了一款叫sharepoint的软件,比dreamweaver更像程序编写软件,有兴趣的同学也可以使用一下。,面对ing的设计网络广告与网站设计,Hello,the world,面对ing的设计网络广告与网站设计,一步步从事完整的网页设计:,在对于网页设计有了一个初步的认识之后,我们将通过建立一个非常简单的企业网站来学习网站设计的全部内容。之后通过设计更复杂,内容更丰富的网站来逐渐学习。,面对ing的设计网络广告与网站设计,谢谢观看!,Thanks!,