第1章网页设计与制作基础.ppt

第1章 网页设计与制作基础 1.1 网页概述 1.2 网页相关术语 1.3 网页基本元素 1.4 网页制作与美化工具 1.5 网页制作的原则与步骤 1.6 应用实例——用写字板制作网页 本章总结 习题一 　　1．上机要点　　在制作过程中主要用到写字板程序，效果如图1.6.1所示。 　　2．上机目的　　学习使用Windows系统中的写字板程序编辑简单网页。　　3．上机操作　　（1）单击“开始”按钮，选择“所有程序”→“附件”→“写字板”命令，启动写字板程序。　　（2）在写字板中输入HTML代码，如图1.6.2所示。 　　（3）选择“文件”→“保存”命令，弹出“保存为”对话框。　　（4）在“文件名”下拉列表框中输入“音乐介绍.htm”，单击“保存”按钮将其保存。　　（5）找到该文件，双击鼠标左键在IE浏览器中将其打开，效果如图1.6.1所示。 　　本章主要介绍了网页设计与制作的入门知识，包括网页概述、网页相关术语、网页基本元素、网页制作与美化工具、网页制作的原则与步骤等。通过本章的学习，读者应该了解什么是网页，以及网页的基本组成。 　　一、填空题　　1．__________的英文名称为Web Page，它是用户通过浏览器在Internet上看到的页面。　　2．在浏览器中，默认的中文字体为宋体，英文字体为__________。 　　二、选择题　　1．网页的基本元素包括（ ）等。　　A．导航栏 B．图片　　C．色彩 D．文本　　2．网页制作与美化工具包括（ ）等。　　A．Dreamweaver B．Flash　　C．Fireworks D．Photoshop　　三、上机操作题　　1．使用IE浏览URL为的网页。　　2．上网浏览一些著名网站（如搜狐、网易、新浪、ChinaRen等）的主页，了解一下构成这些网页的基本元素。 补充1：网页发布的一般过程 1．网页发布的方式 ⑴ 直接拷贝 ⑵ 利用FTP工具传输 常用的FTP传输软件：CuteFTP、LeechFTP、QuickFTP、FTP Commander等。 ⑶ 利用开发工具（如Dreamweaver）的内置上传功能。 2．发布个人网页的一般过程 ⑴ 选择ISP申请主页空间。申请后会得到一个网页地址、FTP主机地址、用户名以及密码等资料。 ⑵ 上传网页文件。若使用FTP上传,需要在本地机安装一个FTP软件。上传文件时，需要提供申请得到一个网页地址、FTP主机地址、用户名以及密码等资料。 上传之后，即可通过浏览器访问网页。 CuteFTP使用简介 CuteFTP功能：集成文件上传、下载和网页编辑多种功能。 ⑴ 设置站点 启动CuteFTP—“文件/站点管理器” —启动“站点设置”窗口建立并设置站点。 说明：其中的“FTP主机地址”、“FTP站点用户名称”、“FTP站点密码”等信息要与申请主页空间时的相应信息一致。 ⑵ 建立远程连接 在 “站点设置”窗口中点击“连接”按钮，或者使用CuteFTP主窗口的“快速连接”功能，即可建立本地机与远程Web服务器的连接。 ⑶ 文件上传和下载 ① 文件上传：建立连接后，选中要上传的文件，使用“上传”命令，即可将本地信息上传到远程主机。 ② 文件下载：建立连接后，选中要下载的文件，使用“下载”命令，即可将远程主机的信息下载到本地机上。 申请主页空间步骤 第一步：打开/ 第1章 网页概述—小结 第二步：点击注册 第1章 网页概述—小结 第三步：输入注册信息，点击注册，然后在出现的窗口上点击确定 第1章 网页概述—小结 第四步：点击获取免费空间，然后在出现的窗口上，点击确定 第1章 网页概述—小结 第五步：出现如下界面，说明此空间申请成功了。 第六步：重新登录，点击绑定域名。 第七步：登录，进入如下界面。 点击增加使用时间 第1章 网页设计与制作基础 网络规划及艺术设计 　　在学习网页设计与制作之前，首先要知道什么是网页。网页的英文名称为Web Page，它是用户通过浏览器在Internet上看到的页面。通常所说的Home Page是指首页，即进入网站其他页面的“入口”。一个网站可以有多个网页，但只能有一个首页，如图1.1.1所示为“hao123”的首页。 1.1 网页概述 图1.1.1 “hao123”的首页 　　从文件角度讲，网页是一种由HTML语言编写的文本文件，所以网页文件又叫做HTML文件，其扩展名为.html或.htm。网页作为一种文本文件，可以用任意文本编辑器编辑，例如可使用Windows系统中的记事本程序，其操作步骤如下：　　（1）单