第一章 网页制作基础幻灯片.pptVIP

主讲：QQ ： 第1章 网页制作基础 第2章 网页制作 第3章 动态网页设计 第4章 图像处理的基本操作(Fireworks) 第5章 Flash动画设计 第6章 网站的上传与管理 第7章 网站开发实例 本 书 概 述 授课方式：课堂讲解+学生协作学习 每3人一组，完成小组作品，进行课堂汇报（注明成员分工） 最后成绩： 卷面成绩60% 平时成绩40% 课堂考勤 实验报告（8次实验） 小组作品成绩（自评+他评） 网页制作的基本知识 Dreamweaver8 的工作界面 HTML命令 站点的创建 第1章 网页制作基础 一、网页制作的基本概念 WWW(World Wide Web，万维网)：以“超文本”方式将Internet上的数据连接在一起，使用户能以简单的方式交换世界各地的信息。通过网页来实现各种服务。 网页 (Web) ：它是由HTML语言或其他写语言编的，能够把超链接嵌入其中，使多个网页通过超链接方式关联在一起。 主页(Home page)常被命名为index.htm(index.html)或index.asp。 网站(Site)：就是一组相关网页的集合。多个页面彼此相连，组成完整的结构。 URL(Uniform Resource Locator)：统一资源定位符，即一个网站的完整地址。每个主页都对应一个唯一的URL，这样主页在网上才能被访问到。 协议名称：//服务器主机名称[：通信端口/文件目录/文件名称] 1.1 网页制作的基本知识 网络服务器名称 HTML(Hyper Text Markup Language, 超文本标识语言):它通过各种各样的标识来编排超文本信息。HTML文件基本上就是一种文本文件，可以用简单的文字编辑器(如记事本、写字板)来编写，文件的扩展名为.html或.htm。 浏览器(Browser) :是安装在计算机上的一种软件，通过它可以方便地看到Internet上提供的各种信息和服务资源，常用的浏览器有两种Internet Explorer和Netscape Communicator,简称为IE和NC。 超文本(Hypertext) :指具有超级链接功能的文件。它可以将文件中已经定义好的关键字，通过鼠标的单击取得该关键字的相关解释。目前大多数的文件是以超文本的方式提供给用户的。 超链接(Hyperlink) :是 WWW上的一种链接方式，通过单击某个图标或某段文字，就可以自动连接相对应的其他文件，从一个网页跳转到另一个网页。 二、常见的网页制作软件 1. 所见即所得的网页编辑工具 将HTML代码的生成自动化，最终生成的网页（HTML文档）的效果 最常见的网页编辑工具是Frontpage、Dreamweaver。 代码编辑工具（例如写字本、EditPlus等）——编辑asp等动态网页。 网络编程工具（javascript、java编辑器等） 2. 素材处理工具 Photoshop Fireworks Flash 1.菜单栏 2.对象面板——在网页中插入各种类型的网页元素 3.浮动面板组——是停靠在编辑窗口右侧的浮动面板的集合 1.2 Dreamweaver 8 的工作界面 4.编辑窗口——编辑网页时的主要窗口 项目选择标签 文档工具栏——用于切换编辑区域视图模式、设置网页标题、进行标签验证及浏览器中浏览网页等。 编辑区域——编辑网页和编写网页代码的区域，该区域有代码、拆分和设计3种视图模式。 状态栏——位于编辑区域的下方，其中包括标签选择器、选取工具、手形工具、缩放工具、设置缩放比率下拉列表框、窗口大小栏和文件大小栏等项目。 水平和垂直标尺——编辑网页时方便查看或定位网页中元素的坐标位置。 垂直和水平扩展按钮——分别位于编辑区域的右侧和下方，用于显示或隐藏编辑窗口右侧的浮动面板及下方的属性面板，以扩展编辑窗口的宽度和高度。 “属性”面板——用于查看和更改当前选择对象的各种属性。 1.3 HTML命令 1. HTML语言的基本语法 用一对尖括号“”中间包含若干字符命令表示，前一个“”为起始标记，后一个“ /”为结束标记，单元的名称和属性写在起始标记内。 基本组成 起始标记 标记中各单元的名称和属性 标记 作用 HTML…/HTML 最外层的标记 HEAD…/HEAD 标记HTML文档的页首 TITLE…/TITLE 设置网页标题 BODY…/BODY HTML文档的正文 hn…/hn 标题标记（n取1～6之间的正整数） P… /P 显示段落标记 BR 换行标记 Center…/Center 居中标记 u…/