网页的上传.ppt

《网页的上传.ppt》由会员分享，可在线阅读，更多相关《网页的上传.ppt（45页珍藏版）》请在三一办公上搜索。

1、网页的上传,将网页通过ftp上传到服务器ftp:/,在internet上架设网站的条件,域名可在淘宝上搜索“域名注册”购买，目前cn域名第一年只要1元主机或主机空间主机（web服务器）是安装了web服务器软件如iis的电脑，并有一个固定外网ip，而且需24小时开机运行一般采用购买主机空间的方式，在淘宝上搜索“虚拟主机”，最便宜的10元/年，应考虑服务器所在的地理位置，如南方还是北方,表单标记form,input,select,option,textarea,label,fieldset,legend,网页中表单的作用,表单是实现动态网页的一种主要的外在形式。它的主要功能是提供给用户输入信息的窗

2、口并收集浏览者填写的信息。它是网站实现互动功能的重要组成部分。例如在网上要申请一个电子信箱，就必须按要求填写完成网站提供的表单页面，其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言，发言之前要申请资格，也是要填写完成一个表单网页。无论网站使用的是那种形式的语言来实现网站的互动功能，例如ASP、PHP、JSP，表单已经成为它们统一的外在形式,用换行符布局的表单,请输入您的姓名:请问你的性别:男 女你喜欢做些什么:看书上网睡觉我要留言:,为什么要用表格布局表单,表单和表单元素并不具有排版的能力，表单和表单元素的排版最终还是要由表格组织起来，因此在html代码中，表单标记和表格标记

3、通常是如影随形的。,用表格布局的表单代码,用户名：密 码：,表单代码的组成,一个表单的代码至少包括三个组成部分：(1)表单域：这里包含了处理表单数据所用动态网页的URL以及数据提交到服务器的方法。(2)表单元素：包含了文本框、菜单、复选框和单选框等。(3)提交按钮：将数据传送到服务器上的动态网页。,表单的功能,表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成，一是描述表单元素的html源代码，二是服务器端用来处理用户所填信息的程序（暂时不学），或者客户端的脚本。在html里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。表单信息处理的过程为：当单击表单中的

4、提交按纽时，输入在表单中的信息就会上传到服务器中，然后由服务器中的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中。,表单域标记,标记用来创建一个表单域，即定义表单的开始和结束位置，这一标记有几方面的作用。第一，限定表单的范围。所有表单对象，都要插入到表单域之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置（action）、提交表单的方法（method）等。这些信息对于浏览者是不可见的，但对于处理表单确起着决定性的作用 多个标记不能嵌套,form标记常见属性method,m

5、ethod：get或postget方式提交的表单信息是非安全方式，附加在URL地址后面（百度）url?表单元素1的name=表单元素1的value&表单元素2的name=表单元素2的value 设置高级,form标记常见属性action,action：接一个动态网页名设置action属性后会产生两个作用：1点击该表单的提交按钮将会链接到该网页2 同时还会将表单中输入的数据发送给该网页进行处理,表单数据提交后,表单将数据提交给动态页后，动态页通过request对象取下数据，就能进行处理了，如把这些数据存入数据库，或按这些数据进行查询等。你输入的密码是:&PS%,form标记常见属性,enctyp

6、e：一般不需要设置，如果表单中有文件上传对象，则设置该属性值为multipart/form-dataname和id：在表单的接收页面只接收有name的元素，赋ID的元素通过表单是接收不到值的target：接收页是否在新窗口打开，和a标记的该属性一样,表单中的元素,DW中表单对象与标记的对应关系,表单域form标记中包含的表单标记主要有input，select(option)，textarea等在DW中表单对象面板中的对象与这些标记的对应关系是：,input-表单元素的通用标记,input标记是收集用户输入信息的标记，是一个单标记，其含义由type属性决定。input标记的type属性总共有10

7、种取值(书p23页)，含义如表1所示：,文本域,文本域举例：查询：input标记中的size属性是定义文本域的宽度,单选框,单选框举例：女性 男性checked属性设定初始时单选按钮哪项处于选定状态，同一组单选按钮name属性的值必须相同，这样这一组单选框中只有一个能被选中。,复选框,复选框，可以选中多项看书 上网 听音乐,文件域,供上传文件用，需要服务器端的上传组件配合文件域对表单标记form有特殊要求，method必须设为post，MIME类型必须为multipart/form-data,按钮,提交按钮(type=submit)将表单中所有具有name属性的元素内容发送到服务器端指定的应用

8、程序重置按钮(type=reset)用户在填写表单时，若希望重新填写，单击该按钮将使全部表单元素的值还原为初始值普通按钮(type=button)该按钮没有内在行为，但可用javascript为其指定动作,图像域,即图像按钮，用一张图片做按钮，功能和提交按钮相同,和标记,标记是下拉菜单框或列表框标记，是一个标记的含义由其size属性决定的元素，如果该标记没有设置size属性，那么表示为下拉菜单框，如果设置了size属性，则变成了列表框，设置了multiple属性，则表示列表框允许多选。下列列表框中的每一项由标记定义，还可使用添加一个不可选中的选项。例如：你的籍贯：湖南 广东 江苏四川,去掉si

