[互联网]网页设计基础.pptVIP

网页设计技术 成都信息工程学院 1 主要内容 课程介绍 教学安排 考核办法 参考资料 2 教学安排 《网页设计技术》（选修课） 学时：32（2学分） 讲授：20学时 上机：12学时 授课进度（10—15周） 3 教材 4 课程考核 全勤得满分。 旷课1次清零，请假、迟到-1分/次。 平时成绩（10%） 5次实验，每次20分。 实验成绩（20%） 每个同学完成1个网站的主页设计，详见《课程设计规范》 项目设计（70%） 5 学习资源 （网页设计师联盟） （天极设计在线） （设计联盟） （中国站长） （网页教学网） 6 网页设计课程相关知识 Web网站开发技术：早期CGI，SSI 现在ASP，JSP，PHP 　　　　　　　　　　　　　　　　　　　　　　　 Web网页开发技术：Frontpage，网页三剑客（DW，FW，FL），第三方软件 Web网页开发语言：HTML，DHTML，XML VBScript，JavaScript 图形图象处理：Photoshop，3Dmax，CorelDraw，ulead Gif Animator，swish 数据库：SQL，ACCESS，ORACAL 开发环境：记事本，DW，Visual S等 7 8 第1章 网页设计基础 第1章 网页设计基础 1.1 网页相关概念 1.2 网页制作工具 1.3 网页基本元素 1.4 网页基本类型 1.5 网站建设的流程 9 第1章 网页设计基础 1.1 网页相关概念 1、WWW World Wide Web，万维网，简称3W，是Internet的一部分，它基于超文本结构体系，靠网页传播信息。目的是让大家在不同地方用一种简洁的方式共享信息资源。 2、浏览器 要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。通过浏览器可以充分共享网络上的各种免费的资源。目前有Chrome、Firefox、Internet Explorer、Opera和Safari这5大主流浏览器。 10 第1章 网页设计基础 3、统一资源定位器URL（Universal Resource Locator） URL是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。简单地说，URL就是网络服务器主机的地址，也称作网址，它的一般书写形式为/index.htm，其中包括如下几个部分。 通信协议：也就是上面举例中的“http”部分，它包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。 11 第1章 网页设计基础 主机名：如“”，这是新浪网站的主机地址，另外一种书写主机的方法是用“41”IP地址的形式来表示，它们的作用是相同的。 所要访问的文件路径及文件名：如上面举例中的“/index.htm”部分。它指明要访问资源的具体位置。在主机名与文件路径之间，一般用“/”符号隔开。 在浏览器窗口的地址栏里输入的内容就是这里讲的URL了，它的3个部分并不是必需的，一般情况下，只需输入主机名（如“”），浏览器就会自动打开该网站的首页。 12 第1章 网页设计基础 4、文件传输协议FTP（File Transfer Protocol） FTP是一种快速、高效和可靠的信息传输方法。通过这个协议，可以把文件从一个地方传到另外一个地方，从而真正地实现资源互享。FTP是基于客户/服务器模型的TCP/IP（传输控制协议/Internet协议）的应用，它通过在客户端和服务器端建立TCP/IP连接，从而相互传输文件资源。 如果要将做好的网页上传到服务器，那么就必须使用FTP协议；如果要下载网页，那么执行此操作也要使用FTP协议。 在网络中还有很多优秀的传输协议或软件,如在网络中传输音影等文件的软件ＢＴ传输速度快，支持断点下。Flashget，下载加速软件等等。 13 第1章 网页设计基础 5、超文本标记语言HTML（Hyper Text Markup Language）简称HTML，它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 HTML语言最基本的特征就是超文本和标记，用HTML语言编写的网页文件的扩展名一般为*.htm或*.html。 6、IP地址 除了用URL来访问需要的资源之外，还可以使用IP地址来进行访问。每一台上网的计算机都有一个唯一标识主机的标识，这就是IP地址。IP地址是一组32位的数字号码，如“84”，这就是上网主机的地址。 14 第1章 网页设计基