〔网页设计实用教程〕第01章.ppt

21世纪计算机系列教程 信息技术学院 柏晓辉 第1章  网页设计快速入门 学习目的： 网页设计的概念 主板网页设计软件 网页制作过程 建立网站的过程 HTML初步 本章概述： 我们经常浏览网页，可是网页究竟是什么？ 它是由什么做成的？如何自己动手制作网页呢？ 本讲先通过一个实例使读者初步了解网页及其制作的有关概念， 然后详细介绍网页设计、网站建设的入门知识， 最后还将通过实例简要介绍HTML的基础知识。 1.1在Internet上安个家 网页是什么 网页是扩展名为htm或html的文本文件。 HTML，即超文本标志（标记）语言。网页就是由它做成的。 一个十分简单的网页设计实例，最初步感性认识。 1. 用记事本写一个最简单的个人主页 2. 上传网页 CuteFTP 　　　　 3. 浏览网页 1-2-1 有关网页设计的概念 1. 网页与网站 网页：本质上就是html文件 网站：网页的集合，若干个html文件通过“超链接”连接在一起。 2. URL 统一资源定位器URL(Uniform Resource Locator)，描述了Web浏览器请求和显示某个特定资源所需的全部信息。 :80/news.html 传输协议 远程主机名 端口号 路径和文件名 3. FTP文件传输协议 文件传输协议（File Transfer Protocol，FTP） 遵循的是TCP/IP协议族 允许用户将文件从FTP服务器传输到客户机的过程称为下载；将文件从客户机传输到FTP服务器的过程称为上载 将提供FTP服务的计算机称为FTP服务器，用户的本地计算机称为客户机。 用户在访问FTP服务器之前必须进行登录， 登录时要求用户给出其在FTP服务器上的合法帐号和口令。 只有成功登录的用户才能访问该FTP服务器，并对授权的文件进行查阅和传输。 匿名FTP服务 匿名FTP服务器的实质是： 提供服务的机构在它的FTP服务器上建立一个公开帐户(一般为Anonymous)， 并赋予该帐户访问公共目录的权限，以便提供免费的服务 FTP客户端程序 三种类型：传统的FTP命令行、浏览器与FTP下载工具。 FTP下载工具支持断点续传功能。 FTP下载工具种类：CuteFTP、AceFTP、BulletFTP、WS-FTP HTTP下载工具 Netants、 GetRight、 NetVampire、 GoZilla Flashget（网际快车） 4. HTML Hyper Text Markup Languge 超文本标记语言 一系列的标记符号或希望显示在文件中的代码告诉浏览器如何显示文字、图形、影像、声音。是构成网页的主要工具。 5. HTML编辑器 用于创建和修改HTML文档的软件。 例如：记事本、Dreamweaver 6. 服务器 在网络上提供共享服务的设备设施。 7. 动态 HTML DHTML 用来创造和显示交互性、动态的网页的新技术 8. HTTP （Hyper Text Transfer Protocol ） 超文本文件在Internet上传输所遵循的协议， 9. 常用的Web图像格式 PNG GIF BMP TIFF JPEG TGA 1-2-2 网页设计软件 1. FrontPage Microsoft 类office 在处理动态网页方面功能不足 2. HotDog 美Sausage 简单易用 但不是所见即所得 3. 网页制作“三剑客” Macromedia Dreamweaver 可视动态网页制作和网站管理 Flash 矢量动画，体积小，便下载边播放，加入声音 Fireworks 网络图像处理，各种图像，PhotoShop的层 4. FTP上传工具 CuteFTP UnloadNow WS-FTP 5. 其他技术 JavaScipt与VbScipt（Visual Basic 描述语言） 实现网页特效 CGI（Common Gate Interface,通用网关接口） 动态响应用户的操作 ASP（Active Server Pages） 创建、动态交互的Web服务器应用程序 IDC（Internet Database Connector,网络数据库接口） 发布并与用户交互使用网络数据库 5. 其他技术 ADO (ActiveX Data Object) 结合ASP操作网络数据库 PHP (HyperText Preprocessor ) 编写跨平台的Web CGI程序的内嵌式语言 XML (eXtensible Markup Languge 可扩展标记语言) 描述结构化数据，直接处理Web数据