- 1、本文档共22页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第1章 网页设计初体验 网页设计是一门综合性技术,包含许多方面的内容。它包含程序设计、美术设计及其他媒体技术。网页设计看似复杂,但是,不管哪一种技术都有基础的一部分。任何技术都是从一定的基础上扩展而来。在学习网页设计之前,先学习与之相关的一些基础知识。 1.1 什么是网页 学习网页设计,首先需要了解网页这一概念。在此之前,需要先了解与网页相关的历史。 1.1.1 互联网 在20世纪70年代,互联网初露荷角。直到80年代,对其还在不断的研究中。到了90年代,商业运作的介入,改变了互联网的状况。互联网进入飞速发展时期。它的成长几乎是指数式的增长。直到现在,互联网发展依然是高速进行,人类社会生活因此也发生了翻天覆地的变化。 根据中国互联网络信息中心(China Internet Network Information Center,CNNIC)发布的《第十八次中国互联网络发展状况统计报告》显示,截止到2006年6月30日,我国网民人数已达到1.23亿,比同期增长0.12亿。 1.1.2 WWW(万维网) WWW即World Wide Web的简称,也称万维网,它是由分布在互联网上的成千上万个网页组成的网络信息系统。它为用户提供各种各样的信息和网络服务,是互联网中有着重大意义的产品。它的出现是互联网发展过程中的一个里程碑。据英国Netcraft公司的统计,截止2006年11月,全球互联网网站数量已达到100435253,超过了一个亿。平均增长速度几乎是每两年翻一番。 1.1.3 什么是网页 WWW服务是通过网页形式的链接向用户提供信息。网页又通过超链接连接到其他资源。网页中包含文本、图像、声音和视频等多种形式的资源,因此也叫超媒体。用户可以通过浏览器把信息显示出来。 所以,网页是通过许多规则把超媒体组织在一起的超文本文件,浏览器按照网页中的规则解释出来,然后把各种超文本元素显示在页面上。HTML语言是其中一种规则集,接下来讲解什么是HTML。 1.2 HTML惊鸿一瞥 超文本标记语言(Hyper Text Markup Language,HTML)是一种程序语言,它定义了一系列规则告诉浏览器如何显示HTML的元素。含有HTML元素集合的文件,也就是网页。 1.2.1 创建HTML网页 创建HTML网页是一件很容易的事。把HTML标签写在记事本里,然后保存扩展名为.html或.htm文件。 1.2.2 HTML结构 通过上面的实例,读者会发现编写一个HTML网页如此简单。 但是网页中的源码告诉浏览器如何进行显示,HTML结构又是怎样的呢? 一般HTML网页是以html标签开始,以/html结束。head…/head之间是网页头部,用来描述网页的相关内容,如网页标题、网页语言和网页内容简述等。 1.3 认识Dreamweaver Dreamweaver是Adobe公司开发的一款可视化网页设计和网站管理软件。可视化编辑功能可以快速制作出精彩的网页,而不需要编写任何代码。而且,它能与其他图形编辑软件紧密结合,协同处理编辑图片,使用起来非常方便。同时,它还支持代码编辑环境,如颜色代码、自动补全和代码折叠等,更方便地进行代码编写,支持最新的CSS可视化布局。 1.3.1 常用功能 经过Adobe公司不断地更新,目前最新的Dreamweaver是CS3版。下面介绍一下它的常用功能。 1.3.1 常用功能 代码提示。在编辑代码时,出现代码提示,用户可以选择需要的代码。这方便了代码的输入、提高了代码编辑的速度和网页开发的效率。 Spry工具。通过Dreamweaver CS3提供的Spry工具,可以快速创建符合Ajax(Asynchronous JavaScript + XML)的网页,极大地提高了设计效率。 1.3.2 操作界面 Dreamweaver CS3有着强大的功能,它的操作界面集成了各功能的操作元素,功能面板浮动于应用程序的窗口内,可以非常方便进行网页或网站编辑。它的简洁性和灵活性极大地提高了工作效率。这也是选择Dreamweaver CS3的重要原因。 在Windows操作系统下,Dreamweaver CS3的操作界面像其他标准界面一样,包含有除了标准界面的元素,同时还有特有的操作界面元素, 1.3.2 操作界面 1.3.2 操作界面 Dreamweaver CS3的操作界面是由标题栏、菜单栏、工具栏、状态栏、编辑栏,以及常用的浮动面板组等组成,这些界面排放合理,为用户提供了极大的方便。接下来详细地对各种常用面板进行介绍,具体如下。 1.标题栏 2.菜单栏 3.插入栏 4.文档窗口 5.状态栏 6.【属性】面板 7.【时间轴】面板 8.CSS面板 9.【文件】面板 10.【标签】面板
文档评论(0)