第8章静态网页制作基础与HTML 国家精品课《Internet)应用基础》课程网站 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm
国家精品课《Internet应用基础》课程网站 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 第8章 静态网页制作基础与HTML
学习目标 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 了解网站制作基本流程 了解网站的基本结构 了解静态网页与动态网页特点 熟悉HTML相关基本概念 熟悉HTML基本标记及元素 册 掌握HTML常用标记元素和属性的使用 能够用HTML制作简单静态网页 能够通过超链接实现网页间的跳转 《(应用与mL国来精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 学习目标 ❖ 了解网站制作基本流程 ❖ 了解网站的基本结构 ❖ 了解静态网页与动态网页特点 ❖ 熟悉HTML相关基本概念 ❖ 熟悉HTML基本标记及元素 ❖ 掌握HTML常用标记元素和属性的使用 ❖ 能够用HTML制作简单静态网页 ❖ 能够通过超链接实现网页间的跳转
重点和难点 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm HTML相关知识 HTML基本标记与元素 利用HTML制作简单网页 《Internet应用与HmML》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 重点和难点 ❖ HTML相关知识 ❖ HTML基本标记与元素 ❖ 利用HTML制作简单网页
学内容 http:/jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 静态网页制作相关知识 2 >HTML相关知识 3HTML基本标记与元素 相关拓展 4 >任务：利用HTML制作简单网页 《Internet应用与HmL》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 教学内容 1 静态网页制作相关知识 2 HTML相关知识 HTML基本标记与元素 相关拓展 3 5 4 任务：利用HTML制作简单网页
作相关 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 1、网站制作基本流程 ■制定网站建设方案。 ■ 网站整体规划 ■收集资料、设计首页，与客户沟通，直至客户满意认可 ·网页设计与制作 ■与用户沟通，确认制作好的网站 ·网页测试 ·网站上传与发布 《Internet应用与HmL》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 静态网页制作相关知识 1、网站制作基本流程 ▪ 制定网站建设方案。 ▪ 网站整体规划 ▪ 收集资料、设计首页，与客户沟通，直至客户满意认可 ▪ 网页设计与制作 ▪ 与用户沟通，确认制作好的网站 ▪ 网页测试 ▪ 网站上传与发布
作相关知识 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 2、网站与页面结构 网站结构有层状结构、线性结构、Web结构。 ·层状结构 页面2 面 级标 页面7 二级标图 《Internet应用与HmML》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 静态网页制作相关知识 2、网站与页面结构 网站结构有层状结构、线性结构、Web结构。 ▪ 层状结构
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm ■ 线性结构 页 页 页 面 面 面 1 2 3 Web结构 主页 页面1页面2二页面3 一级标题 页面4页面5 页面6 页面7 页面8 《Internet应用与HmL》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 静态网页制作相关知识 ▪ 线性结构 ▪ Web结构
作相关 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 3、静态网页与动态网页 ■静态网页：静态网页是网站建设的基础。静态网页仅仅用于 ■动态网页：动态网页包含了可以在服务器上运行的程序代码 ■静态网页与动态网页的区别：程序是否在服务器端运行 《Internet应用与HmL》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 静态网页制作相关知识 3、静态网页与动态网页 ▪ 静态网页：静态网页是网站建设的基础。静态网页仅仅用于被动地发布信息，而不具有任何交互功能。 ▪ 动态网页：动态网页包含了可以在服务器上运行的程序代码，它可以将数据库中的内容调用，并显示到网页上，但用户并不能在浏览器上看到这些程序，用户在浏览器上看到的是，动态网页经过这些程序处理后的“静态网页”。 ▪ 静态网页与动态网页的区别：程序是否在服务器端运行
上相关知识 http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 1、HTML语言 HTML语言是一种文本类、解释执行的标记语言，不是程序请 包ma举例-icresoft Interaet Explerer 回☒ 文件心编锅)查看心收虎8)工具心帮助) 2、HTML举例 ①明·⊙·因已小P规未☆收滚夹⊙分· 地址@)g:internet\test.htl 习习特到链接 ■ 利用HTML语言编写 Hello World 效果图如下的网页文 河北工业职业技术学院 件 华重按美 的电 《Internet应用与HmML》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 8.2 HTML相关知识 1、HTML语言 ▪ HTML语言是一种文本类、解释执行的标记语言，不是程序语言（如 2、HTML举例 ▪ 利用HTML语言编写 效果图如下的网页文 件
相关 http:/jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm ■ 步骤一： 利用记事本，输入代码如下： HTML举例 Hello World 河北工业职业技术学院 《Internet应用与HmL》国家精品课
http://jpk.hbcit.edu.cn/guojiaji/2006/2006-g-internet/index.htm 《Internet应用与HTML》国家精品课 8.2 HTML相关知识 ▪ 步骤一：利用记事本，输入代码如下： HTML举例 Hello World 河北工业职业技术学院