课件-全国-2012_七年级信息技术 网页设计基础课件 青岛版.rar 立即下载
2023-03-05
约3.2千字
约36页
0
916KB
举报 版权申诉
预览加载中,请您耐心等待几秒...

课件-全国-2012_七年级信息技术 网页设计基础课件 青岛版.rar

七年级信息技术 网页设计基础课件 青岛版.ppt

预览

免费试读已结束,剩余 31 页请下载文档后查看

10 金币

下载文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第8章第8章网页设计基础8.1概述什么是超链接?2.Web的特点超文本、图形界面、与平台无关,分布式、交互、动态超媒体进一步扩展了超文本的信息类型3.HTML语言超文本标记语言。用来编制网页文档(也称HTML文档)。并不需要经过编译,只需要通过浏览器来打开就可以看到结果采用了标记方式,描述了每个在网页上的组件,例如文本段落、文本格式、图像、超链接等通过超文本链接能方便地进行各种信息之间切换HTML版本欧洲粒子物理实验室(CERN)首次提出来的HTML2.0→HTML3.0→HTML3.2→HTML4.0DHTML(动态HTML)动态HTML能够使网页下载到浏览器以后仍然能够随时变换包含多种技术,如JavaScript,VBScript,DocumentObjectModel(DOM,文档对象模型),Layers和CSS等4.XML语言扩展标记语言XML(eXtensibleMarkupLanguage)是一种新兴的面向Web应用的标记语言HTML无法描述数据内容,而XML能够定义数据元素和属性。其最大优点是适合网上发布和在网页上组织信息。不少电子商务采用以XML为基础的文件来交换网络数据8.1.2两个简单的HTML文档例8-2建立含有两个网页链接的HTML文档<HTML><HEAD><TITLE>例8-2</TITLE></HEAD><BODY><P><AHREF=“Welcome.htm”>欢迎您</A></P><HR><P><AHREF=“http://www.pku.edu.cn/”>浏览北大</A></P></BODY></HTML>其中:<P></P>表示分段<HR>表示一条水平线<AHREF……></A>表示插入超级链接8.1.3HTML文档的基本结构(3)标记以“<”、“>”及标记名组成双边标记:<标记>……</标记>示例:<BODY>……..</BODY>单边标记:<标记>示例:<HR>一个不包含任何内容的基本HTML文档可以如下所示:<HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML>该文档可作为一个Web页标准模板,以后每次创建新HTML文档时都可以以它为基础进行扩充,从而减少录入的时间,提高效率。8.2使用FrontPage制作网页FrontPage提供了网页、文件夹、报表、导航、超链接、任务等多种视图方式在“网页”视图方式下,设有“设计”、“代码”、“预览”和“拆分”四种选项卡“设计”方式:可以利用菜单中的命令或工具栏上的按钮来编辑网页“代码”方式:可以直接对网页的HTML代码进行编辑操作“拆分”方式:窗口分为上下两部分,上端为“代码”方式,下端为“设计”方式。“预览”方式:可以预览当前的网页,让编制者观看自己当前所作的网页效果8.2.2网页的制作和测试编辑HTML文档3.网页的布局(2)框架4.网页的保存、打开及关闭8.3常用的HTML标记(4)META标记META标记是一种单边标记,放入HEAD部分中,可以说明与Web页有关的信息,其中一个作用是说明字符编码方面的信息。例如,以下META标记告知浏览器本文档是HTML文档,且中文编码使用的是GB2312。<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;harset=gb2312">其中,属性HTTP-EQUIV描述特征名,属性CONTENT描述特征值。又如<METAHTTP-EQUIV="Refresh"CONTENT="10;URL=http://www.pku.edu.cn">表示完成当前网页加载10秒后自动加载另一网页(本例为北大主页)。(5)特殊字符特殊字符字符代码<&lt;>&gt;&&amp;空格&nbsp;例如,“&lt;&nbsp;&gt;”显示为“<>”(即两个尖括号中间留一个空)。8.3.2段落格式设置(1)段落标记:<PALIGN=”#”>文字块</P>示例:<PALIGN=”right”>网页制作</P><PALIGN=”center”>网页制作</P>(2)标题标记:<HnALIGN=”#”>标题文字</Hn>示例:<H3ALIGN=“center”>网页制作</H3>(3)换行标记:<BR>(4)居中对齐标记:<CENTER>文字居中对齐</CENTER>(5)原样显示标记标记格式:<PRE>预先排好的格式</PRE>在无<PRE>标记处理的情况下,HTML会忽略文档中文本的空白字符和换行符。使用<PRE>标记后,可以保留文字块中的间隔、换行和空白,即按照原
查看更多
单篇购买
VIP会员(1亿+VIP文档免费下)

扫码即表示接受《下载须知》

课件-全国-2012_七年级信息技术 网页设计基础课件 青岛版

文档大小:916KB

限时特价:扫码查看

• 请登录后再进行扫码购买
• 使用微信/支付宝扫码注册及付费下载,详阅 用户协议 隐私政策
• 如已在其他页面进行付款,请刷新当前页面重试
• 付费购买成功后,此文档可永久免费下载
全场最划算
12个月
199.0
¥360.0
限时特惠
3个月
69.9
¥90.0
新人专享
1个月
19.9
¥30.0
24个月
398.0
¥720.0
6个月会员
139.9
¥180.0

6亿VIP文档任选,共次下载特权。

已优惠

微信/支付宝扫码完成支付,可开具发票

VIP尽享专属权益

VIP文档免费下载

赠送VIP文档免费下载次数

阅读免打扰

去除文档详情页间广告

专属身份标识

尊贵的VIP专属身份标识

高级客服

一对一高级客服服务

多端互通

电脑端/手机端权益通用