济宁seo培训之html第一课.ppt

Seo培训总体课程安排 HTML部分： 第一课：HTML入门 第二课：HTML标签与超链接的应用 第三课：网页中表格标记 第四课：Dreamweaver使用入门 第五课：Dreamweaver制作网页 第六课：层叠样式表 第七课：Photoshop基础应用 SEO部分： 第一课：概念篇 第二课：操作篇 第三课：思维篇 第四课：案例分析 第五课：知识总结和常见问题 HTML语言与网页设计 ——Web和网站简介 WWW（World Wide Web,万维网） 基本术语 网站：网站是万维网上相关网页的集合。 网页：网页是万维网上的页面，其文件后缀名通常为.html或.htm。网页中包含一些超级链接，通过这些超级链接可以从一个网页浏览至另一个网页。网页中包含格式化文本、图形、多媒体、表单、表格。 HTML：HTML是超文本标记语言的简称。使用HTML编写的文档可以通过浏览器查看。 浏览器：浏览器是安装在客户端计算机上的应用软件，浏览器读取HTML源代码并按指令显示页面。浏览器(Browser)是用户通向WWW的桥梁和获取WWW信息的窗口，通过浏览器，用户可以在浩瀚的Internet海洋中漫游，有哪些信誉好的足球投注网站和浏览自己感兴趣的所有信息。 HTML语言与网页设计 ——HTML概述 1 什么是HTML HTML（HyperText Markup Lanquage）即超文本标记语言，是构成网页最基本的要素，也是编写ASP文档和开发各种Web应用程序的基础。ASP,PHP,JSP,ASP.NET Html（超文本标记语言）是众多网页格式的” 地基”。 HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 网页文件命名 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html 2 . HTML文档基本架构 html head title 网页标题-这是我第一个网页 /title /head ? body 这是我第一个网页！ /body /html 说明： l????? html 元素是HTML文档的最高层元素，原则上用它来指出HTML文档的开始与结束。 l???????? head 元素用来标识网页的头部， l??????? title 元素用来指定浏览器所要显示的标题文字。 l????? ?body/body 元素用来标识HTML文档的主体部分 一个简单HTML文档 1．创建一个简单的HTML文档 2. 另存为html格式。 2．简单的HTML文档的执行结果 HTML常用标记 头部标记 HEAD和/HEAD是HTML的头部标记，其中主要包括对当前网页的一些基本描述信息，例如网页标题、一些说明信息和有哪些信誉好的足球投注网站关键字等。 1．网页标题标记 格式： TITLE 标题文字 /TITLE 示例： title访客留言簿/title BODY标签 BODY和/BODY标记是HTML文档的主体标记，其内包括了将在网页中显示的文字、图片、表格、链接、表单等所有内容。 BODY标记应用示例 BODY标记应用示例 body bgcolor=“red”背景颜色 body background=“abc.jpg” 背景图片 课堂练习 第一步：编写你的第一个网页，题目为：我的第一个网页。 第二步：将网页的背景色设为蓝色(blue) HTML语言与网页设计 ——各种HTML标记 学习目标 掌握FONT标记符的用法，理解物理字符样式和逻辑字符样式。 掌握P、BR、Hn、HR标记符的用法，掌握设置段落对齐的方法。 掌握有序列表、无序列表和嵌套列表的构造方法。 理解超链接的基本概念，掌握A标记符的用法。 掌握并熟练运用图像标记的使用。 掌握并熟练运用表格标记的用法。 理解HTML其他标记。 掌握使用Dreamweaver开发网站的基本过程。 Part 1 设置字符格式 字符格式 所谓字符格式是指针对段落中的部分文字（一个或一组文字，也可以是整个段落的文字）所设置的格式，通常包括字体、字号、文字颜色等。 文字标记: font…/font FONT标记符 FONT标记符具有3个常用的属性： SIZE 设置字体大小 COLOR 设置字体颜色 FACE 设置字体样式 FONT标记符 字号属性 size 的值可以从1到7，3是默认值。该属性值也可以用 + 号或 - 号来作为相