9、ze属性后,跳转菜单,DW中的跳转菜单实际上是一个带有javascript脚本的下拉菜单，点击跳转菜单的某一项将会转到某个网页新浪网 搜狐网淘宝网,多行文本域标记,是多行文本域标记，用于让浏览者输入多行文本，如发表评论或留言，跟帖。这是一个有4行，每行可容纳40个字符，换行方式为虚拟的多行文本域。,表单的辅助标记,、标记fieldset是字段集标记，它必须包含一个legend标记，表示是字段集的标题。如果表单中的控件较多，可以将逻辑上是一组的控件放在一个字段集内，显得有条理些。个 人 资 料,标记的用途,为控件定义一个标签，通过for属性绑定控件。在dw中插入表单控件时选择“使用for属性附加

10、标签标记”如：男 女这样当单击标签时就相当于单击表单控件表单控件还可添加快捷键，tab顺序键等,将行为和表单一起使用,在DW中，通过标签面板行为检查表单，可以对表单的输入进行检查，如文本域不能为空，必须是数字，或电子邮件地址等，这实际上是添加了检查表单提交事件的javascript代码实现的通过自己输入脚本实现跳转菜单功能,作业,写出p161页图8-21中表单的源代码，抄在作业本上,框架标记 frameset frame iframe,P88页,框架标记,如果想把一个浏览器窗口分成几个区域，每个区域都显示一个网页，则需要使用框架集和框架标记，这两个标记也是成组出现的。框架标记以前也用于网页的排

11、版，现在用得比较少了，但网站的管理后台程序常用左右分割的框架版式。DW中框架标记位于布局分类中,标记,简单的框架集 一个框架集把页面分成上下两个部分，上、下部分别显示网页up.html和down.html,框架集嵌套,当网页需要更复杂的框架结构时，可以采用框架的嵌套。使用标记符替换标记符，实现框架的嵌套。,Iframe内嵌框架,框架集标记只能对网页进行左右或上下分割，如果要让网页的中间某个矩形区域显示其他网页，则需要用到浮动框架标记，下面是浮动框架的属性举例：src：URL地址，既可是HTML文件，也可以是文本、ASP等；width、height：内部框架区域的宽与高；scrolling:当S

12、RC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示;FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。name:框架的名字，用来进行识别,这是iframe框架的例子下面的天气预报是插入的其他网页,通过iframe挂木马,活动框架常用于将其他网页的内容导入到自己网页的某个区域，如把天气预报网站的天气导入到自己做的网页的某个区域显示，但某些木马或病毒程序利用iframe的这一特点，通过修改用户的网页源代码，在网页尾部添加iframe代码，导入其他带病毒的恶意网站的网页，

13、并将iframe框架的宽和高都设置为0，这样用户打开自己网页的同时，就不知不觉打开了恶意网站的网页，从而感染病毒，这就是所谓的iframe挂木马的原理。不过可查看地址栏看打开网页时是否提示正在打开某个恶意网站的网址而发现这种被挂木马的网页。,头部标记meta,title,link,meta元信息标记,meta是元信息标记，是描述网页文档信息的标记。可以描述文档的编码方式，文档的摘要，文档的关键字，文档的刷新。都不会显示在网页上，其中网页的摘要，关键字是为了让搜索引擎能对网页内容的主题进行识别和分类。文档刷新可设置网页经过一段时间后自动刷新或转到其他Url。在DW中，可通过菜单命令“插入HTML

14、文件头标签”进行这些设置。,Meta的name属性,Keywords(关键字)说明：keywords用来告诉搜索引擎你网页的关键字是什么。举例：meta name=keywords content=science,relationships,entertaiment,humanB、description(网站内容描述)说明：description用来告诉搜索引擎你的网站主要内容。举例：meta name=description content=This page is about the meaning of science,education,culture.,Meta的http-equiv

15、属性,自动刷新meta http-equiv=“Refresh”content=“2；URL=http:/”实现网页转换时的动画效果meta http-equiv=Page-Enter content=revealTrans(duration=.,transition=),link链接其他文件的标记,主要用来链接外部CSS文件，也可链接一个图标文件.ico用来改变浏览器地址栏的图标。如：,标记是专用于在网页头部嵌入CSS代码的标记。标记是用于嵌入脚本（如javascript）或链接外部脚本文件(src属性)的标记，它既可位于网页头部，也可位于网页body部分。是网页标题标记，该标记中的内容将显示在浏览器窗口的标题栏上,Base(基链接),Base(基链接)说明：插入网页基链接属性用法：注意：你网页上的所有相对路径在链接时都将在前面加上“http:/,