十一.表单和HTML.

Slides:



Advertisements
Similar presentations
第六章 网页设计与制作基础.
Advertisements

第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
网页制作 第一讲
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
网页制作与网站设计教学课件 网页制作与网站设计课程组开发
第7章 表 格 清华大学出版社.
第三讲 站点链接与表格布局.
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
Web图片搜索引擎设计 ——基于文本的图片信息提取.
网页 设计与制作.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
案例2 胸卡的制作. 案例2 胸卡的制作 知识要点: 学习重点及制作思路 学习目的: 邀请函的制作步骤: 1.掌握邮件合并功能 2.掌握比较并合并文档方法 3.掌握页面插入背景图 4.熟练使用文本框 知识要点: 1.邮件合并功能 2.文档中插入域内容 3.文本框的使用 技能要点: 1.域、文档部件操作.
第五单元课1-3 层叠样式表.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
PRESENTED BY OfficePLUS
第7章 Web技术和HTML 孙焘.
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
第6章 网页图像处理 通过本章学习,应该掌握以下内容: 能够选择合适的网页颜色 了解网页图像的基本格式 掌握使用网页图像的要点
风 波 鲁 迅 江南水乡风景.
在PHP和MYSQL中实现完美的中文显示
5.1 – 表格(FORM) 輸入元素 : 兩種傳遞方法 : GET or POST 範例 1. 文字欄位 Text box
CT212 (02/03)-Network Programming and design
ASP HTML知识.
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
UI 软件 设计 网页基本元素设计(二).
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
湖北职院计科系.
DreamWeaver MX (II) 林偉川.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
武汉纺织大学传媒学院 cm.wtu.edu.cn
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
JavaScript 语言3 学习网站:心蕊设计
無障礙網頁 公關室.
W3C标准网页制作 主讲教师:张 涛.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
HTML & CSS.
主讲:陶建平 华中科技大学网络与计算中心
网页设计与制作 网页基本标签(三) 北京农业职业学院刘丽霞.
网页制作基础 CNIC 王桦.
网站设计 前端 选择器(复习),表单.
Web应用开发.
W3C标准网页制作 主讲教师:张 涛.
任务1-3 使用Dreamweaver创建ASP网页
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
Open方法和close方法 主讲人:傅伟玉.
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
编程作业3:网页正文抽取 (10分).
武汉纺织大学传媒学院 cm.wtu.edu.cn
产品推广 PRODUCT PROMOTION PRESENTED BY OfficePLUS.
姚金宇 MIT SCHEME 使用说明 姚金宇
網站(web) 授課:方順展.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
HTML大探索.
CLICK HERE TO ADD YOUR TITLE
段磊 王慧锋 TEL: 数据库系统原理课程设计 实验环节4 段磊 王慧锋 TEL:
Delphi 7.0开发示例.
武汉纺织大学传媒学院 cm.wtu.edu.cn
分頁.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

十一.表单和HTML

十一.表单和HTML 1.表单和表单元素 2.HTML 讲述动态网页时会继续讲解HTML和XHTML 想了解HTML的详情,请看参考资料(如DW帮助)

十一.表单和HTML 一.表单 表单:需要向服务器提交动态数据的时候经常使用 1.表单form: 把所需要的用到的数据和表单元素放在一个表单里面, 一个页面的表单看情况而定,表单的数量一般可以简单 使用一个就可以.注意插入表单和表单元素的先后顺序 名称、动作、方法、MIME类型(先不要选择) 动作设定的是表单的处理页面,一般是动态页面。 静态页面使用表单只是出来一个“外观”

十一.表单和HTML 2.文本字段和文本区域textfield 3.隐藏域hidden: 通常用来放置一些变量,用来收集所需要的信息 4.复选框checkbox 5.单选按钮radio和单选按钮组 6.列表和菜单select 7.跳转菜单select

十一.表单和HTML 8.图像域imge:图像作为提交按钮 9.按钮button:提交submit和重置reset 10.标签label: 跳过,简单可理解为要显示的信息或它的内容为那个对象服务 11.字段集fieldset: 跳过,在窗体中对元素分组,或区分一个文 档中有标志的文本

十一.表单和HTML 二.HTML 编写HTML代码工具 1、DW源代码编辑状态 2、记事本之类的文本编辑器

十一.表单和HTML HTML(超文本标识语言) 浏览器所看到的网页,主要是由HTML语言写成的,通 过各种标记(标识),将影像、声音、图片、文字等 连接显示出来。 一个HTML文件事实上是一个具有一些特殊代码的文本 文件,它告诉浏览器如何表示此文件。通常,静态网 页文件以*.html或*.htm为后缀名。 -网页制作中,有些功能内容在DW设计视图可能无法完成,需要编辑代码。

十一.表单和HTML 查看DW页面属性,留意: 1.什么是HTML、XML和XHTML? 2.HTML和XHTML的典型区别是什么? DW8、DW CS3、DW CS4默认使用的是那种?

十一.表单和HTML 标识 1.单标识:只需要单独使用即能完整表达意思 语法: <标识> 例子:<br> 2.双标识 语法: <标识>内容</标识> 3.标识属性 <标识名字 属性1=“属性值1” 属性2=“属性值2”…> 例子:<标识 属性1=a 属性2=“b”>内容</标识> HTML中属性值可以加上双引号也可以不加双引号

十一.表单和HTML 1.一个简单的html页面组成 <html> <head> <title>my page</title> </head> <body> Welcome to my page! </body> </html> ①通常,标识是“双向标识”,书写格式一般是 <标识名>内容</标识名> 但有些标识例外 ③Htm不区分大小写

十一.表单和HTML 2.添加各种网页元素: (1)在网页中加入文字:在<body>标识中 <br>:行中断标识,浏览器遇到这个标记时候,会把标识后面的内容另起一行显示。改变窗口大小,文字自动换行。 <font face= size= color=>文本</font> <center></center>  :在代码状态键入空格是忽略状态,多个空格也只认一个空格,这时要使用空格的标记是”  ”

十一.表单和HTML (2) 设置标题:在head中使用title (3) 设置页面的背景颜色和背景图片:body <body bgcolor=red> <body background=image/1.jpg> (4) 在页面中插入图片:在body中使用<img>标记 <img src=image/1.jpg alt=说明 width=150Height=150 aligh=left/right/center> Img标记为单向标记

十一.表单和HTML (5) 设置文字和图片链接 <a href=链接目标路径>链接文字或图片</a> ① 文字 <a href=a.htm>文字</a> <a href=a.htm target=_blank>文字</a> ② 图片 <a href=a.htm target=_blank><img …></a> 添加了超链接的图片周围会出现一个蓝色边框,没设 置border属性的缘故 ----------?锚记怎么写呢? -------------

十一.表单和HTML 7、表格 <table border=1 aligh=center width=600> <tr aligh=left height=50> <td width=60></td> <td></td> </tr> </table> --注意table、tr、td的规则--

十一.表单和HTML 8、DIV <DIV> </DIV>