网站专题制作步骤演示

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

段落标签格式：…… 说明：定义段落，自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。属性： align 用来设定段落的对齐方式。取值有：left、right和center。换行标签格式： 说明：此标签是不分段换行。只是插入一个简单的换行符。 – 标签是空标签，意味着它没有结束标签。 – 请注意， 标签只是简单地开始新的一行
中餐圆桌座位排位
网站专题制作步骤演示
• 首先，先向各位表示歉意，我没有学过 HTML，也没人教过。我所会的一点点只是我在实际工作中自己摸索的，我也讲不出什么理论，我只会做。因此就给大家演示操作步骤，和大家一起交流。这也是我第一次做PPT，献丑了！
HTML概念
• HTML（Hyper Text Mark-up Language 超文本标识语言）
•
演示开始
• 找到专题页面---文件---另存为（保存） ---保存类型为“网页，全部”
• 一：修改文字。文字部分在上部直接改动，然后在下部分设置链接、目标、字体、颜色、大小等。
• 二：替换图片。将自己所做专题中的图片，替换到保存图片的文件夹中。图片名字和大小必须是一致的。
• 三：更改布局和背景颜色等调整。要删除板块可直接选中外边框（即表格）进行删除或添加。背景等的调整在“页面属性”中设置。这个需要实际操作，建议大家自己动手操作一下。
第一张网页
<html> <head> <title>my first page</title> </head> <body> This is my first homepage! </body> </html>
网页结构类标签
文档标签
格式：<html>……</html> 说明：<html>处于文档的最前面，表示 HTML文档的开始，即浏览器从<html>开始解释，直到</html>为止。
– 是一种用来制作超文本文档的简单标记语言。 – 为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。
HTML 文件结构
<html>...</html> <head>...</head> <body>...</body> • 元素：元素总是成对出现，每一对元素一般都有一个开始的标记，也有一个结束的标记。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。
常见颜色的代码
颜色
黑色银色红色蓝色白色黄色绿色海蓝色
颜色名和RGB值
Black=”#000000” Silver=”#c0c0c0” Red=”#ff0000” Blue=”#0000ff” White=”#ffffff” Yellow=”ffff00” Green=”#00ff00” Aqua=”#00ffff”
• 所有操作进行完以后，进行预览，检查链接。
百度文库
• 最后，命名新的专题，并另存页面。关闭 DW，命名新的专题文件夹的名字，上传。
• 编写一个网页，要求3秒钟后自动跳转到中国桥梁网的网站。 <html> <head> <title>my first page</title> <meta http-equiv=“refresh” content=“3;URL=http://www.cnbridge.cn/”> </head> <body> 三秒钟后本网页将自动跳转到中国桥梁网首页 </body> </html>
文件说明信息标签
格式：<meta>…… 说明：该标签可以用来设定说明信息，一般放在文件头部内。
文件主体标签
格式：<body>……</body> 说明：位于头部之后，以<body>开始，直到</body>结束。定义了网页上显示的主要内容与显示格式，是整个网页的核心，浏览器窗口中所能显示的内容全部被包含在该标签中。
文件头标签
格式：<head>……</head> 说明：<head>紧跟<html>标签的后面，表示文件头部开始，到</head>结束。其内容包含了该HTML页面的标题和说明信息，如编码方式、关键字、编辑软件、作者信息等。
文件标题标签
格式：<title>……</title> 说明：该标签定义的标题内容不在浏览器窗口中显示，而是在浏览器的标题栏中显示。通过该标题内容的设定，可以使读者迅速了解该网页的主要内容以及在使用搜索引擎时可以找到该页。