网页制作技术教程 第1章 网页制作基础.ppt
《网页制作技术教程 第1章 网页制作基础.ppt》由会员分享,可在线阅读,更多相关《网页制作技术教程 第1章 网页制作基础.ppt(28页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第四章第四章 电子表格电子表格ExcelExcel贺军 向子明 主编21世纪高职高专规划教材网页制作技术教程第第第第1 1 1 1章章章章 网页制作基础网页制作基础网页制作基础网页制作基础 本 章 教 学 目 的(1)熟悉网页的基本概念及网页的制作工具(2)熟悉Dreamweaver 8 的工作界面(3)掌握HTML命令(4)掌握站点的创建和管理目 录第一讲 网页制作的基本概念及窗口第二讲 HTML命令及站点的创建 WWW(World Wide Web):):万维网的英文缩写,它以“超文本”方式将Internet上的数据连接在一起,使用户能以简单的方式交换世界各地的信息。WWW服务的出现,使得
2、Internet风行全球,其主要原因是:即使不懂计算机的人也能借助浏览器在网上获得信息;可以在家里上网购物、炒股、聊天、办理银行转账、收发信件等,它的服务主要是通过网页来实现的。网页网页(Web):在浏览器上看到的画面叫网页,进入网站后所看到的第一个页面称为主页(Home page)。一般网上能识别的主页名称为index.htm(index.html)或index.asp。网页是用HTML语言或其他语言编写的,它的出色之处在于能够把超链接嵌入其中,使多个网页通过超链接方式关联在一起。网站网站(Site):就是一组相关网页的集合。设计者设计了几个网页,并且经过组织规划,让网页彼此相连,以便让In
3、ternet上的人都能看到,这样的完整结构称为网站,所以,当有人说要制作主页时,通常指的是要建立一个网站,并非单指一个页面。1.1.1 网页制作的基本概念 URL(Uniform Resource Locator):统一资源定位符,简单地说,它就网络上一个网站的完整地址。每个主页都对应一个唯一的URL,这样主页在网上才能被访问到。URL是有统一规则的,它的语法格式如下。协议名称:/服务器主机名称:通信端口/文件目录/文件名称 其中协议名称就是这个 URL所连接的网络服务器名称。例如,Http就是指WWW上的存取方式。HTML:是英文Hyper Text Markup Language的缩写,翻
4、译成中文是“超文本标识语言”,它通过各种各样的标识来编排超文本信息。HTML文件基本上就是一种文本文件,可以用简单的文字编辑器(如记事本、写字板)来编写,文件的扩展名为.html。有些网络中的服务器的操作系统只支持8.3的文本格式,既文件的扩展名只能为三个字符,所以文件的扩展名也可以为.htm。浏览器浏览器(Browser):是安装在计算机上的一种软件,通过它可以文便地看到Internet上提供的各种信息和服务资源,常用的浏览器有两种Internet Explorer和Netscape Communicator,简称为IE和NC。超文本(超文本(Hypertext)指具有超级链接功能的文件。它
5、可以将文件中已经定义好的关键字,通过鼠标的单击取得该关键字的相关解释。目前大多数的文件是以超文本的方式提供给用户的。超链接超链接(Hyperlink):是 WWW上的一种链接方式,通过单击某个图标或某段文字,就可以自动连接相对应的其他文件,从一个网页跳转到另一个网页。1.1.2 常见的网页制作软件1.所见即所得的网页编辑工具 网页制作编辑工具的作用就是用直观的方式制作网页。现在的网页编辑工具绝大多数都是所见即得的,即我们实际操作的结果就是最终生成的网页(HTML文档)的效果,也就是说,网页编辑工具将HTML代码的生成自动化了。最常见的网页编辑工具是Frontpage、Dreamweaver。另
6、外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。此外还有一些网络编程工具,javascript、java编辑器等。2.素材处理工具 (1)Photoshop(2)Fireworks(3)Flash1 1、菜单栏、菜单栏、菜单栏、菜单栏 Dreamweaver8Dreamweaver8的菜单栏里包括有文件、编辑、查看、插入、修改、文本、命令、的菜单栏里包括有文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等站点、窗口、帮助等1010个菜单项。单击每个菜单项均会弹出一个下拉菜单,其中每个个菜单项。单击每个菜单项均会弹出一个下拉菜单,其中每个菜
7、单项又包括若干命令,单击该菜单命令即可。如图所示。菜单项又包括若干命令,单击该菜单命令即可。如图所示。2、对象面板、对象面板 网页的内容虽然多种多样,但它们都可以称为网页元各素。简单的网页元素如文字、图像、表格等,复杂的如导航、程序等。“插入”工具栏的功能主要就是在网页中插入各种类型的网页元素,如图所示。3.编辑窗口 编辑窗口是编辑网页时的主要窗口,新建或打开一个网页后,即可显示(在图像文件夹中)所示的窗口。它主要由项目选择标签、文档工具栏、编辑区域、状态栏、标尺、垂直和水平扩展按钮等组成。(1)项目选择标签:当打开多个网页文件时,将为每个文件显示一个标签,单击其中任意一个标签则可以在编辑区域
8、 中显示该文件的内容,并进行编辑。而且选择标签的右侧有3个按钮,可实现最小化、还原及关闭当前窗口。1.2 Dreamweaver 8 的工作界面 2)文档工具栏:主要用于切换编辑区域视图模式、设置网页标题、进行标签验证及浏览器中浏览网页等,如图所示,其中各选项的功能及含义如下。按钮:显示代码视图,可在编辑窗口中直接输入HTML代码。按钮:显示代码视图和设计视图,可在编辑窗口中同时进行代码和页面设计。按钮:显示设计视图,可在编辑窗口中进行页面设计。文本框:用于设置网页标题。按钮:对网页进行浏览器错误检查。按钮:对网页中的标签进行验证。按钮:对站点中的文件进行管理。按钮:在浏览器中预览和调试网页。
9、按钮:刷新设计视图。按钮:隐藏或显示文件中的内容、标尺、网格和辅助线等对象。按钮:隐藏或显示层外框、表格宽度、表格边框和框架边框等可视化助理对象。(3)编辑区域:编辑网页和编写网页代码的区域,该区域有代码、拆分和设计3种视图模式。(4)状态栏:位于编辑区域的下方,其中包括标签选择器、选取工具、手形工具、缩放工具、设置缩放比率下拉列表框、窗口大小栏和文件大小栏等项目。(5)水平和垂直标尺:编辑网页时方便查看或定位网页中元素的坐标位置。(6)垂直和水平扩展按钮:分别位于编辑区域的或侧和下方,用于显示或隐藏编辑窗口右侧的浮动面板及下方的属性面板,以扩展编辑窗口的宽度和高度。(7)“属性”面板用于查看
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页制作技术教程 第1章 网页制作基础 网页 制作 技术 教程 基础
限制150内