网络技术应用3Word文件下载.docx
- 文档编号:22152043
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:17
- 大小:107.66KB
网络技术应用3Word文件下载.docx
《网络技术应用3Word文件下载.docx》由会员分享,可在线阅读,更多相关《网络技术应用3Word文件下载.docx(17页珍藏版)》请在冰豆网上搜索。
按照网站的层次结构,使用者无需费力就能找到他们所想要的信息。
是最常见的一种网站结构。
网站的各个网页是按照一种线性关系组织起来的,网页和网页之间是一种顺序关系,一个网页连着下一个网页,所有的网页好像排列在一条直线上。
网站中的各个网页随意地连接在一起,似乎没有明显的组织规律。
结构图
三、网页制作
1、简单网页制作简介
(1)常用制作网页工具Frontpage:
具有“所见即所得”的特性,HTML代码由FrontPage后台自动生成。
(2)HTML语言:
它是一种超文本标记语言,使用一组特定的标记来描述网页的结构,但不能直接地描述网页在浏览器中的效果。
(3)网页中的基本元素:
文本、图像、超级链接及动画等。
2、网页制作(FRONTPAGE)操作要求
需要掌握的主要操作有:
建立站点,添加表格(插入表格、修改表格、调整单元格、表格的标题和表头、跨列和跨行的单元格),设置文字(文字大小、文字字体、文本颜色、段落标记和换行符),设置超级链接(绝对路径、相对路径、锚点),设置图像(插入图像、修改图片属性、图像超链接、热区链接),设置框架(框架的定义、框架属性设置、子窗口属性设置),添加动画、声音和视频。
3、网页制作(FrontPage)操作复习
(1)标题文字字体、字号、字型设置、字的颜色
⏹鼠标选中要设置的相关文字(按住鼠标左键并拖动即可选择相应文字)
⏹鼠标移到工具栏,设置字体、字号、字型、字的颜色
(2)插入图片和文件
⏹光标定位到要插入图片或文件的位置
⏹插入图片:
单击菜单栏“插入”→图片→来自文件,根据给定的图片文件路径选择要插入的图片文件
⏹插入文本文件:
单击菜单栏“插入”→文件,文件类型选择文本文件,根据给定的文本文件路径选择要插入的图片文件。
注意:
出现转换文本时选择“以HTML的方式处理”。
(3)设置图片格式:
大小、对齐方式
⏹在图片上右击选择“图片属性”
⏹切换到外观标签,在布局和大小里进行相关设置
更改大小时,指定大小打个钩,锁定纵横比去掉,分别设置宽度和高度数值
(4)插入水平线、水平线属性更改
⏹单击菜单栏“插入”→水平线
⏹水平线属性的更改:
右击要更改的水平线,选择水平线属性,可以设置水平线的大小(宽度及高度)、对齐方式、颜色、是否实线等。
(5)插入字幕、字幕属性的更改
⏹单击菜单栏“插入”→组件→字幕
⏹输入文字,设置字幕的方向、速度、表现方式、文本对齐方式、大小及背景颜色等
⏹字幕的字体设置:
在字幕属性对话框中点“样式…”→“格式”,点格式下的字体,设置字体、字型、大小、颜色、效果,设置好了点确定
⏹字幕属性的更改:
右击要更改的字幕,选择字幕属性,下面步骤同前三步
(6)背景图片、背景音乐设置
在网页中右击,选择网页属性
⏹背景音乐:
点常规标签,点“浏览(B)…”,根据给定的音乐文件路径找到音乐文件
⏹背景图片:
点背景标签,“背景图片”打钩,点“浏览(B)…”,根据给定的图片文件路径找到图片文件
⏹背景颜色:
点背景标签,在“颜色”下的“背景颜色”设置为要求的颜色
注意:
一张网页如果既设置了背景图片、又设置了背景颜色,则网页只能显示背景图片。
(7)表格的插入、单元格拆分与合并、单元格及表格属性设置、给表格添加标题
表格的插入
⏹单击菜单栏“表格”→插入→表格
⏹设置行列数、对齐方式、边框粗细、指定宽度等
②单元格拆分与合并
⏹拆分:
光标定位到要拆分的单元格中,选择“拆分单元格”进入设置
⏹合并:
鼠标选中要合并的几个单元格,在黑的选块上右击,选择“合并单元格”
③表格属性设置
⏹在表格中右击,选择表格属性
⏹设置表格的布局、边框、宽度、背景等
④单元格属性设置
⏹在单元格中右击,选择单元格属性
⏹设置单元格的布局、边框、宽度、背景等
⑤给表格添加标题
⏹光标定位到要添加标题的表格中
⏹点菜单栏“表格”→插入→标题
⏹输入标题
(8)设置框架
①建立框架网页
⏹点击“文件”菜单→新建→网页,弹出“新建”窗口
⏹点击“框架网页”选项卡→选择相应的框架模板
②框架属性设置
选中欲设置的子窗口,右击选择“框架属性”,进行相应设置
可做的设置有:
框架名称(表明该子窗口在框架中的位置名称,并非指子窗口中网页的名称,该名称在超链接中要使用)、初始网页、框架大小(宽度、行高)、边距(宽度、高度)、选项(是否可在浏览器中调整大小、滚动条是否显示)
③框架的拆分删除
前提:
请保证框架的各子窗口中没有设置网页
⏹拆分框架:
选中子窗口→选择菜单栏“框架”→拆分框架,进行设置
⏹删除框架:
选中欲删除的子窗口→选择菜单栏“框架”→删除框架
④框架网页的保存:
点击菜单栏“文件”→保存文件
示例:
保存一个“横幅和目录”式的框架网页,其保存先后步骤
1、先保存顶端(子窗口中放置的)网页
2、再保存左边(子窗口中放置的)网页
3、保存右边(子窗口中放置的)网页
4、最后保存整体框架网页
(9)超链接的制作
①链接到某个网址
选中要链接的图片或文字;
点菜单栏“插入”→超链接,在URL后面的框中输入相关的网址
②链接到某个文件
点菜单栏“插入”→超链接,点图标
,由文件路径选择要链接的文件
③链接到E-MAIL
,输入给定的E-MAIL地址
④链接到书签(即同一网页内的链接)
题型1:
在正文小标题前建立书签,并为主标题创建超级链接
第1步:
设置书签的名字。
光标移到小标题前,点菜单栏“插入”→书签,设置书签的名字
提示:
若小标题前出现“小旗帜”,这是书签的标志,说明书签设置成功。
过程如下图:
第2步:
为目录标题建立链接。
选中要链接的标题文字,点菜单栏“插入”→超链接,在“书签(B)…”后选择对应的书签名称,然后点击确定即可
题型2:
在正文建立书签(要求“包含小标题”),并为目录标题创建超级链接
光标移到小标题前;
拖拉并选中小标题;
点菜单栏“插入”→书签。
此时书签名称自动显示为小标题,点击确定。
(若小标题下方出现“虚线”,说明成功了)
强力提示:
千万不要多选小标题前后的空格。
为开头主标题建立链接。
选中要链接的标题文字;
点菜单栏“插入”→超链接,在“书签(B)…”后选择对应的书签名称,然后点击确定即可
⑤图片的热区链接
⏹选中菜单栏“查看”→工具栏→图片,以便打开“图片”工具栏
⏹选中要创建链接的图片,在图片工具栏中选择适当的热点划分工具
⏹利用热点划分工具在图片适当位置进行拖拉,形成不同形状的热区
⏹在弹出的“创建超链接”窗口选择适当的链接对象(如网页、邮件、文件等),按确定
所有的超链接如果是在框架网页中使用,请注意是否要设置“目标框架”,如不设置,则按默认位置打开新的链接对象。
目标框架一般有以下默认位置:
_self相同框架、_top整页、_blank新建窗口、_parent父框架
请给左图的框架网页中“目录1”添加超链接,要求链接的网页在中间框架显示
1、选中“目录1”,右击选择“超链接”,弹出“超链接”窗口
2、设置链接的网页
3、选择位于下方的“目标框架”,点击右侧
,弹出“目标框架”窗口
4、点击中间框架,使其变成蓝色选中状态,按确定
(10)悬停按钮、横幅广告管理器、动态HTML特效
①悬停按钮
点菜单栏“插入”→组件→悬停按钮;
设置按钮上的文字及链接、颜色等
②横幅广告管理器
点菜单栏“插入”→组件→横幅广告管理器;
设置宽度、高度,添加图片并排序
③动态HTML
选中要设置动态HTML特效的文字或图片所在的段落;
点菜单栏“格式”→组件→动态HTML效果,并设置
(11)添加动画、声音和视频
①添加FLASH
点菜单栏“插入”→高级→插件;
点击“浏览”选择FLASH文件的路径;
按要求设置大小及布局(对齐方式、边框粗细、水平间距、垂直间距)
②添加声音
⏹在超链接中加入声音
选中要创建超链接的文字或图片对象,右击选择“超链接”在超链接窗口选择要加入的声音文件
⏹背景音乐
见(6)
⏹添加视频
点菜单栏“插入”→图片→视频;
选择视频文件的路径,按确定
四、HTML语言的基本应用
见第四部分
五、CSS样式表的简单使用
1、CSS样式表特点
CSS样式表作为当前网页制作中的一个常用技术,不仅可以对文字格式进行设置,还可以更加精确地控制布局、字体、颜色、背景和其他图文效果。
它主要有以下几个优点。
(1)只需修改一个CSS代码就可以改变页数不定的网页外观和格式。
(2)可以更好地控制页面布局和外观
(3)在所有浏览器和平台之间具有较好的兼容性
(4)精简网页,提高下载速度
2、网页中插入样式表的方式
(1)嵌入式样式表
在每个要应用样式的HTML的标记后写上CSS属性就可以了。
这种方式主要用于对具体的标记作具体的调整,其作用的范围只限于本标记。
例如,想规定一个<
table>
标记中的文字为红色,字体大小为10pt,则可以书写为:
<
tablestyle=”color:
red;
font-size:
10pt”>
(2)内联样式表
把样式表放在<
head>
/head>
的中间,从而使样式表对当前整个HTML页面产生作用,这就是一个内联样式表。
其引用方式如下:
……
styletype=”text/css”>
!
--
样式表的具体内容
-->
/style>
其中,<
--注释内容-->
是HTML语言中的注释标签,在样式表中使用,是为了帮助不支持CSS的浏览器过滤掉CSS代码,避免网页在浏览器中显示时CSS代码不被执行而是以源代码的方式显示在浏览器中。
(3)外部样式表
一个网站的同类页面,其风格往往是相同的或类似的,我们可以只编写一个CSS文件,借助于引入外部样式表来实现不同页面的风格,并且当外部样式表被更改时,各引用该样式表的网页风格也随之发生变化,不需要手工逐个修改。
定义方法为:
①定义一个外部样式表文件(例如test.css),这个文件以”.css”为后缀,其中只需要对样式进行定义,不必包含<
style>
标识符。
②在需要引用的HTML文件的<
和<
间通过下面语句对test.css文件中样式定义进行引用。
linkhref=”test.css”rel=”stylesheet”type=”text/css”>
各种插入方式比较
插入方式
代码位置
作用范围
嵌入式样式表
具体标记内,style=””
当前标记
内联样式表
当前网页的<
之间
当前网页
外部样式表
一个样式表文件中(.css)
所用引用该样式表的网页
3、样式定义方法
我们需要掌握的样式定义方式有三种,一种是对具体的标记定义,一种是类定义,第三种是通用类定义。
其中超级链接标记a定义特别,单独说明。
以下将举例说明,其中定义方法是通用的,同样适用于其他标签。
语法格式:
HTML标记{标记属性:
属性值;
标记属性:
……}
(1)对具体标记定义
例如:
TD{font-family:
”宋体”;
12pt}对网页中所有表格中的单元格中的文字样式进行定义,定义字体为宋体,字号为12磅(pt)。
(2)对具体标记的一类进行定义
p.p1{font-weight:
bold;
color:
#00ff00;
line-height:
1cm;
text-align:
left}
p.p2{font-weight:
normal;
#0000ff;
20px;
right}
对于段落标记p定义两种类型,引用方式为在p标签中加class属性,例如
<
pclass=p1>
段落一<
/p>
,将p1类定义应用于段落一
pclass=p2>
段落二<
,将p2类定义应用于段落二
(3)通用类定义
.abc{font-size:
9pt;
green;
text-decoration:
underline}
定义一个通用类abc,并没有指定具体的标签,表示这个类可以被任何合适的标签例如p、font、table等等调用,其使用方法为在标签中添加属性class=abc。
操作题中通常使用<
span>
/span>
标记限定样式作用范围,例如<
spanclass=abc>
……<
。
(4)超链接分状态定义
超级链接有四种状态,未访问状态(link)、已访问状态(visited)、鼠标正好移上状态(hover),正被点击状态(active),我们可以对超链接的每种状态进行定义,例如:
A:
link{color:
font-family:
none}
visited{color:
hover{color:
active{color:
4、操作题注意
(1)插入一段CSS定义,首先看文件中是否已经有<
,若没有,先自行添加
(2)CSS定义代码一般紧跟着<
后一行或者<
前一行插入,切勿在中间插入。
(3)插入代码时,要观察代码中的空格,不能错。
一般对A标签进行定义时,其后“:
”前后没有空格,例如A:
link,其余的“:
”“;
”一般都有空格
(4)代码输入完后一定要检查是否输入正确,一般大小写不必区分。
六、JavaScript的简单使用
1、客户端脚本语言
客户端脚本语言就是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言,而JavaScript和VBScript就是我们最常用的客户端开发动态网页的脚本语言。
2、JavaScript应用要求
能读懂常见的JavaScript代码(如日期显示、下拉菜单、计数器、动态字幕、跟随鼠标的图片、跟随鼠标的滚动文本、标题栏里的闪烁效果等),并能根据需要,选择适当的JavaScript代码插入到当前网页的HTML代码中。
3、JavaScript使用格式
<
scriptlanguage=”javascript”>
//javascript语句
/script>
七、ASP工作流程
1、动态网页和静态网页
ASP、CGI、PHP、JSP
基于服务器端的动态网页
动态HTML
层叠样式表CSS
客户端脚本语言
JavaScript、VBScript
早期的HTML是一种静态网页,静态网页无需系统实时生成,网页风格灵活多样,但是,采用静态页面建立起来的站点,只能够简单地根据用户的请求传送现有页面,无法实现各种个性化的交互功能,而且日常维护也十分繁琐。
而动态网页可以通过更新页面的外观和行为,实现动态的交互作用,能方便地同访问者进行交流,及时获得信息反馈。
2、什么是ASP
(1)ASP是ActiveServerPages(活动服务器页面)的简称,是微软推出的一种服务器编程技术。
(2)ASP程序特点:
⏹提供客户端和服务器端的数据交互
⏹通常以数据库技术为基础
⏹页面内容根据客户请求实时生成
(3)ASP文件(.asp)包括:
HTML标记、文本显示内容、脚本程序、ASP语法等,通常可以用文本编辑器(如:
记事本)打开。
3、ASP工作流程
(1)使用不同技术编写的动态页面保存在WEB服务器内,客户端向WEB服务器发出访问动态页面的请求。
(2)WEB服务器根据用户所访问网页文件名的后缀来确定该页面所使用的编程技术,然后把该网页文件提交给相应的服务器组件程序。
(3)服务器组件程序执行脚本代码,然后把执行结果返回给WEB服务器。
(4)WEB服务器把执行结果连同页面上的HTML内容以及各种客户端脚本一同传送到客户端。
最终在客户端浏览器看到的代码只是运行结果HTML,而不是ASP源代码。
八、网站发布与管理
1、发布前的准备
(1)测试站点
⏹内容检查
⏹链接测试(通过“视图”工具栏的“超链接”视图,可以查看网站链接状态)
⏹外观测试
(2)预览网页
(3)检查下载时间
2、发布站点(网站发布信息的主要三种方式):
(1)在“网上邻居”中发布与设置“共享”
(2)在本机上发布与了解IIS(购买自己的服务器)
(3)在因特网上发布与常用上传工具(CuteFTP、LeachFTP、WebPublisher等)。
⏹先申请网站空间(申请免费空间,租用虚拟主机,租用专用服务器)
⏹利用上传工具如cuteftp等上传网站进行发布。
⏹利用IIS在本机上发布网站:
利用IIS发布网站两种方法比较
第一步:
IIS的安装
打开windows2000“控制面板”→双击“添加/删除程序”→在“添加/删除程序”对话框中单击“添加/删除windows组件”图标→在“windows组件向导”对话框中,选中“internet信息服务(IIS)”选项→单击“下一步”按钮开始安装,直至安装结束。
第二步:
IIS设置
在“控制面板”中,双击“管理工具”选项,选中“internet信息服务”,打开“internet信息服务”控制台,
第三步
方法一
方法二
右击“默认WEB站点”,→选择“属性”→选择“主目录”选项卡,设置网站的本地路径→选择“文档”选项卡,设置网站默认主页(“启用默认文档”前面的勾一定要打上)
右击“默认WEB站点”,→选择“新建”→“虚拟目录”项,并按照向导提示输入虚拟目录别名、WEB站点内容目录、访问权限,最后完成IIS的设置。
右击设置成功的虚拟目录别名,选择“属性”→点击“文档”选项卡→设置网站默认主页(“启用默认文档”前面的勾一定要打上)
如果默认文档中没有网站的主页名称,则点击右侧的“添加”,输入要发布网站的默认主页名称,按确定,并通过“上、下”箭头,将新添加的主页名称移到最上方。
适用范围
本机上只能发布一个网站
通过建立多个虚拟目录,可在本机上发布多个网站
验证发布是否成功
打开IE,在地址栏中输入“http:
//localhost”,若能看到网站的主页,则发布成功。
//localhost/虚拟目录名称”,若能看到网站的主页,则发布成功。
3、网站的维护
维护包括多个方面,内容的更新是最重要的。
另外还应该根据信息发布活动的需求,阶段性地调整网站的整体风格,如更换版面结构、颜色搭配等,以吸引更多注意力。
4、网站的宣传
如告诉别人网址、电视广播宣传、BBS上发帖子、与其他相关网站交换友情链接、在因特网上的搜索引擎中登记网址等。
九、网站的运行与评价
根据网站主题要求设计评价指标,对常见网站的建设质量与运行情况进行评价。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网络技术 应用