课件1网站程序诶设计基础上.pptVIP

Web程序设计 第一章 网站程序设计基础 主要内容 HTML基础知识 CSS在网页中的应用 VBScript的基本语法 JavaScript的常用对象 基本概念 电子商务 互联网 与 Internet 网络协议 万维网和网页 网站 用户端 网站的组成 从信息与服务来看： 硬件系统 软件系统 从机构与人员来看： 设计部门、维护部门、开发部门、管理部门 网站设计开发过程 HTML基础知识 WEB HTML文档介绍 HTML常用模块 HTML进阶 HTML基础知识 WWW (word wild web) 简介 是一个以Internet 为基础的计算机网络 WWW（World Wide Web )是一种建立在Internet上的全球性的，交互的，动态，多平台，分布式，图形信息系统。 同TELNET 、GOPHER、FTP、WAIS、BBS等相似。 它也是建立在Internet上的一种网络服务。 它遵循HTTP协议。 缺省端口是80 Web特点 Web是一种超文本信息系统 Web是图形化的和易于导航的(navigate) Web与平台无关 Web是分布式的 Web 是动态的 Web是交互的 Web提供的服务 电子邮件服务 远程登录服务 文件传送服务 网络新闻服务 文档查询索引服务 信息浏览服务 HTML基础知识 HTML简介 HTML( Hyper Text Markup Language)： 超文本标记语言，创建与系统平台无关的文档。 1990年 Timberners-Lee 和 Daniel W.connolly 创立HTML。 万维网是一个由HTML文件及一系列传输协议所组成的集合。 HTML 文档结构 !DOCTYPE HTML PUBLIC “-//W3C// DTD HTML4.0 Final//en” HTML HEAD TITLE文档名/TITLE /HEAD BODY 网页上要显示的内容 /BODY /HTML HTML的常用模块 文本显示 超链接 图像显示 表格使用 HTML的常用模块 文本显示 设置字体 Font /Font 强调语气 EM 和 STRONG 上标和下标 SUP SUB 段落元素 P 换行元素BR NOBR 文档改变标记 INS DEL 位置控制元素 ALIGN HTML的常用模块 图像显示 IMG SCR=“图形文件地址” IMG height=42 src=新浪首页.files/cbs.gif width=32 HTML的常用模块 超链接 超级链接 页内链接 邮件链接 HTML的常用模块 表格使用 TABLE 元素 ， TR, TH,TD 建立表格首先分行，然后分列 表格应该具有的结构： HTML 进阶 表单 表单实现用户与网页之间的交互，提供交互功能的页面。 表单是文档中包含标准内容，标注和被称为控件的特殊元素。 表单工作过程： 控件响应并接受用户输入－用户输入完成表单的操作－提交表单处理 HTML 进阶 表单元素 FORM 及其属性 FORM action=url method=get /post 元素 控件 /FORM Action=url Method=get|post Enctype=cdata Accept-charset=cdata Accept=cdata 表单通过HTTPPOST发送消息 FORM action=/some.asp method=“post” 表单内容 /FORM FORM action=“mailto:hello@263.net” method=“post” 表单内容 /FORM INPUT元素 功能： FORM 中输入， INPUT元素通过属性定义表单中的文本框，复选框，列表框等，并设置它们的外观和布局。 格式：INPUT type=“type” name=“name” Form 的 Input Type TEXT：一般的單行文字輸入模式 password：用「*」字號來替代文字輸出 radio：單選的選擇項，以value來設定值 checkbox：多選的選擇項，選定後則變數有值 select、option：選單選擇項，以value來設定值 textarea rows=m cols=n：多行文字區域 hidden：不讓user改變的項目 submit：開始執行CGI reset：清除剛剛的輸入 网站登陆 html head meta http-equiv=Content-Type content=te