☆WE8寇用开发精品裸程 前台图形界面设讦 长沙民政职业枝木学院
前台图形界面设计 长沙民政职业技术学院 ☆WEB应用开发精品课程
素例引入 长沙民政职业技术学院 。项同 实现学生单招系统的考生登录与注册页面 。任务 1.综合运用form表单标记完成登陆与注册的 页面设计 2.运用table,select,.checkbox,radio等 改善页面交互 EB应用开发精品课程
• 项目 实现学生单招系统的考生登录与注册页面 • 任务 1. 综合运用form表单标记完成登陆与注册的 页面设计 2. 运用table，select，checkbox，radio等 改善页面交互 案例引入
目标 长沙民政职业技术学院 ·掌握HTML的基本元素 ·掌握HTML的table元素 。掌握HTML的fom元素 ·理解HTML事件机制。 B应用开发精品课程
目标 • 掌握HTML的基本元素 • 掌握HTML的table元素 • 掌握HTML的form元素 • 理解HTML事件机制
基本概念 长沙民政职业技术学院 HTTP---HyperText Transfer Protocol: 超文本传输协议 HTML---HyperText Markup Language: 超文本标记语言 ·FTP.-File Transfer Protocol:文件传输 协议 URL---Uniform Resource Locators: 一资源定位器 纪应用开发精品课程
基本概念 • HTTP---HyperText Transfer Protocol： 超文本传输协议 • HTML---HyperText Markup Language： 超文本标记语言 • FTP---File Transfer Protocol：文件传输 协议 • URL---Uniform Resource Locators：统 一资源定位器
A7%1基本框架 长沙民政职业技术学院 Sample EB拉用开发精品课程
HTML基本框架 Sample
A7ML基础 长沙民政职业技术学院 ● . 标记文档中含有超文本的内容 ● ... html文档的头部，含有初始化信息 ... 页面的标题 ·. 文档体，包含页面所有的具体内容 ● ... 超级链接 图片标记 B应用开发精品课程
HTML基础 • … 标记文档中含有超文本的内容 • … html文档的头部，含有初始化信息 • … 页面的标题 • … 文档体，包含页面所有的具体内容 • … 超级链接 • 图片标记
ead中的常用元素 长沙民政职业技学院 ·:用于设置一些头信息 - - ·..用于定义格式 ·..:用于定义 脚本 纪应用开发精品课程
Head中的常用元素 • ：用于设置一些头信息 – – • …用于定义格式 • …用于定义 脚本
AT%字体和文字布局 长沙民政职业技宋学院 。....:各级标题 ·.:字体的颜色、大小 ·..:黑体 .:斜体 .:下划线 :斜向上表示 ..:斜向下表示 ·.:无序号列表 .:有序号列表 :定义段落 :换行 ·..:分区显示 EB应用开发精品裸程
HTML字体和文字布局 • ………：各级标题 • …：字体的颜色、大小 • …：黑体 …：斜体 …：下划线 …：斜向上表示 …：斜向下表示 • …：无序号列表 …：有序号列表 • …：定义段落 ：换行 • …：分区显示
A7%1表格和表单标记 长沙民政职业技术学院 ·.:定义表格 ..:定义行 ..:定文列 ..:定义表头 ... 定义表单 。·文本框 。·密码框 ·多选框 ·单选框 隐藏项 ..文本域 3应用开发情品课程
HTML表格和表单标记 • …：定义表格 …：定义行 …：定义列 …：定义表头 • … 定义表单 • 文本框 • 密码框 • 多选框 • 单选框 • 隐藏项 • … 文本域
总结 长沙民政职业技木学院 ·HTML的基本元素 ·JavaScript只能运行在浏览器中 ·JavaScript的基本语法 ·JavaScript事件处理 ·JavaScript中的 window,document,location,history对象 纪应用开发精品课程
总结 • HTML的基本元素 • JavaScript只能运行在浏览器中 • JavaScript的基本语法 • JavaScript事件处理 • JavaScript中的 window,document,location,history 对象