当前位置： >>
《网页制作》公选课 基本概念
1 网页制作相关概念 1）WWW Word Wide Web 或简称为 Web，中文译作万维网，它是 Internet 提供的一种信息服务。 2）HTML HyperText Markup Language，超文本标记语言，一种描述网页对象构成的脚本语言。3）网 页 网页是 WWW 信息访问的一个基本单位，一般网页上都有文字、图片等信息，复杂的网页 上还有声音、视频、动画等多媒体信息。 4）网站 一个 Web 网站是由一个或多个网页组成，这些网页按照一定的组织结构，以链接等方式连 接在一起，形成一个整体，共同描述一组相关主题的信息。 5）超级链接 它是 HTML 语言中的特殊的文字标记，它隐含着一个 URL，当鼠标单击这些标记时，浏览器 就会按 URL 打开另一张新的网页。 6）URL 统一资源定位器，在 Internet 中，要浏览某些信息，就必须知道这些信息在的哪个位置上， 在 WWW 中使用 URL（Uniform Resource Locator）定义资源所在地址。URL 称为统一资源定 位器，即通常所说的“网址” 。 URL 的一般格式为： &协议&：//&主机名&[：端口号]/&路径&/&文件名& （1）&协议&：指访问该资源所使用的通信协议，即访问该资源的方法。主要的协议有： ? http 超文本传输协议，表明访问的资源是 HTML 文件； ： ? ftp 文件传输协议，表明需要进行 FTP 文件传输服务； ： ? mailto 电子邮件协议，表明需要进行电子邮件传送服务； ： ? telnet ：远程登录协议，表明需要进行远程登录服务； ? files ：本地文件访问。 （2）&主机名&：访问的服务器的主机域名或 IP 地址。 （3）&端口号&：访问的服务器使用上述协议的端口号。一般情况下端口号不需要指定。只 有当服务器所使用的端口号不是缺省的端口号时才指定（HTTP 缺省端口号为 80） 。 （4）&路径&：访问的资源文件在 WWW 服务器上的路径。 （5）&文件名&：访问的资源文件的名称，如果是网站主页就可以缺省。 清华大学网站上的某一 URL 地址如图所示。 7）网站、网页的浏览?本地浏览： C网页文件 C浏览器：IE 浏览器、腾迅（QQ）浏览器 ?远程访问： C浏览器：IE 浏览器、腾迅（QQ）浏览器 C网站：如：中国教育科研网、新浪网、网易、搜狐等 C网址：URL C网页文件、首页 C网页缓存文件夹 网页元素?多媒体元素：文字、图形、图像、动画、音频、视频――（视听元素） ?超文本：以文本的方式，链接多媒体文件，描述、构成多媒体媒体信息 ?表现形式：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影1像等 ２ 网页制作基础知识 1）网页制作的目的和任务内容、功能、形式三方面的统一表现网络信息内容 ? 实现页面功能 ? 美化版面、布局、元素的形式 2）信息的概念 客观性：信息是指一切事物存在方式和运动规律的表征。主观性：信息是指人们对世界的认 识所形成的各种知识、学问、消息等。信息的载体： （多媒体数据形式）包括――文字、图 片、图形、广播、电视、电话通话、语音、音乐、影视、数据库等等。3）美学基础?美：符 合科学的视觉规律、人们的价值取向 ?美学：通过绘画、色彩和版面展现自然美感的学科 ?美学表现手段：绘画、色彩构成、平面构成 4）网页制作、信息和美学设计的关系 ?网页制作的目的和任务是表现信息的内容，做到内容、功能、形式三方面的统一 ?信息的形式必须符合美学的要求，美学是网页的客观要求 ?美学平面艺术设计的理论是网页设计的重要方法 5）网页制作的有关概念?网页制作： ?网页设计：平面设计 ?网页编程：程序设计 ?网站建设：综合设计 6）网页制作的程序?网页设计：平面设计 C版面设计 C色彩搭配 ?技术制作：软件应用网页制作三剑客 C网页制作软件 C图像制作软件 C动画制作软件 C脚本语言 7）网页制作软件 ?网页制作软件：Dreamweaver MX FrontPage ?图像制作软件：Fireworks MX Photoshop ?动画制作软件：Flash MX ?脚本语言：HTML、XML、JavaScript、VBScript8）电子商务网站开发（教学） ?服务器操作系统：Windows 2000 Server ?服务平台：IIS 5.0（ASP） ?数据库系统：Access 2000 ?Web 开发工具：Dreamweaver MX ?编程语言： C客户端： JavaScript C服务端： VBScript 2.1 HTML 语言基础知识 2.1.1 什么是 HTMLHyperText Markup Languag， 超文本标记语言 HyperText “超文本” 指 ， “超 级链接”2? Markup 标记，如：&title&网页制作&/title&，起始标记，结尾标记 ? Language 语言，脚本语言 1）HTML 起源 1. 1991 年 Tim Berner-Lee 建立 HTML 2. 1993 年 Berner-Lee 和 Connolly 完成 HTML1.0 版 3. 目前版本为 HTML4.0 版 2）HTML 的组成：由数量固定的标准标记和文本组成。3）HTML 标记的作用：每对标记（由 起始标记、结尾标记及它们中间的文本构成）代表一条计算机指令，主要是描述网页中元素 的显示信息，边下载边解释边执行。2.1.2 标记 1）标记的构成：标记用符号“&”和“&”括起，如：&html&、&/html& 1. 起始标记：如：&html& 2. 结尾标记：如：&/html& 3. 双标记：一对起始标记和结尾标记，构成一个双标记 4. 单标记：只有起始标记，没有结尾标记，如：&br&、&hr& 2）标记的作用：每对标记（由起始标记、结尾标记及它们中间的文本构成）代表一条计算 机指令，描述页面元素或对象（包括标题、段落、字体、图像、表格等）在浏览器中的显示 效果。 3）HTML 标记的特点： 1. 描述信息的显示效果、缺乏语义表达。数量固定、标准化、不能扩展。不区分大小写。 2.1.3 网页文件结构 1）基本结构：&html& &head& .. 文 件 头 .... &/head&&body& ... 文 件 体 .. &/body&&/html& 1. 网页文件标志：&html&&/html&创建一个 HTML 文档 2. 文件头：&head&&/head&设置文档标题以及其他不在 WEB 网页上显示的信息 ?主要组成： C标题：&title&无标题文档&/title& C字符集:&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&& C关键字：&meta name=“keywords” content=“新闻&& C刷新：&meta http-equiv=&refresh& content=&5;URL=http://www.hainnu.edu.cn&& C背景音乐、链接、脚本语言程序、CSS、网页切换效果等文件体：&body&&/body&设置文档 的可见部分 2.1.4 网页基本元素文本 2. 图像 3. 链接 4. 表格 5. 框架集 6. 层 7. 表单 8. 样式 9. 行为 2.2 HTML 语言语法简要 2.2.1 标记的语法要点 HTML 脚本语言语法简单， 所的标记 是标准化的且数量固定，常用的标记数量不多，无需专门记忆，只要理解语法的几个要点便 可灵巧地应用。 1. 标记的构成：多数由始标记和尾标记成对构成，如：&H1&网页制作&/H1&，&H1&标记相 当于一个指令，告诉浏览器文字显示成“最大的标题” 。 2. 单标记：&BR&，&HR&。33. 回车：回车不分行。 4. 连续空格：只显示一个空格。 5. 标记不区分大小写；例：&BR&、&Br&、&br&的意义完全相同。 6. 注释标记：&!―与 --!&之间的文字，都传统被浏览器略过不予解释。 2.2.2 区段的概念 HTML 为层次结构，每对双标记组成一个“区段” ，区段间嵌套结构不能交 叉，如： 2.2.3 标记的属性 1）标记的构成： 1. 符号“&” ，表示：标记的开始。 2. 标记名称，表示：描述网页元素的显示格式。标准化、数量固定。 3. 标记属性， 网页元素的显示格式分量信息。 某个标记可有多个属性， 标记名称与属性间， 以及属性与属性间要以一个或多个空格进行分隔。 如果标记中没有书写属性， 并不说明该标 记没有属性，只是该标记的属性采用了默认值。 4. 符号“&” ，表示：标记的结束。2）属性的格式：属性名=”属性值” ? 属性名=’属性值’ ? 属性名=属性值 //不严格 3）实例： ?&body& ?&body bgcolor=&#FF0000& link=&#FFCC00&& 2.1 DreamWeaver MX 简介 Dreamweaver MX 是 Macromedia 公司发布的集网页设计、 代码开 发、网站创建和管理于一体的软件。 1）主要特点： ? 所见即所得 ? 支持各种动态网页及 Web 应用程序开发，例如： ASP、JSP、ASP.NET、PHP 等 ? 站点管理方便 ? 对汉字的支持还没有完善 2）DM 的界面安排对比 WORD 软件介绍 DM 的界面，比较两 者的异同点。 ?界面安排： （是所见即所得的保证条件之一） C使编辑区最大化 C窗口大小（编辑&参数选择&状态栏） C显示工具栏、属性面板 C关闭不常使用的浮动面板、组合面板 ?代码界面显示的设置 C自动换行 C语法颜色 C自动缩进 ?文件命名规则（网页文件、图像文件等） C以英文字母或数字开头、不采用汉字、不含空格 C原则： ?分类原则：便于分类组织管理 ?意义原则：能体现文件的作用 ?时间原则：体现网页文件的时间效益 C首页：index.htm、default.htm C框架集： （在后面介绍） 2.2 网页文件的组织管理?目的： C所有文件都保证能够保存在一起4C能共用相同的图像文件 C安全可靠 1. 建立网站文件夹，组织结构如图所示： C网页文件夹 C图像文件夹 C动画文件夹 ? 数据库文件夹 2. 站点设置（在动态网页部分介绍） 2.3 网页文件的创建 1）创建网页文件 ? 启动 Dreamweaver MX，系统自动创建一个空白的网页文件。 操作： 【文件】 【另存为】 ，重命名网页，等待编辑。 ? 在 Dreamweaver MX 启动的情况下，选择【文件】 【新建】命令，创建新网页，并重命 名网页，等待编辑。 2）打开已有的网页 ? 在 Dreamweaver MX 启动的情况下，选择【文件】 【打开】命令，打开已有网页。 ? 在资源管理器或我的电脑文件夹中，鼠标右击已有网页文件，弹出下拉菜单，选择【使 用 Dreamweaver MX 编辑】命令，打开已有网页。 3）设置网页的页面属性 页面属性设置对话框如下图所示，主要设置项有： ? 标题：其内容将在浏览器的标题栏上显示； ? 背景：设置网页的背景颜色（默认背景颜色为白色） ； ? 背景图像： 一般采用经过处理的对称图像作为背景， 背景图像将自动重复充满整个网页。 ? 左边界、顶部边界：整个网页与浏览器左侧边界和顶部边界的距离，默认值有几个像素 宽，一般设为 0。 ? 边界宽度、边界高度：一般设为 0。 3.1 文字的输入文字是网页中的重要元素，但 Dreamweaver 对于特殊字符的支持没有完善。 1）文字的输入方法： ? 键盘录入 ? （从别的文本源中）复制，粘贴过来。 ? 文本导入 2）特殊字符的输入方法：从插入菜单中只能插入少量特殊字符； ? 一般的特殊字符需从 Word 文档中复制，粘贴过来。3）空格的输入方法： ? 键盘空格：多个连续空格只显示一个空格。 ? 预格式：当设置为预格式状态，可输入多个连续空格。 ? 不换行空格替代符――& （在代码窗口中输入空格替代符，表示一个空格） ? 全角汉字输入状态空格：在设计窗口中，可输入多个连续空格。 3.2 文字分段与换行?段落 C&p&……&/p& C回车 C段落间的间隔宽 C双标志 ?换行 C&br&5CShift+回车 C行间的间隔窄C单标志 3.2 文字属性设置 Dreamweaver 中文字属性面板是文字格式设置的有效工具，见下图所示： ? 格式：标题&h1&~ &h6& ? 字体：font，默认字体 ? 字体风格：strong（加粗） 、em（斜体）等 ? 字号大小：size ? 对齐：align ? 颜色：color，red、black；十六进制：#ff6600 1）字体： ? 中文字体一般采用默认值（宋体） 。 2）字号： ? 字号大小的单位为七个级别，是一个相对的单位，不能设置准确的字号。 ? 因为用户可在浏览器的菜单中设置字号大小级别。 ? 一般不设置文字的字号。 ? 由 CSS 定义字号大小 3）段落操作：缩进：使段落文字往中间缩进（使段落文字与左右边界添加空隙） ，增强网页 文字的美观。 ? 凸出：缩进的逆操作。 ? 列表：&li&……&/li& C项目列表:&ul&??&/ul& &ul type=&square&&……&/ul& C编号列表:&ol&??&/ol& &ol type=&i&&……&/ol& 4.1 常用图像格式图像在网页设计的作用： ? 美化页面（背景图像、装饰图像） ? 直接表达网页主题或传递信息 1）GIF 图像： C216-256 色，适合颜色少、色调不连续变化 C小图片、文件小；大面积单调颜色 C直接显示――速度快 C图标、按钮 2）JPEG 图像：C224 色，颜色丰富（多） 、色调连续变化，清晰 C大图片；压缩比，可调整 C解压显示 C照片 4.2 源文件地址――图像的位置图像文件和网页文件都是相互独立的， 它们之间的关 系是链接关系。 ? 网页制作时， 只要在网页中表示出图像文件的地址 （称为源文件地址） 在网页浏览时， ； 浏览器（IE）会根据图像文件的源文件地址，把图像在网页中显示出来。所以，在网页中添 加图像，主要是确定图像文件的源文件地址。 1）相对地址 C相对于网页文件6? 如：images/instrall.gif、../ images/instrall.gif 2）绝对地址 C本机（地）硬盘上的位置 ? 如：file:///D|/wwwroot/images/wel025.gifC远程主机的位置 ? 如：http://www.hainnu.edu.cn/images/HAI.psd.jpg 4.3 网页中添加图像的步骤建立图像文件夹――images 2. 拷贝图像文件到图像文件夹中 3. 新创建网页文件后需要先保存网页文件 4. 插入图像 5. 保存网页文件 6. 浏览网页（注意刷新）1）步骤解剖： ? 步骤 1~3 为关键步骤：主要作用是确定本网页文件与链接对象之间的相对位置。 ? 步骤 3~5，利用属性面板，添加链接。 ? 步骤 6，验证添加链接是否正确。 2）注意事项： ? 图像文件夹须放在网站文件夹内。这样可以获取相对地址。 ? 图像文件名最好是采用英文、数字和下划线组合而成。不能采用汉字、空格或其它特殊 字符构成，因为，在 Dreamweaver 图像属性面板的源文件地址中会产生乱码，造成图像的 地址解析错误。 ? 先完成关键步骤，才能在 Dreamweaver 内添加图像的操作。 ? 作为美化页面的图像主要是添加表格的背景图像――在表格的应用中介绍。 4.4 图像的属性设置 通过图像属性面板进行图像的属性设置，如下图所示，设置的内容有： ? 源文件――相对地址（路径） ? 图像大小――宽、高、重设大小 ? 替代――鼠标停靠，显示文字 ? 边框――保持图像的完整性 ? 对齐方式 C垂直方向对齐：对齐（A）下拉列表。 C水平方向对齐：三个对齐按钮 ? 链接、热点、对象名称（链接部分介绍） 4.5 图像占位符?操作： 【插入】 【图像占位符】 ?作用：在图像文件下载完成之前 C提前预示图像信息 C使图像与其它元素的相对位置稳定 C保持网面的完整性 5.1 链接的有关概念链接是 Web 的 （三大） 关键技术之一， 也是网络信息的主要组织方式。 通过链接把网站上相互独立网页或其它资源联系起来， 构成一个有机的整体， 并延伸到整个 网络。链接关系：指从一个网页指向一个目标对象的连接关系链接的作用： C通过点击链接点， 使用户可以访问与该网页有链接关系的对象， 从而体现了网页的操作性。 C使各个独立的网页或其它元素形成一个有机的整体。链接对象――链接中的目标对象 ? 链接点――含有链接（关系）的网页元素（如文字、图像、表格等几乎所有网页元素都7可以链接点）或图片中的某个区域（称为热区） 。链接目标――打开链接对象的目标窗口。 1）链接地址（路径） ： ? 绝对路径――URL ? 相对路径 C站点根目录相对路径 C网页相对路径 2）链接目标――打开网页的目的地窗口：CBlank 新窗口 CSelf 原窗口 CParent 父窗口 CTop 顶窗口 3）链接分类按网页链接对象的相对位置来分类： ? 外部链接：链接指向本网页以外。 C其它网页 C其它元素 CE-mail C热区（图片） ? 内部链接：链接指向本网页的内部。 C锚点 5.2 添加链接的步骤拷贝链接对象到相应文件夹中新创建网页文件后需要先保存网页文件选 取链接点 4. 添加链接 5. 设置链接目标 6. 保存网页文件 7. 浏览网页（注意刷新）1）步骤解剖： ? 步骤 1~3 为关键步骤：主要作用是确定本网页文件与链接对象之间的相对位置。 ? 步骤 3~5，利用属性面板，添加链接。 ? 步骤 6，验证添加链接是否正确。 2）注意事项： ? 链接对象文件夹须放在网站文件夹内。这样可以获取相对地址。 ? 链接对象文件名最好是采用英文、数字和下划线组合而成。不能采用汉字、空格或其它 特殊字符构成，因为，在 Dreamweaver 属性面板的源文件地址中会产生乱码，造成链接的 地址解析错误。 ? 先完成关键步骤，才能在 Dreamweaver 内添加链接的操作。 5.3 锚接如果是同一网页中的不同位置之间的链接关系，称为锚接。 ? 链接对象称为锚点。 ? 锚点的分类： C未命名锚点――网页顶端与其它位置之间的链接C命名锚点――网页中某一位置与其它 位置之间的链接 1）未命名锚点的操作步骤： C选取链接点 C链接地址：# C链接目标：无 2）命名锚点的操作步骤：C插入锚点――给锚点命名 C选取链接点 C链接地址：# + 锚点名8C链接目标：无 3）锚点的命名C由字母和数字构成 C区分大小字 5.4 链接点外观设置链接点颜色 C未访问过的链接 C已访问过的链接 C活动链接 ? 下划线（css） ? 鼠标形状(css) 6.1 框架与框架集的有关概念框架是网页的版面布局的重要技术， 包括框架和框架集两种技 术。框架（frame） ：把网页窗口分割成多个区域，形成多个小窗口，每个小窗口就是一个框 架，每个框架对应一个独立的网页文件。框架集（frameset） ：定义一组框架的数目、大小、 位置、 及各个框架页面文件的地址等属性的网页文件。 框架集并不在浏览器中显示它的本身， 只是存储所属框架的有关信息和显示所属框架网页。 ? 框架是框架集的组成元素，各框架页面的关系是平等的。 框架的作用：1、拆分窗口和网页布局（手段） C把一大窗口划分为相对独立的若干小窗口 （区域）每个小窗口可以装载一个独立的页面， ， 各个页面既各自独立又相互联系，是网页信息结构的组织方式。 C通过对窗口平面的拆分，使网页版面结构得到合理的布局。 2、加快网页的传输速度、使网页间的切换更加顺畅（目的） C对于同一个栏目的网页，有很多结构和内容是一样的，如：标志、导航、某些版块、页底 等，从网页的传输和切换来看，这些网页内容是不必要更新的。6.2 框架集的创建和保存任 何复杂的框架结构都有可以由简单的顶部框架和左右框架组合而成。 ? 创建框架集的步骤： 1.新建网页文件 2.插入面版&&框架&&顶部框架（或左右框架）保存框架集的步骤： 保存次序：先框架，后框架集 1.选取上框架&&文件&&保存框架&&命名为：f-u.htm 2.选取下框架&&文件&&保存框架&&命名为：f-d.htm 3.选取框架的边框&&文件&&保存框架页&&命名为：f.htm 结果：框架集文件为： f.htm 上框架文件为： f-u.htm、下框架文件为： f-d.htm 6.3 框架与框架集属性的设置 ? 框架集的属性设置 ?行：rows=&95,*& ?列：cols=&*& ?边框宽度： border=&0& ?边框： frameborder=&yes& ?边框颜色： bordercolor=&#990000“?边框间隔：framespacing=&0& ? 框架的属性设置?框架名称：name=&u& ?地址：src=&u.htm& ?边框：frameborder=&yes& ?边框颜色：bordercolor=&#009900& ?滚动条：scrolling=&NO& ?能否调整框架窗口大小：noresize96.4 框架集中的链接设置 ? 链接地址（与非框架结构链接地址一样） ? 链接目标――打开网页的目的地窗口： CBlank 新窗口 CSelf 原框架窗口 C（本框架名） 原框架窗口 C（其它框架名） 其它框架窗口 CParent 父窗口 CTop 顶窗口非框架结构中的链接目标：Self、Parent 和 Top 作用相同。 ? 框架结构中的链接目标主要以框架名来标示。 第八章网页视听元素――多媒体 8.0 视听元素概述 ? 视听元素使信息的表达更加形象生动； ? 视听元素以多媒体文件的形式独立存在； ? 视听元素比文本和图像更大的数据量，不利于信息的检索，且数据量大、占据网络传输 带宽大、传输下载速度更慢； ? 多媒体文件在网页中的播放一般需要专门的播放软件（也称为浏览器插件） ，如果系统 中没有安装多媒体播放插件，多媒体将不能播放。 8.1 ? C ? C ? C C ? C 8.1 ? C C C ? C C 8.2 ? C C ? C 网页中视听元素 Flash 动画： swf 声音： wav、mp3 视频： realPlayer 格式：rm、rmvb 等 Media Player 格式：avi、asf 等 JAVA 小程序 Applet 网页中视听元素 视听元素特点： 表示的信息量大，形象生动； 数据量大，需压缩与解压缩； 文件格式多，不同类型的文件需专门的播放软件。 视听元素在浏览器中播放的特点： 浏览器（IE）主要功能是解释 HTML 脚本代码，不能播放网页中链接的多媒体文件； 可调用专门的多媒体播放软件――插件； 插件 插件 浏览器插件 DW 插件 浏览器插件 浏览器中运行（播放）这些（多媒体）文件时所需的软件――称为浏览器插件。10C 有些多媒体文件无需其他程序就可以播放， 而有许多多媒体文件需要外部程序才能播放。 C 如果浏览器没有安装这种外部程序，那么浏览器会不能正常播放这些多媒体文件。 8.2 插件 ? DW 插件 C 用于拓展 DreamWeaver 的功能 ? Command 命令 ? Object 对象 ? Behavior 行为 ? DreamWeaver Exchange C DreamWeaver 功能扩展管理器 8.3 在网页中添加 Flash 动画 ? 实例 8.3 在网页中添加 Flash 动画 ? 拷贝 Flash 文件到动画管理文件夹中 ? 保存网页文件 ? 插入 Flash 动画 ? 保存网页文件 ? 浏览网页（注意刷新） 8.3 在网页中添加 Flash 动画――默认代码 &object classid=&clsid:D27CDB6E-AE6D-11cf-96B8-& codebase=&http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version= 6,0,29,0& width=&197& height=&44&& &param name=&movie& value=&home.swf&& &param name=&quality& value=&high&& &embed src=&home.swf& quality=&high& pluginspage=&http://www.macromedia.com/go/getflashplayer& type=&application/x-shockwave-flash& width=&197& height=&44&&&/embed&&/object& 8.3 在网页中添加 Flash 动画――简化代码 &object classid=&clsid:D27CDB6E-AE6D-11cf-96B8-& width=&197& height=&44&& &param name=&movie& value=&home.swf&& &param name=&quality& value=&high&& &embed src=&home.swf& quality=&high& type=&application/x-shockwave-flash& width=&197& height=&44&&&/embed&&/object& 8.4 在网页中添加声音 ? 声音元素的特点： C 主要格式有―― .wav 、 .mp3 C 播放声音文件的软件多，易造成混乱，可能失败； ? 在网页中添加声音的步骤： ? 拷贝声音文件到多媒体管理文件夹中 ? 插入媒体 ? 设置属性 ? 保存网页文件 8.4 在网页中添加声音 ? 无指定播放插件代码：11C &embed src=&00.wav& width=&396& height=&268&&&/embed& ? 指定播放插件代码： C type=&audio/x-pn-realaudio-plugin“ ? 参数设置： C 自动播放：autostart=&true& C 循环播放：loop=&true“、loop=“1& C 显示尺寸：width=&311& height=&52“ ? 背景音乐： C hidden=&true“ 8.5 在网页中添加视频―― Real 视频 ? Real 视频元素的特点： C 扩展名――.rm .rmvb .ram 等 C 文件小、流技术 C 安装的插件――RealPlayer C 必须指定插件 ? 自动识别有无图像： C &embed src=&movie/NBA.rm& width=&400& height=&300&&&/embed& 8.5 在网页中添加视频―― Real 视频 ? 控制代码： C 定义播放界面 &object width=&320& height=&250& classid=&clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA&& &param name=&CONTROLS& value=&ImageWindow&& &param name=&CONSOLE& value=&Video&& &param name=&CENTER& value=&TRUE&& &param name=&MAINTAINSPECT& value=&TRUE&& &PARAM NAME=&SRC& VALUE=&电影名.rm&& &/object& 8.5 在网页中添加视频―― Real 视频 C 定义状态栏 &object width=&320& height=&30& classid=&clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA&& &param name=&CONTROLS& value=&StatusBar&& &param name=&CONSOLE& value=&Video&& &/object& 8.5 在网页中添加视频―― Real 视频 ? 定义控制面板 &object width=&320& height=&30& classid=&clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA&& &param name=&CONTROLS& value=&ControlPanel&& &param name=&CONSOLE& value=&Video&& &param name=&SRC& value=&电影名.rm&& &param name=&AUTOSTART& value=&TRUE&& &param name=&PREFETCH& value=&0&& &param name=&LOOP& value=&0&& &param name=&NUMLOOP& value=&0&& &/object&128.5 在网页中添加视频―― Real 视频 ? 实例： C 乔丹十大空中闪躲 C 上海滩 8.5 在网页中添加视频―― Media Player 视频 ? MP 视频元素的特点： C 扩展名――.avi .asf .wmv 等 C 文件大、流技术 C 安装的插件――Media Player C 必须指定插件 ? 自动识别有无图像： &embed src=&movie/wz.wmv& width=&404& height=&331&&&/embed& 8.5 在网页中添加视频―― Media Player 视频 ? 有图像的 media 播放器：(自动调用网上的插件) &object id=nstv width=280 height=265 classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' codebase=http://activex.microsoft.com/activex/controls/ mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject& &param name='URL' value='movie/wz.wmv'& &PARAM NAME='UIMode' VALUE='full'& &PARAM NAME='AutoStart' VALUE='true'& &PARAM NAME='Enabled' VALUE='true'& &PARAM NAME='enableContextMenu' VALUE='false'& &param name='WindowlessVideo' VALUE='true'& &embed src=&movie/wz.wmv& width=&280& height=&265& autostart=&true& url=&movie/wz.wmv& uimode=&full& enabled=&true& enablecontextmenu=&false& windowlessvideo=&true&& &/embed& &/object& 8.5 在网页中添加视频―― Media Player 视频 ? 无图像的 media 播放器：(自动调用网上的插件) &object id=nstv width=280 height=60 classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' codebase=http://activex.microsoft.com/activex/controls /mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject& &param name='URL' value='http://202.99.11.42/xiangsheng/ymjr.wma'& &PARAM NAME='UIMode' VALUE='full'&&PARAM NAME='AutoStart' VALUE='true'& &PARAM NAME='Enabled' VALUE='true'& &PARAM NAME='enableContextMenu' VALUE='false'& &/object& 第九章网页布局元素――层139.0 层概述 ? 层（Layer）是一种 HTML 页面元素，可以将它定位在页面上的任意位置。 ? 层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。 ? 层可以前后放置，可以显示或隐藏。层的出现使网页从二维平面拓展到三维。可以使页 面上元素进行重叠和复杂的布局。 ? 使用层可以设计页面布局和定位其它元素。 ? 层的实现是 CSS 的一个应用。 9.1 层的特点 ? 层是一种 HTML 页面元素，它可以作为页面其它元素的载体，具有如下特点： C 可以装载文本、图像或其他任何可在 HTML 文档正文中放入的内容； C 可以放置在页面任意位置； C 可以水平移动； C 可以改变前后放置顺序； C 可以显示及隐藏； 9.1 层的特点 ? 层的作用： C （灵活）定位 C （三维化）布局 ? 层的局限性： C 层常用绝对定位，对屏幕分辨率敏感； C 层的操作相对复杂； 9.2 层的类型 ? 根据标签的不同来分类： C Div 层――块元素（Dreamweaver 默认） C Span 层――内联元素 C layer 和 ilayer 层――（只有 Netscape Navigator 4 支持） ? 根据嵌套关系来分类： C 普通层 C 嵌入式层 ? Div 与 Span 层的区别： C 对于不支持层的浏览器中，可让 Div 层的内容出现在自己的段落中。 9.3 层的操作 ? 创建层： C 创建普通层： ? 选择[ 布局] [ 描绘层] 图标 ? 在页面设计窗口中拖动鼠标 9.3 层的操作 &title&无标题文档&/title& &style type=&text/css&& &!-#Layer1 { position: left:11014top:84 width:151 height:77 z-index:2; 9.3 层的操作 C 创建嵌套层――指在一个层中创建另一个层。 C 创建步骤与普通层相同 C 父子关系，当移动父层时，子层也跟随移动。 9.3 层的操作 ? 层的选取； C 点击层的选择柄 ? 层的删除： C 选取层 C 按“delete”键进行删除 ? 调整层的大小： C 拖动层的可控点便可以调整层的大小 ? 层的移动： C 拖动层的选择柄就可把层移动到页面的任何位置 9.4 层属性的设置 9.4 层属性的设置 ? Z 轴： C 指定层的 Z-编号（或堆叠顺序号） 。编号大的层被放置在编号小的层的上方。编号可正 可负，也可以是 0。 ? 显示：决定层的初始显示状态。 C Default ：不指定可见性属性，但多数浏览器把本项解释为 Inherit（继承） 。 C Inherit ：继承（父层的可见属性） C Hidden ：隐藏层的内容，忽略父值。 C Visible ：显示层的内容，忽略父值。 ? 背景图像： C 使用图像文件作为层的背景。 9.4 层属性的设置 ? 背景颜色： C 使用某单一的颜色作为层的背景。 ? 溢出： C 当层的内容超过层的指定大小时，如何显示层。 C Visible ：表示向下及向右自动扩大层的尺寸，以容纳并显示层的内容。 C Hidden ：表示保持层的尺寸，超出部分将被剪切，不显示滚动条。 C Scroll ：表示在层中始终出现滚动条。 C Auto ：表示当层的内容超出范围时，才自动添加滚动条。 9.4 层属性的设置 ? 剪辑： C 定义层的可见区域。通过设置左、右、上、下的值来设定距层边界的距离。 9.5 层的应用 ? 下拉式菜单15? ? ?时间轴 静止层 数字时钟9.5 层的应用 ? 绝对定位与相对定位 C 进入代码视图，层的相应代码： ? position: ? left:0 ? top:0px C 绝对定位（absolute） ：坐标原点为浏览器的左上角 相对定位（relative） ：坐标原点为层所在容器的左上角 第十章网页基本元素――表单 10.0 表单概述 ? 在 Web 页面中，用户填写完表单中的相关信息后，通过单击表单中的【提交】按钮， 即可将填写的内容从客户端浏览器传送到 Web 服务器上，实现客户端与服务器端的信息交 换。 ? 表单主要负责数据采集的功能，是信息双向传输基础。 ? 表单上传到服务器的信息需要服务器应用程序来处理， 主要包括： ASP、 JSP、 CGI、 Perl、 c#等。 10.1 表单的组成及属性 ? 表单的组成： C 表单标签：包含了处理表单数据所用 CGI 程序的 URL 以及数据提交到服务器的方法。 C 表单元素（对象） ：包含了文本域、文本区域、隐藏域、复选框、单选框、按钮等。 ? 表单的有关菜单如图所示： 10.1 表单的组成及属性 ? 表单标签：＜form＞＜/form＞ C 功能：用于定义表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的 数据将被提交到 服务器或者电子邮件里。 C 语 法 ： ＜ FORM name=&form1 “ ACTION=&URL& METHOD=&GET|POST& ENCTYPE=&MIME& TARGET=&...“＞ ... ＜/FORM＞ ? action=url 指定处理表单的格式。它可以是一个 URL 地址(提交给程序文件)或一个电子 邮件地址。 ? method=get 或 post 指明提交表单的方式。 10.1 表单的组成及属性? C ? C表单的属性： 表单名称： 用来设置表单的名称。对应标签为 name=&form1“ 动作：16? 指定用来处理表单数据的程序， 一般是 ASP 或 CGI 程序的完整地址， 也可以是 E-mail 地 址。对应标签为 action=url C 目标： ? 打开返回信息的窗口。对应标签为 TARGET=&...“ 10.1 表单的组成及属性 C 方法： ? 设置表单的提交方式。默认值为 POST。对应标签为 method=get 或 post 。 get 方法将 表单中的数据附在 “action” 指定的地址后面传送出去 （地址的总长度不能超过 8192 个字符） ； post 方法是将表单中数据作为一个文件提交，传送的数据量大。 C MIME 类型： ? 指明用来把表单提交给服务器时(当 method 值为“post”)的媒体形式。缺省值是 “application/x-www-form-urlencoded“。对应标签为： ENCTYPE=&MIME& 。 10.2 表单元素（对象）及其作用 ? 文本域 C 一种让用户输入文本内容的表单对象， 通常被用来填写任何类型的字母或数字项， 如姓 名、密码、地址等。 C 文本域的类型有：单行、多行和密码。 ? 单行文本框： C 代码格式：＜input type=&text& name=&...& size=&...& maxlength=&...& value=&...&＞10.2 表单元素（对象）及其作用 ? 文本域的属性设置 C 文本域：该表单对象的名称。对应标签为： name=&...& 。 C 字符宽度：设置文本框的宽度，单位是单个字符宽度。对应标签为： size=&...“。 C 最大字符数：设置文本域中可输入的最多字符数。对应标签为： maxlength=&...& 。 C 初始值：设置在文本域中预设显示的文本内容。对应标签： value=&...“。 10.2 表单元素（对象）及其作用 C 类型：设置文本域的显示方式，包括单行、多行和密码。 ? 密码框：当选“密码”选项时。 C 用户输入的内容将显示为“*”符号。 C 密码代码格式：&input type=&password& name=&textfield& value=&&& ? 多行文本框：当选“多行”选项时。 ? 文本域变为文本区域 10.2 表单元素（对象）及其作用 ? 文本区域 C 也是一种让用户输入文本内容的表单对象。 不同于文本域的是文本区域可输入大量的文 本内容。 C 代码格式：＜TEXTAREA name=&...& cols=&...& rows=&...& wrap=&...&＞＜/TEXTAREA＞ 10.2 表单元素（对象）及其作用 ? 文本区域的属性设置 C 文本（区）域：该表单对象的名称。对应标签为： name=&...& 。17C 字符宽度：设置文本框的宽度，单位是单个字符宽度。对应标签为： cols=&...& 。 C 行数：设置文本框的高度，单位是单个字符宽度。对应标签为： rows=&...& 。 10.2 表单元素（对象）及其作用 C 换行：定义输入内容大于文本域时显示的方式，可选值如下： ? 默认值是文本自动换行； 当输入内容超过文本域的右边界时会自动转到下一行， 而数据 在被提交处理时自动换行的地方不会有换行符出现； ? Off，用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须 用 Return 才能将插入点移到下一行； 10.2 表单元素（对象）及其作用 ? Virtual，允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行，而 数据在被提交处理时自动换行的地方不会有换行符出现； ? Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。 C 对应标签为： wrap=&...& 10.2 表单元素（对象）及其作用 ? 复选框： C 复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素。 C 复选框可以单独使用，也可以分组使用。 C 同一组中多个复选框的 name 值相同，而 value 值不同。 C 同一组中多个复选框同一时刻可以多选。 C 代码格式： ＜INPUT type=&checkbox& name=&...& value=&...&＞ 10.2 表单元素（对象）及其作用 ? 复选框属性设置： C 复选框名称： 复选框对象名称。 要保证数据的准确采集， 一般定义一个独一无二的名称。 对应标签：name=“” 。 C 选定值：复选框被选定时的值。对应标签：value=“” 。 C 初始状态： 设置复选框初始是否被选中。 如果选择 “已选中” 属性中添加代码 checked， ， 如果选择“未选中” ，属性代码中没有出现 checked 。 10.2 表单元素（对象）及其作用 ? 单选按钮： C 当需要访问者在待选项中选择唯一的答案时，就需要用到单选框了。 C 单选框都是以组为单位使用的， 在同一组中的多个单选项都必须用同一个名称 （name） ， 而各个单选项的值（value）不同。 C 代码格式：＜input type=&radio& name=&...& value=&...&＞ 10.2 表单元素（对象）及其作用 ? 单选按钮属性设置： C 单选按钮：单选按钮对象名称。同一组的单选按钮的名称相同。对应标签：name=“” 。 C 选定值：单选按钮被选定时的值。对应标签：value=“” 。 C 初始状态： 设置单选按钮初始是否被选中。 如果选择 “已选中”属性中添加代码 checked， ， 如果选择“未选中” ，属性代码中没有出现 checked 。 10.2 表单元素（对象）及其作用18? C C C C C列表/菜单 下拉列表提供较多的选项给用户选择，并且所占的页面空间很小。 “列表”允许用户在列表中选择多个选项。 “菜单”只允许用户在列表中选择一个选项。 代码格式： ＜select name=&...& size=&...& multiple＞ ＜option value=&...& selected＞...＜/option＞ ...＜/select＞ 10.2 表单元素（对象）及其作用 ? 列表选项的设置： C 点击列表属性面板上的“列表值”按钮，弹出“列表值”对话框。 10.2 表单元素（对象）及其作用 ? 列表属性设置 C 列表/ 菜单：设置列表的名称。对应标签：name=“” 。 C 类型： ? 列表―― size 属性定义下拉选择框在没有被点击时显示的行数。 ? 菜单――没有被点击时只显示一行；没有 size 属性。 C 高度：下拉列表框在没有被点击时显示的行数。对应标签：size=&...& 。 C 允许多选：设置下拉列表框中的选项是否能被多选。对应标签：multiple 。 10.2 表单元素（对象）及其作用 ? 按钮 C 按钮在单击时执行某种任务。按钮的类型有： ? 提交按钮：将包含该按钮的表单的内容发送到表单中 action 属性指定的地址。 ? 重置按钮：将包含该按钮的表单的所有表单对象的值还原为表单刚载入时的元素值。 ? 一般按钮：该按钮没有内在行为，但可用 JavaScript 等脚本语言编写响应程序。如果不 编写相应的脚本程序，则单击该按钮将不会发生任何响应。 10.2 表单元素（对象）及其作用 C 代码格式： ? 提交按钮：＜input type=&submit& name=&...& value=&...&＞ ? 重置按钮：＜input type=&reset& name=&...& value=&...&＞ ? 一般按钮：＜input type=&button& name=&...& value=&...& onClick=&...&＞ 10.2 表单元素（对象）及其作用 ? 提交按钮属性设置 C 按钮名称：设置按钮的名称。对应标签：name=“” 。 C 值：设置按钮的值，也即在按钮上显示的文字。对应标签：value=&...& 。 C 动作：设置按钮的类型。 第十一章行为 11.0 行为概述 ? 在 Dreamweaver 中，行为（ Behaviors）是事件和动作的组合。 ? 事件是浏览器生成的消息，可以是单击、双击、鼠标指向等等。 ? 动作是由预先编写的 JavaScript 代码组成的，可执行特定任务的脚本。例如打开浏览器19窗口、显示或隐藏层、播放声音等。 ? 对于某一事件，如果设定与预先编写的脚本程序对应，就可调用脚本程序，也即触发动 作，这样就形成一个行为。 ? Dreamweaver 以菜单的方式提供了一些行为的制作工具， 大大方便了网页制作者在网页 添加行为。网页制作者可以不需要熟悉 JavaScript 语言也可制作出一些常用的网页特效。 11.1 行为、事件和动作 ? 行为是用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。 ? 行为允许访问者与 Web 页进行交互，从而以多种方式更改页面动作或执行某些任务。 ? 行为是由对象、事件和动作构成。 ? 对象是产生行为的主体。网页中的很多元素都可以成为对象，例如：整个 HTML 文档、 插入的一个图片、一段文字、一个媒体文件等。对象也是基于成对出现的标签的，在创建时 首先选中对象的标签。 11.1 行为、事件和动作 ? 事件是浏览器生成的消息。 ? 常用的事件： C 单击――onClick C 双击――onDbClick C 鼠标指向――onMouseOver C 鼠标移离――onMouseOut C 网页装载完成――onLoad ? 事件是触发动态效果的条件。网页事件分为不同的种类。有的与鼠标有关，有的与键盘 有关，如鼠标单击、键盘某个键按下。有的事件还和网页相关，如网页下载完毕，网页切换 等。对于同一个对象，不同版本的浏览器支持的事件种类和多少也是不一样的。 11.1 行为、事件和动作 ? 动作是最终产生的动态效果。 ? 常用动作： C 交换图像 C 显示/ 隐藏层 C 播放音乐 11.2 Dreamweaver 基本行为 ? 交换图像 C 通过改变 IMG 标签的 src 属性将一个图像与另一个图像交换。 ? 弹出信息 C 显示一个信息框。 ? 恢复交换图像 C 将交换后的图像恢复为原图像。 ? 打开浏览器窗口 C 打开一个新窗口，并载入指定的网页，设定新窗口的属性。 11.2 Dreamweaver 基本行为 ? 拖动层 C 允许浏览者拖动层。 ? 控制 shockwave 或 Flash C 控制 shockwave 或 Flash 的播放、停止等功能。 ? 播放声音20C 在网页中控制声音的播放。 ? 改变属性 C 允许动态地改变对象的属性，如图像的大小等。 11.2 Dreamweaver 基本行为 ? 时间轴 C 控制层在页面中运动。 ? 显示- 隐藏层 C 控制层的可见性属性，实现层的显示或隐藏。 ? 显示弹出式菜单 C 创建或编辑弹出式菜单 ? 检查插件 C 检查系统中是否安装了某种媒体播放插件，如 Flash 插件。 11.2 Dreamweaver 基本行为 ? 检查浏览器 C 检查浏览器的类型或版本。 ? 检查表单 C 检查指定文本域的输入内容是否符合某种数据类型。如指定只能接受数字等。 ? 设置导航栏图像 C 设置鼠标翻转图像的导航菜单。 ? 设置文本 C 设置层文本、状态栏文本、框架文本、文本域文字等。 11.2 Dreamweaver 基本行为 ? 调用 JavaScript C 调用预先编写的 JavaScript 脚本，实现相应的动作。 ? 跳转菜单 C 控制跳转菜单的显示。 ? 跳转菜单开始 C 控制带“前进”按钮的跳转菜单的显示。 ? 转到 URL C 指定当前的浏览器窗口或框架窗口载入指定的页面，实现链接到指定的 URL。 11.2 Dreamweaver 基本行为11.3 Dreamweaver“行为”面板 ? 从[窗口][行为]菜单弹出“行为”面板 11.3 Dreamweaver“行为”面板 的多个动作。当从此列表中选择某个动作时，将出现一个对话框，用户可以进行有关参数的 设置。 ? 删除事件： C 从行为列表中删除所选的事件。 ? 上下箭头按钮： C 将特定事件的所选动作在行为列表中向上或向下移动。 给定事件的动作以特定的顺序执 行。选中一个事件或动作可以更改执行的顺序。2111.4 添加行为的基本步骤 ? 选定对象（关键步骤） C 行为必须（只能）附加页面中的某个对象中； C 如果没有选定某个具体的对象，默认选定整个网页（body） 。 ? 添加行为 C 点击“行为”面板中的图标，打开动作下拉菜单； C 当从动作列表中选择某个动作时，将出现一个对话框，用户可以进行有关参数的设置。 ? 设置（指定）事件 C 添加行为后，相应的动作和事件就出现到“行为”面板的列表中，点出事件的名称，打 开一个下拉菜单，其中包含可以触发该动作的所有事件，选择适当的事件。 11.5 行为实例操作――交换图像 ? 行为设计： C 准备两张图像，一张睁大眼睛的女郎（womem2.gif） ，另一张闭眼女郎（womem1.gif） 。 C 行为效果：将鼠标移向女郎，女郎会害羞地闭上眼睛；移开后女郎又会睁开眼睛。 ? 操作步骤： C 在网页中添加图像 womem2.gif； C 鼠标选定图像 womem2.gif， 窗口][ 行为] 菜单弹出 从[ “行为” 面板， 点击添加行为(+)， 弹出添加行为下拉菜单，选择“交换图像” ，弹出“交换图像”对话框。 11.5 行为实例操作――交换图像 C “交换图像”对话框中点击[浏览]按钮，选择闭眼女郎图像（womem1.gif） ； C 点击[确定]按钮。完成操作，浏览制作效果。 11.5 行为实例操作――显示-隐藏层 ? 行为设计： C 准备两张图像，一张笑脸（smile.gif） ，另一张哭脸（cry.gif） ； C 行为效果：当点出图像笑脸后，笑脸变为哭脸，而点击图像哭脸时，哭脸变为笑脸，如 此循环。 ? 操作步骤： C 在页面中添加两个层（Layer1、Layer2） ； C 分别在层 Layer1 中添加笑脸图像（smile.gif） 、在层 Layer2 中添加哭脸图像（cry.gif） ； 11.5 行为实例操作――显示-隐藏层 C 选择笑脸图像（smile.gif） ，添加行为“显示-隐藏层” ，弹出“显示-隐藏层”参数设置对 话框： ? 选择命名的层：层“Layer1” ，点击[隐藏]按钮； ? 选择命名的层：层“Layer2” ，点击[显示]按钮； ? 点击[确定]按钮。 （操作结果如下图所示） ? 点击事件（onFocus） ，在下拉列表中选择事件（onClick） 。 11.5 行为实例操作――显示-隐藏层 C 选择哭脸图像（ cry.gif ） ，添加行为“显示-隐藏层” ，弹出“显示-隐藏层”参数设置对 话框： ? 选择命名的层：层“Layer1” ，点击[显示]按钮； ? 选择命名的层：层“Layer2” ，点击[隐藏]按钮； ? 点击[确定]按钮。 （操作结果如下图所示） ? 点击事件（onFocus） ，在下拉列表中选择事件（onClick） 。2211.6 JavaScript 脚本语言的特点 ? 什么是 JavaScript C JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。 使用它的目的是与 HTML 超文本标记语言、Java 脚本语言（Java 小程序）一起实现在一个 Web 页面中链接多个对象，与 Web 客户交互作用。从而可以开发客户端的应用程序等。它 是通过嵌入或调入在标准的 HTML 语言中实现的。 ? JavaScript 语言的特点： C 脚本编写语言 JavaScript 是一种脚本语言， 它采用小程序段的方式实现编程。 像其它脚本语言一样,JavaScript 同样已是一种解释性语言，它提供了一个易的开发过程。 11.6 JavaScript 脚本语言的特点 C 基于对象的语言 JavaScript 是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自 己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 C 简单性 JavaScript 的简单性主要体现在：首先它是一种基于 Java 基本语句和控制流之上的简单而紧 凑的设计, 从而对于学习 Java 是一种非常好的过渡。 其次它的变量类型是采用弱类型， 并未 使用严格的数据类型。 11.6 JavaScript 脚本语言的特点 C 安全性 JavaScript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上， 不允许对网络文档进行修改和删除， 只能通过浏览器实现信息浏览或动态交互。 从而有效地 防止数据的丢失。 C 动态性 JavaScript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 Web 服务程序。它 对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、 选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 11.6 JavaScript 脚本语言的特点 C 跨平台性 JavaScript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 JavaScript 的浏览器就可正确执行。从而实现了“编写一次，走遍天下”的梦想。 C 综合所述 JavaScript 是一种新的描述语言，它可以被箝入到 HTML 的文件之中。 JavaScript 语言可以做到回应使用者的需求事件 (如： form 的输入) ，而不用任何的网路来 回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)处理，再 传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。 11.6 JavaScript 脚本语言的特点 ? 一个简单的 JavaScript 程序 &html& &head& &Script Language =&JavaScript&& &!-alert(&这是第一个 JavaScript 例子!&); alert(&欢迎你进入 JavaScript 世界!&);23//--& &/Script& &/Head& &/Html& 11.6 JavaScript 脚本语言的特点 ? JavaScript 脚本说明 C &Script Language =“JavaScript”&...&/Script&声明 JavaScript 脚本程序，位于网页的&head& 部； C 通过&!-- ...//--&标识说明：若不认识 JavaScript 代码的浏览器，则所有在其中的标识均被 忽略；若认识，则执行其结果。使用注释这是一个好的编程习惯，它使其他人可以读懂你的 语言。 C alert()是 JavaScript 的窗口对象方法，其功能是弹出一个具有 OK 对话框并显示（）中的 字符串。 7.1 CSS 的概念样式是预先定义好的一系列格式的集合。 由于 HTML 标记简单、 标记固定化、 没有扩展性， 在网页元素外观表现上受到限制， 不能达到精确格式化。 Cascading Style Sheets ――层叠样式表，是 W3C 组织批准的一种网页元素格式定义的规则，可对网页元素进行精 确格式化定义， 是对 HTML 标记的补充和扩展。 可以同时定义多个网页元素的显示效果， CSS 如字体、颜色、对齐等，也可控制网页元素的位置、特殊效果、运用时的鼠标效果等众多 HTML 样式不能定义的显示属性。 ? CSS 对 HTML 标记的补充和扩展，它本身不能单独起作用。 1）CSS 的作用：作为 HTML 标记的补充和拓展。 2. 实现网页中各种元素的准确定位，和精确的外观显示效果。 3. 通过定义相同标记的属性， 使具有相同标记的元素的显示效果相同， 从而使网页设计效 率提高、代码更少。 4. 多个网页文件可同时使用一个 CSS 文件 ?可以保证多个网页的字体和其它元素的格式一致性； ?也使只修改这个 CSS 文件而达到批量修改一批网页的外观和格式； ?使网站拥有更少的代码、下载和浏览的速度更快。2）CSS 的分类根据 CSS 的存放作用方式 分类： 1. 外部 CSS（文件）――可以同时控制多个网页 2. 网页内部 CSS――只控制一个网页中的多个标记属性 3. 标记内部 CSS――只控制某个标记属性根据 CSS 定义的标记分类： 1. 自定义样式――自创非标准的标记及其属性。格式：class=“样式名”重定义样式―― 重新定义原 HTML 标准标记的属性 3）CSS 的使用原则各种方式的 CSS 可以混合使用 2. CSS 相互冲突时的优先顺序――内层优先 3. CSS 与 HTML 冲突时，CSS 中定义的属性自动取代 HTML 中的标记属性。4）CSS 的语法 规则内、外部 CSS 样式的语法规则：格式实例： p{ font-size: 14 color: #FF0000; } 2. 标记内部 CSS 样式的语法规则：格式实例：C&img style=“cursor:hand”&――对&img&24标记添加内部样式 C&span style=“cursor:help”&――对文字块添加标记，并添加内部样式。 5）冲突解决规则――内层优先两个或多个 CSS 样式应用于同一个网页元素时，如一种样式 将文字的颜色设为红色，而另一种样式却将文字的颜色设为兰色。――解决规则：显示最里 面的样式。 7.2 CSS 的创建、编辑 1）创建前的准备工作： （最关键） C分类文字块、 设计字号和颜色等， 并把不同文字块放在不同的标记中――确定对哪些文字 块采用怎么样的外观，要对哪些标记进行创建样式表； C规划设计链接点的外观――设计&a&标记创建样式表； C从网站建设规划的角度来确定创建的样式的应用方式――外部还是内部样式。 2）创建 CSS CCSS 样式设计面版――应用样式 C新建 CSS 样式 ?定义在：选择外部样式，还是内部样式 ?类型：选择重定义标记，还是自定义标记 ?选择器：选择标准的标记，或输入自定义的标记名称 C选择分类、设置相关 CSS 样式属性、确定 C重复前面两个步骤，定义另一个样式 3）编辑 CSS CCSS 样式设计面版――编辑样式 C选择并双击某样式 C修改某样式的值、确定 ? 内部重定义 CSS 的应用――自动控制着所有重定义的标记 ? 已有外部 CSS 的应用 CCSS 样式设计面版 C附加样式表 ?链接：共用外部 CSS ?导入：内部 CSS ? 对已有的标记应用自定义的 CSS C选取已有的标记 C属性面版、点击 ――切换 CSS/HTML 模式 C选择自定义的样式 7.3 CSS 的应用 1）文字的样式设置 ? 对网页的文字进行分块， （如分为大标题、小标题、段落等） ； ? 相同外观（如字体大小、颜色、行间距等格式）的文字块采用相同的标记； ? 创建 CSS，分别对以上的标记的属性进行定义： ? 定义的属性主要包括：字体大小、颜色、行间距等 2）背景样式的设置重定义&body&标记 ? 分类――背景 C背景颜色 C背景图像 C重复 C水平位置25C垂直位置 3）鼠标形状样式的设置内部 CSS 样式，在 DW 的代码窗口中进行 ? 如：对&img&标记添加内部样式： &img style=“cursor:hand”&――使鼠标形状变为手形 &span style=“cursor:help”&――使鼠标形状变为问号 注：在 IE 中浏览，才显示效果 4）链接点外观下划线样式的设置重定义&a&标记 ? 分类――类型 ? 修饰――无 代码： a{ text-decoration: }5）链接点外观颜色样式的设置未点击的链接点的颜色：A:link {COLOR: #0000ff }已点击的链 接点的颜色：A:visited {COLOR: #800080}鼠标正按着的链接点的颜色：A:active {COLOR: #ff0000} ? 鼠标经过的链接点的颜色：A: hover {COLOR: #ff 表格的概述表格的基本作用是：定位、版面布局网面元素一般通过单元格进行分类、对 齐、定位表格是网页版面布局最有效的元素。表格在网页制作中使用最广泛、应用技巧最多 的元素。 ? 在应用要避免表格嵌套层次过多，嵌套层次过多会增加页面的显示时间。 8.2 表格的创建和属性设置 1）创建表格，插入表格对话框见下图 C行数： C列数： C宽度：表格宽度，单位： C边框：表格外边框的宽度，单位：像素 C单元格填充：单元格中的内容与单元格边框之间的距离，单位：像素 C单元格间距：相邻单元格之间的距离，单位：像素前三个属性为必须设置的属性 ? 后三个属性可以有采用默认值 2）表格属性的设置，表格属性面板见下图 C表格 ID： C行、列 C宽、高 C边距：单元格填充 C间距：单元格间距 C对齐： C边框：表格外边框的宽度，单位：像素 C背景颜色： C背景图像： C边框颜色：表格边框颜色 3）单元格、行或列属性的设置，单元格属性面板见下图C单元格中内容的对齐方式：26?水平方向对齐： ?垂直方向对齐： C宽、高 C不换行：防止换行 C标题：单元格内容格式为标题格式 C背景：背景图像 C背景颜色： C边框：表格外边框的宽度 8.3 表格的操作合并单元格 ? 拆分单元格 ? 插入行 ? 插入列 ? 插入行或列 ? 删除行 ? 删除列 8.4 表 格 的 基 本 代 码 和 基 本 特 征 &table width=&750& border=&1& cellspacing=&0& cellpadding=&0&& &tr& &td&&&/td& &td&&&/td& &/tr& &tr& &td&&&/td& &td&&&/td& &/tr& &/table&&td&和&/td&表示一个单元格，也体现了表格的列结构。 ? &tr&和&/tr&表示表格的一行。 ? 表格的单元格与单元格之间、行与行之间、行与单元格之间都存在空格分隔开来。这将 影响到尺寸较小的单元格设置。 ? 外边框的宽度可以规定，但内边框的宽度不可以规定。 ? 内边框的颜色默认为外边框的颜色。 8.5 表格的应用 1）表格尺寸的规定表格宽度的单位： C像素 ：不随窗口尺寸的变化而变化 C百分比 ：随窗口尺寸的变化而改变 ? 外边框宽度：像素 ? 外边框高度：无规定 ? 第一行单元格宽度：像素、 C从第一单元格开始定义，但最后一个单元格无须规定（注意） ? 第一列单元格高度：像素 ? 其余单元格的宽度、高度：无规定 2）利用表格进行网页布局窗口分辩率： C800×600 表格宽度：775 C 表格宽度：1000 ? 网面属性：27C左边界：0 C顶部边界：0 C边界宽度：0 C边界高度：0 ? 表格属性： C填充：0 C间隔：0 C边框：0 C对齐：居中对齐 ? 表格嵌套：尽可能少采用嵌套、尽可能避免采用嵌套 3）利用表格定位图像插入表格 ? 合并单元格 ? 定义单元格尺寸 ? 定义表格背景 ? 定义表格边框、删除单元格空格 ? 插入图像 8.6 表格的应用实例图像定位：见实例――表格定位.htm ? 新浪网的版面布局：见实例――新浪网布局.HTM ? 带园角的方框：见实例――圆角方框.htm 第十四章网站建设概述 14.1 什么是网站建设 ? 网站建设是应用各种网络设计技术，为企事业单位、公司和个人在互联网（Internet） 上建立自己的站点并发布信息。 14.1 什么是网站建设 ? 网站建设市场前景： C 截至 2007 年 6 月， 中国网站数量已经达到 131 万个， 半年内增加了 47 万个， 2006 比 年同期增加了 52 万个，年增长率达到 66.4% 。 C 全国网页数为 44.7 亿个 C 更新周期分类的网页 14.2 网站建设流程 ? 网站建设目标定位 ? 内容规划：确立网站主题、规划网站栏目与结构 ? 收集整理有关资料、组织文档和数据 ? 网页设计制作 ? 网站测试 ? 网站发布与推广 ? 网站维护 14.2.1 网站建设目标定位 ? 为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性 网站？是企业的基本需要还是市场开拓的延伸？ ? 根据建站目的来确定网站的功能，并指导网站的规划、具体的建设和网站的扩展。 ? 不同的建站目的决定不同的网站功能。28?清晰明确的目标是网站建设成功的关键。14.2.1 网站建设目标定位 例：企业商业网站的建站目标 C 树立公司形象，扩大业务宣传。 C 收集客户反馈，加强客户服务。 C 网上市场调查，开展网络营销。 C 建立信息数据库，实施电子商务。 简而言之：宣传品牌，发布信息，推广产品，客户服务等。 例：个人网站的建站目标 简单介绍自己、展示自己，主要以个性展示为主。 14.2.2 内容规划 ? 确定网站主题； ? 规划网站栏目和结构（导航结构） ； 例：一般企业型网站应包括：公司简介、企业动态、产品介 绍、客户服务、联系方式、在 线留言等基本栏目。 更多栏目如：常见问题、营销网络、招贤纳士、在线论 坛、英文版等等。 子栏目及结构：如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产 基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务 宗旨、服务项目等。 14.2.3 收集整理有关资料、组织文档和数据 ? 根据已确定网站的主题、规划的内容和网站栏目，收集相关的图像素材、文档和数据等 资料。这些资料能充分反映网站主题内容。 ? 接下来对所收集的资料进行整理分类，并与规划的网站栏目相对应。 ? 组织文档和数据，完善页面内容。 14.2.4 网页设计制作 C 版面布局设计 C 根据页面的尺寸特点和主题内容组成， 把页面划分为多个内容信息块， 形成符合人们的 审美观念、内容组成合理的页面结构。 ? 版面的一般构成： ? 网页的标志――反映主题――标志（Logo） ? 页面导航条――网站或其它网页的链接点 ? 主内容区――各个栏目，始终围绕着主题 ? 次内容区――网站宣传、广告、导航、其它功能等 ? 信息区――网站、作者的信息等内容 14.2.4 网页设计制作 ? 常见布局 C π 型结构 C T 型结构 ? 版面布局的目标 C 分类合理 C 层次分明 C 整齐有序 14.2.4 网页设计制作29? C C C网页制作 网页编辑制作软件（Dreamweaver） 图像编辑制作软件（Photoshop、Fireworks） 其它媒体编辑制作工具（FLASH 等）14.2.5 网站测试 ? 网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： C 文字、图片是否有错误 C 链接是否有错误 C 程序及数据库测试 14.2.6 网站发布与推广 ? 购买域名和虚拟主机 ? 上传网站到 Web 服务器上（发布完成） C CuteFTP ? 网站推广 C 建站的目的是“访问” ，如果访问量低，建站便毫无意义。 C 利用各种方式或手段进行宣传和推广，目的是提高网站的访问量。 14.2.6 网站维护 1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 3、内容的更新、调整等。 4、制定相关网站维护的规定，将网站维护制度化、规范化。 5、说明：动态信息的维护通常由企业安排相应人员进行在线的更新管理；静态信息（即没 用动态程序数据库支持）可由专业公司进行维护。 14.3 具体栏目策划 ? 目的： C 作为网站建设过程中的依据 C 使网站建设过程程序化、整体化，内容充实， ? 栏目概述 C 包括栏目定位，栏目目的，服务对像，子栏目设置，首页内空，分页内容。 ? 栏目详情 C 栏目目的（把子栏目的目的写清楚） 14.3 具体栏目策划 C 服务对像， （用以明确栏目的发展方向，更好的为达到目的而做哪些具体内容） C 内容介绍， （详细说明本子栏目的具体内容） C 资料来源， （说明该栏目的内容来源是什么，以保证栏目开展下去不会出现没有内容的 情况） C 实现方法， （讲述实现这个栏目的具体方法） C 有关问题， （栏目负责人在栏目的策划过程当中想到的，目前尚未解决的问题） C 重点提示（重点提示美工人员或编程人员需要注意的地方，或需要结合的地方，也可是 栏目策划人员对该子栏目在这些方面的良好见意） 14.3 具体栏目策划 ? 相关栏目 C 说明本栏目和其它栏目之间的结合， 沟通， 之所以要有这一项是想通过各个栏目之间的30联系，来加强网站的整体性。 ? 参考网站 C 标明本栏目参考了哪些网站， 或可以参考哪些网站。 并一定要说明参考其它网站的哪些 优点，哪些地方是我们在建设过程当中应该注意的。决不是只写上一个网址就可以了！ ? 附录 用以记录这个文档的历史修改过程，和改了哪些内容。 第十五章站点设置与发布 15.1.1 IIS 简介 ? IIS（Internet Information Server，互联网信息服务）是一种 Web（网页）服务组件，用 于建立 Web 站点； ? IIS 包括 Web 服务器、FTP 服务器、NNTP 服务器和 SMTP 服务器，分别用于网页浏览、 文件传输、新闻服务和邮件发送等方面； ? IIS 使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。 15.1.2 IIS 的安装 ? IIS 为 Microsoft Windows 操作平台自带的 Web 应用服务器系统，但它没有默认安装。 ? 安装需求： Windows 操作系统安装盘 ? 安装步骤： C 控制面板→添加或删除程序：打开“添加或删除程序”对话框 C 添加/删除 Windows 组件：打开“Windows 组件向导”对话框 C 选中“Internet 信息服务（IIS） ”选项，单击“确定”按钮 15.2 Web 站点设置 ? 配置 IIS 默认 Web 站点 ? 新建 IIS 站点和虚拟目录 ? Web 站点的访问 15.2.1 配置 IIS 默认 Web 站点 ? 运行“Internet 服务管理器” C 【开始】 【程序】 【管理工具】 C 【开始】 【设置】 【控制面板】 【管理工具】 ? 打开“默认 Web 站点属性”设置对话框 C 右击“默认 Web 站点” ，弹出下拉菜单 C 选择“属性” ，弹出“默认 Web 站点属性”设置对话框 ? 设置选项 C Web 站点、主目录、文档 15.2.1 配置 IIS 默认 Web 站点 ? Web 站点 C IP 地址：默认――(全部未分配) C TCP 端口：默认――80 ? 主目录 C 本地路径：站点网页文件地址 C 执行许可：脚本与可执行程序 ? 文档： C 网站首页文件名：可以用自命名31? 目录安全性 C 匿名访问和验证控制 C IP 地址及域名限制 15.2.2 新建 IIS 站点和虚拟目录 ? 当站点的端口号不是默认端口（80）时 C 新建――站点 C 根据向导完成（站点名称、 IP 地址、端口号等） ? 当网站的目录不存放在默认网站的主目录内时 C 新建――虚拟目录 C 根据向导完成（目录别名、目录地址、访问权限等） 15.2.3 Web 站点的访问（默认端口） ? 格式 1： （Http://）+（站点 IP 地址）[+/首页文件名] 例如： http://210.37.3.10 或：210.37.3.10 http://210.37.3.10／index.htm ? 格式 2： （Http://）+（站点机器名） 例如：http://11a22 15.2.3 Web 站点的访问（默认端口） ? 格式 3： （Http://）+（WWW.)+（站点域名） 例如：http://www.zhujiangwuye.com http://zhujiangwuye.com ? 格式 4： （Http://）+（站点 IP 地址）+（/）+（下级目录或虚拟目录） +（/）+（文件 名） 例如： http://210.37.3.10/aa/index.htm15.2.3 Web 站点的访问（非默认端口） ? 格式 1： （Http://）+（站点 IP 地址或域名）+(：)+（站点端口号） 例如：http://210.37.3.10:8000 ? 格式２： （Http://）+（站点 IP 地址或域名）+(：)+（站点端口号） +（/）+（下级目录 或虚拟目录）+（/）+（文件名） 例如： http://210.37.3.10:8000/aa/index.htm 15.3 Dreamweaver 站点设置 ? 站点文件夹的筹建 ? 定义本地站点 ? 定义远程站点 ? 定义测试服务器 15.3.1 站点文件夹的筹建15.3.2 定义本地站点32? 站点名称：DW 站点的别名 ? 本地站点根文件夹：网页文件夹的位置，可以是 Web 站点的根文件夹，也可以是 Web 站点的根文件夹的子文件夹。 ? 默认本地图像文件夹：网页图像文件夹的位置。 ? HTTP 地址：标识站点的 URL，验证站点内的绝对 URL 超级链接 15.3.3 定义远程站点 ? 本地/网络――开发与发布的地址共同存在于一台计算机。 ? 远程站点文件夹：Web 站点地址――IIS 定义的 Web 站点文件夹。 15.3.4 定义测试服务器 ? 测试服务器――指定可在哪里处理动态页 C 根文件夹可以是本地的也可以是远程的，取决于您的 Web 服务器正在哪里运行。 C 测试服务器可以是您的本地计算机、开发服务器、模拟调试服务器或生产服务器。只要 测试服务器可以处理您计划开发的动态页类型，选择哪个就无关紧要。 15.3.4 定义测试服务器 ? 服务器模型：服务器应用技术与服务器端脚本语言――ASP VBSrcipt ? 访问：本地/网络 ? 测试服务器文件夹：指定可在其中处理动态页的文件夹 ? URL 前缀：http://localhost 15.4 域名和 IP 地址 ? IP 地址 C Internet 地址必须是惟一的，它由 TCP/IP 协议中的 IP 协议提供，故称为 IP 地址。 C IP 地址是一个 32 位的二进制数（即 4 个字节） 。为了简化表示，在书写时，通常每个字 节用十进制表示，即将 IP 地址记为 4 个十进制数（0～255） ，每相邻两个十进制数之间用英 文小圆点分隔。 C IP 地址的格式 ? 如： 210.37.0.32 ? 表示海南教育科研网的某台主机的 IP 地址 15.4 域名和 IP 地址 C IP 地址的结构 ? IP 地址采用分层结构，由类别、网络标识和主机标识三部分组成： ? 网络标识即网络地址，用来标识一个网络（地址） 。 ? 主机标识即主机地址，用来标识一台主机（地址） 。 ? 采用分层结构的目的是为了便于寻址，即先按 IP 地址中的网络地址找到 Internet 中一 个物理网络，再在该网络中找到主机地址。 15.4 域名和 IP 地址 C IP 地址的分类 ? Internet 地址根据网络规模的大小分为五种类型： 类， 类， 类， 类和 E 类。 A B C D 其中， A、B 和 C 类是基本的 Internet 地址，为主类地址。D、E 类为次类地址，D 类地址被称为多 播地址，而 E 类地址尚未使用。 15.4 域名和 IP 地址 ? A 类地址：网络地址空间占 7 位，允许 126 个不同的 A 类网络，起始地址为 1～126，033和 127 两个地址用于特殊目的。每个网络的主机地址多达 224（）个，格式为：1～ 126.X.Y.Y，适用于有大量主机的大型网络。 ? B 类地址：网络地址空间占 14 位，允许 214（16384）个不同的 B 类网络，起始地址为 128～191。每网络能容纳主机多达 216（65536）个，格式为：128～191.X.Y.Y，适用于的中 型网络，例如国际大公司和政府机构等。 ? C 类地址：网络地址空间占 21 位，允许 221（2097152）个不同的 C 类网络，起始地址 为 192～223。每网络能容纳主机多达 28（256）个，格式为：192～223.X.Y.Y，适用于的小 型网络，例如一些小公司或研究机构等。 15.4 域名和 IP 地址 C IP 地址的分配 ? IP 地址由国际组织 NIC（Network Information Center，国际网络信息中心）负责统一分 配。 ? NIC 直接分配 A 类地址及授权全球各大洲的网络信息中心来分配 B 类地址。 ? InterNIC、ENIC 和 APNIC 负责分配 B 类地址：InterNIC 负责北美地区的分配工作；ENIC 负责欧洲地区的分配工作；APNIC 负责亚太地区的分配工作。 ? C 类地址由地区网络中心向国家级信息中心申请分配。 15.4 域名和 IP 地址 ? 域名地址 C 由于数字形式的 IP 地址很难记忆和理解，不方便使用，为此，Internet 采用英文符号来 给网络中的主机命名，用来表示主机地址，这就是域名地址。 1）域名系统与域名系统服务器 C 域名系统（Domain Name System，DNS）是 Internet 采用字符给主机命名的一种系统， DNS 可以给 Internet 上的每一台主机赋予一个惟一的有直观意义的标识名， 并与 IP 地址一一 对应，这个标识名就是域名。 15.4 域名和 IP 地址 C 主机域名必须在 DNS 服务器中注册。域名注册是将主机名和 IP 地址记录在 DNS 服务器 中数据库的一个列表中，DNS 服务器才能为客户机提供存储和搜索其他主机的主机名和 IP 地址，使两者惟一地对应起来。 2）域名的结构 C 顶级域名（通常为国家和地区名） 、机构名、单位名（网络名） 、主机名。 C 如：news.sina.com.cn 15.4 域名和 IP 地址 3）域名的注册 C 用户在域名注册时， 首先是要选择域名注册服务商， 可以是顶级域名注册商或者其代理 服务商； C 国内域名的注册要通过 CNNIC 授权的国内域名注册商来进行，一般的域名注册商在经 营国际域名的同时也都经营国内域名的注册， 因此在选择国内域名注册和国际域名注册商时， 通常没有必要分开进行。 C 域名注册程序： 选择域名注册服务商－&查询自己希望的域名是否已经被注册－&注册用 户信息－&支付域名注册服务费－&提交注册表单－&域名注册完成。 15.6 虚拟主机 ? 由于建立独立的网站成本较高，虚拟主机是中小企事业建立网站的重要选择。34? 虚拟主机就是把一台真正的主机分成许多“虚拟”的主机，每一台虚拟主机都具有独立 的域名和 IP 地址，具有完整的 Internet 服务器（WWW, FTP,Mail）功能。有的网站也称之为 空间，或者虚机。35
(比如:搜集自己的相片、图片、个人简介、音乐、Fl 《网页设计与制作》公选课 考试内容:制作个人网站一、 提交形式 个人网站(电子版) 二、 相关要求: 1、前期...唐传娣公选课《网页制作》期末考试方案公选课《网页制作》期末考试考核主要从学生动手操作能力即作品和网页设计与制作报告(700 左右) 。一、学生作品要求 2.考试...《网页设计与制作》公选课课程介绍: 网页设计与制作》公选课课程介绍:《网页设计与制作》是一门理论与实践技能并重的课程,主要介绍如何使用当前流行的 网页制作工具...学时: 实验学时: 18 课程类别: 课程类别: 选修 一、实训教学任务与目的: 教学任务与目的: 任务与目的 《网页设计与制作》是全校各专业的一门限定性选修课。...《网页设计与制作》课程设... 8页 免费 网页设计与制作公选课课程... 1页 ...武汉理工大学华夏学院 课 程 报 告 课程名称:网页设计与制作基础 题目: 专业班...《网页制作》课程教学大纲(供选修课使用) 课程名称:网页制作(Web Page Making) 学时:36(28/8) 学分:2 一、课程简介本课程是面向全校各专业的公共选修课程, ...网页设计与制作――心得感想经过十二周的网页制作公选课,我们在网页丐界里结束了一段美妙的旅程。 代码是它的语言,我们对待网页这个网络生活中司空见惯的事物有了...学时: 实验学时: 18 课程类别: 课程类别: 选修 一、实训教学任务与目的: 教学任务与目的: 任务与目的 《网页设计与制作》是全校各专业的一门限定性选修课。...《网页设计与制作》课程设... 8页 免费 网页设计与制作公选课课程... 1页 ...武汉理工大学华夏学院 课 程 报 告 课程名称:网页设计与制作基础 题 目: 专业...公共选修课课程说明_调查/报告_表格/模板_应用文书。...课网页设计与制作《网页设计与制作》课程涉及到的...合同法主要阐述了合同法的基本概念、基本知识、基本...
All rights reserved Powered by
www.tceic.com
copyright &copyright 。文档资料库内容来自网络，如有侵犯请联系客服。