第十一章 网页制作.pptVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
第11章 网页制作 佛山科学技术学院信息中心 2008年9月 主要内容 11.1 HTML语言简介 11.2 普通网页的编辑 11.3 网页的布局设计和动态效果设置 11.4 网页的导航设计 11.5 网页的发布 11.1 HTML语言简介 11.1.1 一个简单的HTML文档 学习HTML语言的目的 有助于理解网页的构成(图片、动画、声音是分离的) 某些特殊的功能,需要直接修改HTML文本 某些批量性的工作,直接在HTML文本中比较容易实现 HTML编辑工具 最简单的工具:记事本 Notepad 早期在可视化工具未开发出来时,曾有专门的工具,如HTMLPad 也可在“所见即所得”的网页编辑工具提供的HTML视图进行 HTML文本的构成 HTML文本的构成 由标志和属性构成,“标志”说明元素的类型和性质,“属性”则指明具体的参数。如IMG是一个图片的标志,它有一个(至少一个)属性为SRC,指明要显示的图片的位置。 标志由尖括号 包围,并且标志一般都要配对:起始标志 ,结束标志/ 最基本的一个HTML文本: HTML Hello,World! /HTML Head and Body 一般的HTML文本由html标志包围,其中有两个区:HEAD区和BODY区,其中HEAD区的内容不在网页中显示,而BODY区的内容则会显示在网页中。 HTML HEAD … /HEAD BODY … /BODY /HTML 一个完整的HTML文档 启动“记事本”程序,输入以下内容: HTML HEAD TITLE Welcome /TITLE /HEAD BODY H1 ALIGN=”center”Hello,World!/H1 /BODY /HTML 保存文件时,先在“保存类型”框中选择“所有文件”,在“文件名”框中输入hello.htm(不能省略扩展名),将它保存到磁盘上。然后启动IE浏览器,选菜单“文件”→“打开”,打开磁盘上刚保存的hello.htm,就可以看到一个简单的网页。网页中显示了“Hello,World!”,浏览器的标题则为“Welcome”。 11.1.2 常用的HTML标志及其属性 浏览器标题TITLE,放在HEAD区 文字标题Hn H1Hello/H1 H6Michael/H6 段落标志P,换行标志BR P相当于在FrontPgae中按回车; BR相当于Shift + 回车 关于颜色 颜色由RGB三原色组成,#RRGGBB六位数字,每一位数字是一个十六进制数;也可直接用英文的颜色名来表示 指定网页的背景色BODY BGCOLOR=“#CCCCCC” 指定网页文本颜色BODY TEXT=Aliceblue 常用标志 超级链接标志A 属性HREF 注意,同一个站点内的链接一般都用相对路径;链接到外部Internet上的目标,则用绝对路径,要给出一个完整的URL。 属性TARGET 属性TITLE 插入图片标志IMG 属性SRC 属性ALT 设置字体FONT 属性FACE 属性SIZE 属性COLOR 其他标志 表格标志TABLE 理解行标志tr 理解列标志td 表单标志FORM 框架集标志FRAMESET和框架FRAME 理解框架的组成,它包含多个网页文件 注释:其中的内容不显示在网页中,但并不表示不产生作用。 !-- -- 嵌入多媒体元素:EMBED EMBED width= , height= , SRC= 还可以加上hidden,使得嵌入的对象不显示。如:EMBED SRC=“rose.mid” HIDDEN 11.2 普通网页的编辑 11.2.1 准备工作 创建网站文件夹 文件夹的结构见下一页 将文件夹作为网站打开 使用菜单命令“文件”→“打开网站”,在弹出的对话框中选择预先准备好的文件夹(如D:\Myweb),按“打开”。 为了充分运用FrontPage的功能,免除很多不必要的错误,应该每次开始制作网页时,都先打开网站。 11.2.2 创建和编辑网页 4种视图 设计视图:可以在默认的网页视图中设计和编辑网页。 代码视图:可以查看和编辑HTML标记。通过FrontPage中优化代码功能,可以创建清洁的HTML,并且更易于删除任何不需要的代码。 拆分视图:可以使用拆分屏幕格式审阅和编辑网页内容,这种格式使用能够同时访问代码视图和设计视图。 预览视图:可以预览网页在Web浏览器中的大体的显示情况。 加入文字和图片 加入文字和图片 加入文字时注意人工分行及段落问题 同时,对于文字一般不要设置过多的格式,也不要用特殊的字体。 图片的加入 主要要注意,加入了外部图片时,在保存网页时Frontpage会提示保存嵌入式图片。应该将嵌入的外部图片保存到到MyWeb\Images文件夹中 一般提倡预先将图片

文档评论(0)

yan698698 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档