网页设计与制作.ppt
上传人:天马****23 上传时间:2024-09-10 格式:PPT 页数:25 大小:1.5MB 金币:10 举报 版权申诉
预览加载中,请您耐心等待几秒...

网页设计与制作.ppt

网页设计与制作.ppt

预览

免费试读已结束,剩余 15 页请下载文档后查看

10 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第一章网页设计基础知识1.1Internet基础1.1.1INTERNET的概述Internet起源于1969年美国国防部高级研究计划署协助开发的ARPANET。Internet在国内外的发展Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物等等,而其中WWW和E-mail是最常用的服务。1.1.2WWWWWW(WorldWideWeb)简称为Web或万维网,客户端只要通过“浏览器”(Browser)就可以非常方便地访问internet上的服务器端,迅速地获得所需的信息。如图所示:URL的一般格式为:“协议名://主机名[/文件夹名/文件名]”常用的协议名如下:HTTP:超文本传输协议,用于转换网页。FTP:文件传输协议,主要用于传输文件,许多提供软件下载的网站使用“FTP”作为下载的网址。MAILTO:传送E-mail协议,主要用于传输电子邮件。例如:http://www.sina.com.cnftp://ftp.newhua.commailto:duyonghong@163.com1.1.3网页与网站构建WWW的基本单位是网页。网页中包含所谓的“超链接”,通过已经定义好的关键字和图形,只要用鼠标轻轻一点,就可以自动跳转到相应的其它文件,获得相应的信息,从而实现网页之间的链接,从而构成了WWW的纵横交织的网状结构。通过超链接连接起来的一系列逻辑上可以视为一个整体的页面,则叫做网站。网站的概念是相对的,大的如新浪、搜狐等大的门户网站,页面非常多,可能分布于多台服务器上;小的如一些个人网站,可能只有几个页面,仅在某台WEB服务器的占据很小的空间。一个站点的起始页面通常被称为“主页”,主页是一个网站的开始,因此主页的好坏决定了这个网站的访问情况,一般主页的名称是固定的index.htm或index.html等。1.1.4域名与IP地址1.1.4域名与IP地址IP地址跟域名的关系域名的分类域名表1.2按地理区域分类的项级域名1.2网页制作工具1.2.2图形和图像处理工具目前常用的图形和图像处理工具主要:Photoshop及Firework。Photoshop的功能十分强大,是目前最为广泛的专业图形图像处理软件之一,它捆绑了ImageReady,能够实现各种专业化的图像处理、动画的制作等。Fireworks是由MacorMedia公司出品的首选WEB图形图像处理软件。它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等,可以生成FireworkHTML,直接导入到网页中,使用非常方便。本教材将在以后的章节做详细的介绍。1.2.3动画制作工具Flash是目前网页制作中最为出色的动画制作软件,它是一种交互式动画设计工具,用它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。Flash所使用的图形是压缩的矢量图形,采用了网络流式媒体技术,突破了网络带宽的限制,可以边下载边播放,这样避免用户长时间的等待,设计者可以随心所欲地设计出高品质的动画,Flash已经慢慢成为网页动画的标准,成为一种新兴的技术发展方向。本教材将在以后的章节做详细的介绍。1.3网站建设流程1.3.1网站规划一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的,确定网站的功能,确定网站规模、投入费用,进行必要的市场分析等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。1.明确建立网站的目标和用户需求2.确定网站的风格3.网站的技术问题1.3.2网站设计对网站进行详细的规划之后,就可进入到设计阶段。好的Web站点要做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣,突出网站的特点。1.网站的版式设计2.色彩在网页设计中的作用3.网页形式与内容相统一4.三维空间的构成和虚拟现实5.多媒体功能的利用1.3.3网页制作静态网页的制作:采用HTML(超文本标记语言)生成的网页,供浏览者浏览。此阶段需要根据设计阶段制作的示范网页,通过去Dreamweaver等软件在各个具体网页中添加实际内容,如:文字、图像、FLASH动画、多媒体文件等。这类静态网页缺少动态的交互,因此还需添加网页的交互性,即动态网页的制作。动态网页的制作:动态网页的编程目前常用的技术为.ASP\.PHP\.JSP等,实现客户端与服务器的交互。比如说:会员注册、信息查询、产品选购、留言、论坛等。1.3.4站点的测试和上传网站制作完毕,在本机上进行测试,查看网站上是否存在某些错误,如网站是否存在链接的错误,