网页设计第一讲概论.pptVIP

第一讲、概述;网络的基础知识; 从国内Internet的发展现状来看，1994年4月，中科院计算机网络信息中心正式接入Internet，在10多年的时间里，中国Internet发生了飞速的发展，截至2006年底，我国网民人数达到了1.37亿，即每十人中就有一人是网民。10%的网民普及率将是互联网发展的高速拐点，突破10%之后，中国互联网将迎来更快速的增长期。另外网站数、IP地址等也迅速增长，分别达到84.3万和9800万。从域名、网站数、IP地址等增长情况来看，我国互联网资源得到了全面提升。 Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物等等，而其中WWW和E-mail是最常用的服务。;网络的基础知识;网络的基础知识;域名与IP地址;域名与IP地址;域名;表1.2 按地理区域分类的项级域名;补充知识点; URL由协议类型、存放资源的主机域名和资源文件三部分组成。Internet上计算机间的通信协议是采用TCP/IP(传输控制协议/网际协议)。而HTTP(Hypertext Transfer Protocol，超文本传输协议)是用来在Internet上传送超文本的传输协议，它运行在TCP/IP协议之上。HTTP定义了信息如何被格式化、如何被传输，以及在各种命令下服务器和浏览器所采取的响应。其他常用的协议还有文件传输协议FTP，远程登录协议Telnet等。 例如，新浪网址/index.htm中，http代表所使用的传输协议；.on为主机名，index.htm为要访问的主页的路径和文件名。 *注释*：网络协议是指计算机网络中相互通信的对等实体间交换信息时所必须遵守的规则集合。 ;URL与HTTP协议;浏览器与WWW网页;网页的编写语言—HTML;超 的 概 念;1.2 常用网页制作工具 ;1.2.2 Dreamweaver Dreamweaver是Macromedia公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网页制作人员所掌握。 Dreamweaver支持动态HTML技术，并采用了Roundtrip HTML技术，从而奠定了在网页高级设计功能方面的领先地位。 ;1.2.3 FrontPage FrontPage是Microsoft公司推出的网页制作工具。 ;1.3 常用的网页美化工具 ; （1）Fireworks可以用较少的步骤生成占用空间很小、质量很高的JPEG和GIF图像 。 （2）利用Fireworks修改图像非常方便。 （3）Fireworks无需借助其他工具就可以完成将一个图像转化为网页元素的全过程。 （4）Fireworks具有文件导出功能。 ;1.3.2 Flash Flash是Macromedia公司开发的用于矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 ;Flash的优点可以归纳为以下几点。 （1）Flash创建的图像体积小、质量高。 （2）Flash采用的是插件工作方式。 （3）Flash采用“流式”动画播放技术。 （4）Flash支持多种不同格式文件的导入。;1.3.3 Photoshop Photoshop是Adobe公司开发的图形处理软件，它是目前公认的PC上最好的通用平面美术设计软件，它功能完善、性能稳定和使用方便，所以在几乎所有的广告、出版和软件公司，Photoshop都是首选的平面制作工具。 ;网页设计与网站开发概论;网页设计与网站开发概论;访问主要网上书店系统 ;访问主要网上书店系统;熟悉网上书店的功能和工作流程 ;1.2.3　动画制作工具;1.3　网站建设流程;1.3.1　网站规划;1.3.2　网站设计;1.3.3　网页制作;1.3.4　站点的测试和上传 网站制作完毕，在本机上进行测试，查看网站上是否存在某些错误，如网站是否存在链接的错误，图片是否正常显示，网页程序代码是否有错等。 测试完毕，后用上传工具传到WEB服务器上。 1.3.5　站点更新和维护 要充分发挥网站的市场功能，及时更新最新的产品信息。一个企业要有专业的网站维护人员或交给专业的网络公司来承担这项工作。;　　 Web站点的设计是一项极具创造性、挑战性的工作。要想把它做好，开发者必须具备一定的艺术素养及计算机专门设计软件的使用经验。这样才能把适合的信息有效地传达给适合的受众