实验三 简单网页设计_第1页
实验三 简单网页设计_第2页
实验三 简单网页设计_第3页
实验三 简单网页设计_第4页
实验三 简单网页设计_第5页
已阅读5页，还剩35页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

实验三简单网页设计孙晓燕2015.4一个简单的XHTML文件使用最少的标签htmlheadbodyptitle网页的标题在”文档工具栏”里进行设置在”页面属性”对话框里,”标题/编码”里设置段落p将下列代码复制到代码视图,保存并预览效果<p>这是段落1。</p><p>这是段落2。</p><p>这是段落3。</p>换行<br/> 按下enter键，我们的说法都是“回车换行”，所以，意识里面，都认为是换行！但事实是，在Dreamweaver里面根本不是换行，而是换段！这个可以去dw产生的代码中看到，换行应该是<br/>，但dw中产生的是<p>.<p>表示段落！ 所以，要产生换行的效果，我们应该用软回车，所谓软回车就是按住shift键的同时，再按enter键。软回车才能产生<br/>.设置段间距margin首行缩进text-indent(区块)设置行间距line-height字型font-family字号font-size标题标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题。<h6>定义最小的标题。HTML会自动在标题前后添加一个额外的折行。将下列代码复制到代码视图,保存并预览效果<h1>Thisisaheading</h1><h2>Thisisaheading</h2><h3>Thisisaheading</h3><h4>Thisisaheading</h4><h5>Thisisaheading</h5><h6>Thisisaheading</h6>水平线<hr>标签在HTML页面中创建一条水平线。水平分隔线（horizontalrule）可以在视觉上将文档分隔成各个部分。空格打开“编辑”菜单选择“首选参数”在“首选参数”对话框中选择”分类”列表中选择“常规”“编辑选项”中选择””允许”多个连续的空格”“确定”

添加特殊字符 制作网页的过程中,经常需要一些特殊字符,如版权符号和注册商标等. “插入”菜单—”HTML”—”特殊字符”添加日期“插入”菜单—”日期”设置文本格式在”属性检查器”(属性面板)中可以进行设置字体字号对齐方式颜色设置段落格式在”属性检查器”(属性面板)中可以进行设置字体字号对齐方式颜色列表列表可以将文本段落用符号或序号标注起来,使文本内容条理清晰.选择文本”属性检查器”中的”项目列表”按钮或”编号列表”按钮,即可添加列表.使用项目列表后,会自动去除段落格式.超链接 文本超链接极大的方便了浏览者对网站的访问,可以轻松实现页面间的跳转以及对其他资源的访问,如下载文件等.一般用来链接某个页面或图片、动画、声音、压缩文件等网络资源，这些页面或资源可以是网站内部的，也可以是互联网上的。超链接链接:链接的页面或资源的路径目标:指定链接的页面或资源的打开方式“插入”菜单—”超级链接”或者设置”属性检查器”中的”链接”和”目标”指向法制作链接可以链接文件也可以链接图片快捷键拖动法建立链接输入链接文字选中链接文字按下shift键拖出一个箭头插入法建立链接插入—超级链接输入”文本”,选择”链接”和”目标”电子邮件超链接插入—电子邮件链接输入”文本”,”E-mail”电子邮件超链接mailto:?subjuect= 主题&cc= 抄送&bcc= 密件抄送命名锚记 就是用户在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后创建这些命名锚记的链接，这些链接可以快速将浏览者带到指定位置.创建活动字幕<marquee>direction=left,right,up,downbehavior=scroll(循环),slide（一次）,alternate（来回）loop=循环次数（若未指定，则无限循环）scrollamount=1，2，3文本移动速度height=文本移动时所占的页面高度，其值为具体的数字，例如“100”。图像插入—超级链接图像属性检查器的相关参数id宽高源文件链接替换垂直边距水平边距对齐边框添加图像热点超链接在属性检查器中选择热点工具使用热点工具在图像上绘制热点区域给图像上的热点区域添加超链接示例临沂大学在线邮局:/mail%5Fe/插入flash动画插入--媒体—flash常用菜单—媒体按钮—flash打开选择文件对话框,选择要插入的flash文件,单击确定,则将flash动画插入网页中.选中插入的flash动画,单击”属性检查器”上的”播放”按钮,播放动画观看效果,也可以在浏览器中观看效果.添加参数wmode,掉flash的背景颜色实现flash背景透明<!--是否透明--><paramname="wmode"value="transparent">实例/注释标签在HTML文档中可以加入相关的注释标记，便于查找和记忆有关的文件内容和标识，这些注释内容并不会在浏览器中显示出来。注释标签的格式有如下：

<!--注释的内容-->meta 它对访问者本人是不可见的(除非分析HTML源文件)，但是，它对浏览器和一些搜索引擎是可见的，用来描述文档特性。使用的时候直接放在

<head></head>中即可.1.搜索引擎相关

许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录，若你的网页上没有这些meta元素，则不会被登录——非常严重！

定义登录时的关键词：

<META

name="keywords"

content="你网页的关键词">

登录时的网页简述：

<META

name="description"

content="你网页的简述">

你还可引导robot/spider是否登录

<META

name="robots"

content="noindex,nofollow">上例就让robot/spider不要登录此页，且不要顺着此页的连接往下探找。下面是content=""中所填值的意思：

index

-

这是默认值，让robot/spider登录

noindex

-

不让robot/spider登录

nofollow

-

不让robot/spider顺着此页的连接往下探找

none

-

和

"noindex,

no

follow"

起相同作用2.

客户端拖曳

见过这样的页面，经过一段时间转到另外某个页面的吗？告诉你，这用到了

"http-equiv"

meta元素的一种属性。如下：

<META

http-equiv="refresh"

content="1;

url=另外一个页面的网址">

content=""中的值说明了经过多少秒后转向另外的页面，若将此值设为0，则立即转向。3.禁用缓存。如果你不想让你的页面保存在你访问者的缓存中，可这样：

<META

HTTP-EQUIV="expires"

content="0">

<META

HTTP-EQUIV="Pragma"

content="no-cache">

为什么要禁用访问者的缓存呢？浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。背景背景（Backgrounds）<body>拥有两个配置背景的标签。背景可以是颜色或者图像。背景颜色（Bgcolor）背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB值或颜色名。<bodybgcolor="#000000"><bodybgcolor="rgb(0,0,0)"><bodybgcolor="black">以上的代码均将背景颜色设置为黑色。背景（Background）背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。<bodybackground="clouds.gif"><bodybackgr

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论