《网页设计实用教程》第01章

《《网页设计实用教程》第01章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、21世纪计算机系列教程网页设计实用教程电子教案退出信息技术学院柏晓辉第1章网页设计快速入门学习目的：网页设计的概念主板网页设计软件网页制作过程建立网站的过程HTML初步本章概述：我们经常浏览网页，可是网页究竟是什么？它是由什么做成的？如何自己动手制作网页呢？本讲先通过一个实例使读者初步了解网页及其制作的有关概念，然后详细介绍网页设计、网站建设的入门知识，最后还将通过实例简要介绍HTML的基础知识。图1-1在“记事本”中输入代码图1-2另存为html文件图1-3在IE中看到的页面效果1.1在Intern

2、et上安个家网页是什么网页是扩展名为htm或html的文本文件。HTML，即超文本标志（标记）语言。网页就是由它做成的。一个十分简单的网页设计实例，最初步感性认识。1.用记事本写一个最简单的个人主页2.上传网页CuteFTP图1-4“站点管理器”窗口图1-5填写站点信息图1-6上传完成的效果3.浏览网页图1-7修改后的首页效果主菜单取消1-3-1保存网页中的图片（1）将鼠标移动图片上，单击鼠标右键；（2）在弹出的快捷式菜单中点击【图片另存为】菜单命令；（3）在弹出的“保存图片“对话框中选择合适的图片保

3、存路径，并将图片命名为自己容易查询的名字，最后单击【保存】按钮。1-3-2保存正在浏览的网页(1)依次单击IE浏览器菜单栏中的【文件】→【另存为】菜单命令，弹出“保存网页(2)单击【保存】按钮即可将这个页面连同其中的图片完整地保存下来。将网页中的信息复制到文档1-2-1有关网页设计的概念1.网页与网站网页：本质上就是html文件网站：网页的集合，若干个html文件通过“超链接”连接在一起。2.URL统一资源定位器URL(UniformResourceLocator)，描述了Web浏览器请求和显示某个特

4、定资源所需的全部信息。http://www.hlju.edu.cn:80/news.html传输协议远程主机名端口号路径和文件名3.FTP文件传输协议文件传输协议（FileTransferProtocol，FTP）遵循的是TCP/IP协议族允许用户将文件从FTP服务器传输到客户机的过程称为下载；将文件从客户机传输到FTP服务器的过程称为上载将提供FTP服务的计算机称为FTP服务器，用户的本地计算机称为客户机。用户在访问FTP服务器之前必须进行登录，登录时要求用户给出其在FTP服务器上的合法帐号和口令。

5、只有成功登录的用户才能访问该FTP服务器，并对授权的文件进行查阅和传输。匿名FTP服务匿名FTP服务器的实质是：提供服务的机构在它的FTP服务器上建立一个公开帐户(一般为Anonymous)，并赋予该帐户访问公共目录的权限，以便提供免费的服务FTP客户端程序三种类型：传统的FTP命令行、浏览器与FTP下载工具。FTP下载工具支持断点续传功能。FTP下载工具种类：CuteFTP、AceFTP、BulletFTP、WS-FTPHTTP下载工具Netants、GetRight、NetVampire、GoZi

6、llaFlashget（网际快车）4.HTMLHyperTextMarkupLanguge超文本标记语言一系列的标记符号或希望显示在文件中的代码告诉浏览器如何显示文字、图形、影像、声音。是构成网页的主要工具。5.HTML编辑器用于创建和修改HTML文档的软件。例如：记事本、Dreamweaver6.服务器在网络上提供共享服务的设备设施。7.动态HTMLDHTML用来创造和显示交互性、动态的网页的新技术8.HTTP（HyperTextTransferProtocol）超文本文件在Internet上传输所

7、遵循的协议，9.常用的Web图像格式PNGGIFBMPTIFFJPEGTGA1-2-2网页设计软件1.FrontPageMicrosoft类office在处理动态网页方面功能不足2.HotDog美Sausage简单易用但不是所见即所得3.网页制作“三剑客”MacromediaDreamweaver可视动态网页制作和网站管理Flash矢量动画，体积小，便下载边播放，加入声音Fireworks网络图像处理，各种图像，PhotoShop的层4.FTP上传工具CuteFTPUnloadNowWS-FTP5.其

8、他技术JavaScipt与VbScipt（VisualBasic描述语言）实现网页特效CGI（CommonGateInterface,通用网关接口）动态响应用户的操作ASP（ActiveServerPages）创建、动态交互的Web服务器应用程序IDC（InternetDatabaseConnector,网络数据库接口）发布并与用户交互使用网络数据库5.其他技术ADO(ActiveXDataObject)结合ASP操作网络数据库PHP(HyperText