当前位置：文档之家 › 网站建设里表单的组成部分有哪些？ 网站由哪几部分组成

网站建设里表单的组成部分有哪些？ 网站由哪几部分组成

  • 格式：doc
  • 大小：17.50 KB
  • 文档页数：4

网站建设里表单的组成部分有哪些？网站由哪几部分组成
表单是一个集合概念，常见的网站建设表单中的表单元素，如文本框、多行文本框、单选按钮、复选框、下拉菜单和按钮等。

为了让用户更加易于理解表单，<fieldset>及<legend>标签的结构架设，同时借助辅助设置增强可访问性，可以通过表单中的<label>,以建立一个结构清晰的人性化表单。

表单的组成如下。

表单标签：包含处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域：用于采集用户的输入或选择的数据，例如，文本框、多行文本框、密码框、隐藏域、单选按粗、复选框、下拉选择框及文件上传框等。

表单按妞：用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用来控制其他定义了处理脚本所进行的工作，包含提交按妞、复位按枉和一般按妞。

<form>标签是一个包含框，里面包含所有表单元素，通过浏览器看不到任何效果，但在Dreamweaver中通过“设计”视图可以看到红色虚线四边框。

例如，在下面实例中，表单<form>标签包含一个<input>标签和一个提交按钮，通过<p>标签进行按钮与标签的区域分组。

<form action="a.php" method="get" id="forml" name="forml">
<p>姓名:<input name="" type="text" /></p>
<p><input type="submit" value="提交" /></p>
</form>
页面演示效果如图9.1所示。

<form>标签常用属性：action属性、enctype属性及method属性。

action属性：数据提交至目标网页或一个电子邮件地址，XHTML本身并没有提供处理表单数据的原生机制，它的作用是提交，具体处理由脚本和(或)程序实现。

该目标页面可以是相对地址或是绝对地址。

当action="#”时，可以使用Java脚本对其前端进行处理表单数据，例如，用户名是否已存在、密码是否过于简单、两次密码输入是否一致、必填项是否填写完整及验证码输入是否正确等前端脚本处理，当表单内数据正确无误后，可以提交至服务器，达到减少服务器压力的目的。

enctype属性：定义表单数据在发送到服务器之前以何种方式进行编码。

主要包括以下三种方式。

application/x-www-form-urlencoded：<form>标签的默认值，将表单中数据编码为名称/值衬的形式发送至服务器，这也是标准的编码格式。

multipart/form-data：将表单中数据编码为一条消息，表单中每个表单元素表示消息中的一个部分，然后传送至服务器。

表单中含有上传组件时，此属性值是必须的。

表单上传文件一般为非文本内容，例如，压缩文件(如**.rar )、图片格式(如*.jpg)或mp3等。

text/plain：将表单中的数据以纯文本方式进行编码。

发送邮件需要设盖编码类型，否则会出现接收编码时混乱的情形。

method属性：表示处理数据的方法，提醒用户代理(这里专指浏览器)采用哪种方式通过表单处理程序以及表单数据。

method属性主要包括两种方式：get和post，在数据传输过程中分别对应HTTP协议中的get和post方法。

get和post的区别如下：
get方法传愉的数据量少，执行效率比post方法好。

在单击表单中“提交”按妞时，浏览器的地址上可以看到传递的具体数据，在进行数据查询时可以使用get方法。

post方法传输的数据量大，按照变量和位相对应的方法传递至相应的url，无法通过浏览器的地址查看，适合传输比较机密的信息。

在进行数据删除、添加等操作时可以使用post 方法。

网站建设是指使用标识语言，通过一系列设计、建模和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面的形式被用户所浏览。

技术层面：需要一个域名，一个网站空间，做好的网站页面，以及网站备案。

内容层面：网站的整体框架设计，页面的版式设计，网站的功能、用途的定位，网络营销的策划等等。

新手怎样创建网站？作为菜鸟级的我们，不懂HTML、CSS基本技术，想要建一个网站应该是件困难的事情，应该怎么办呢？建网站前要做好网站定位，购买服务器、链接数据库，绑定域名，网站建设好之后，要天天维护。

网站由哪几部分组成？
服务器/空间
我觉得选择服务器/空间应该是在性能和价钱中间找到一种平衡。

对于新手建站来说，服务器/空间看重的是“支持并发用户能力”和“事情及时响应能力”两方面。

当然服务器/空间的售后服务也是很重要的，不要等到服务器出现问题，找人都找不到了，这样对网站排名会有很大的影响。

上传程序
选择一个好的.NET建站程序，打包之后用FTP上传到服务器/空间的根目录，之后在解压，如果是自己的服务器就可以自己登陆解压，如果是空间需要让空间商帮忙解压。

选择对应的.NET版本号，.NET1.0或者.NET2.0。

绑定域名
简单来说其实就是把域名解析到服务器IP，然后在服务器上设置该域名有权限访问的过程。

首先先查询一下域名能否注册，如果可以注册就可以购买了，然后登陆，找到会员管理中心，找到可以绑定域名的选项，如果没有，就要请空间商来帮忙了。

维护网站
当网站可以正常打开的时候，我们就可以维护网站了，选择好网站的关键字，然后在标题、描述里自然的插进去，把网站填满内容就可以了。

之后只要保证每天更新，添加原创文章就可以了。

合集下载

网站首页结构图

网站首页结构图

网站主页结构图网站具体页面及栏目设置通过以上探讨对网站形成了一个全面的栏目及相应内容设置，具体页面设置如下：根据网站性质以及网站运行以来经验总结，结合当前网站信息采集情况以及部门间共同研讨制定，网站栏目列为：首页、交易中心、中心公告、价格、统计、图表、分析、融资物流、产业资讯、行业论坛、会员服务十二个板块。

网站首页分外头部、内容部、尾部三大项。

头部头部内容为网站的常规设置，包括：第一排：设为首页、加入收藏、关于我们（介绍网站、学会的相关信息）、网站地图（网站主要栏目结构图，以最简单的方式显示网站的主要内容）、联系我们（学会与网站的联系方式）、展会信息（学会举办的会议等活动信息）等链接。

第二排是学会Logo标志，学会标志后面可以划分两个广告栏，平时隐藏，学会有重要活动时可以在此显示，吸引客户注意。

第三排是网站栏目导航栏，分为首页、交易中心、中心公告、价格、统计、图表、分析、融资物流、产业资讯、行业论坛、会员服务十二个板块。

导航栏下面是搜索栏，客户在此可以通过填入关键词搜索相关内容的信息。

内容部内容部按照实际情况作如下划分：图文新闻：发布重要新闻的图片信息，客户可以通过点击图片页面进入相关内容页。

新闻热点：发布国内外每天发生的重要事件，内容为政治、社会、自然灾害等最新重大新闻。

财经资讯：发布每天最新的国内外重要财经类资讯，内容可以调用综合资讯版块中的财经信息。

会员登录框：已注册的会员可以从此登录网站会员中心，按照会员等级查看网站内容。

未注册的会员可以从此点击注册，进入注册页面填写注册信息，注册网站会员。

交易平台下载：客户可以通过点击平台下载图片，下载交易平台客户端。

交易实时行情图、产品日行情图、K线图、现货行情图：以上图示是交易结算提出的现货及中远期行情相关图示。

产业资讯：财经资讯、国内资讯、国际资讯、进出口资讯、企业动态、节能减排、政策资讯。

融资物流：包含相应服务条款及物流运输等相关信息。

展会信息：及时展现本学会、国家或其他地区举行的焦化、钢铁类展会信息以及会议成果。

Dreamweaver表单应用详解

Dreamweaver表单应用详解

玩转表单玩转表单本专题从最基础的表单知识，到表单的高级应用，让你有一个比较全面地认识，相信你在读完本专题以后，一定会对表单非常熟悉。

一、表单概述表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mail 地址、调查表、留言簿等等。

1、表单的组成一个表单有三个基本组成部分：•表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

•表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

•表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

为了顾及不同的网页设计工具，本文只讲述代码的设计，不具体讲述操作方法，下面就是表单的HTML 代码设计要点：1.1 表单标签＜form＞＜/form＞功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据将被提交到服务器或者电子邮件里。

语法：＜FORM ACTION="URL" METHOD="GET|POST" ENCTYPE="MIME" TARGET="..."＞. . .＜/FORM＞属性解释见下表：action=url指定一来处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.method=get或post指明提交表单的HTTP方法.可能的值为：1.post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中.2.get：不赞成。

GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.这个特性的缺省值是"application/x-www-form-urlencoded"TARGET="..."指定提交的结果文档显示的位置：1._blank ：在一个新的、无名浏览器窗口调入指定的文档；2._self ：在指向这个目标的无素的相同的框架中调入文档；3._parent ：把文档调入当前框的直接的父FRAMESET框中；这个值在当前框没有父框时等价于_self；4._top ：把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架)；这个值等价于当前框没有你框时的_self.例如：＜form action="/test.asp" method="post" target="_blank"＞...＜/form＞表示表单将向/test.asp以post的方式提交，提交的结果在新的页面显示，数据提交的媒体方式是默认的application/x-www-form-urlencoded方式；1.2 表单域表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据，下面分别讲述这些表单域的代码格式：1.2.1 文本框文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。

表单构成的基本元素

表单构成的基本元素

表单构成的基本元素表单是Web界面中常见的一种交互元素，通常用于收集用户输入的数据。

表单的基本元素包括输入框、下拉框、单选框、复选框、文本域和按钮等。

以下是对这些基本元素的详细描述和相关使用参考。

1. 输入框（Input Field）输入框是用户输入文本内容的常用元素，用于接受单行文本数据。

常见的输入框类型有文本框（text）、密码框（password）、邮箱框（email）、电话框（tel）等。

输入框可以设定最大长度（maxlength）、最小长度（minlength）、占位文本（placeholder）、默认值（value）等属性，用于控制用户输入的规则和提示。

使用参考：- 注册页面，包括输入用户名、密码等信息时使用文本框。

- 用于搜索的输入框，用户可以输入搜索关键词。

2. 下拉框（Select）下拉框用于提供一组选项供用户选择。

下拉框包括一个可展开和折叠的选项列表，用户可以通过点击下拉箭头展开或隐藏选项。

每个选项由一个文本和一个值（value）组成，用户选择后，该值会传递到服务器进行处理。

使用参考：- 国家、省市选择器，用于选择地区。

- 选择性别时使用单选框。

3. 单选框（Radio Button）单选框用于提供一组选项，但用户只能选择其中的一项。

每个单选框由一个文本和一个值组成，用户选择后，该值会传递到服务器进行处理。

与下拉框不同的是，单选框在页面中展示为圆形按钮。

使用参考：- 常见的性别选择，男、女、未透露。

- 在问卷调查中，提供多个单选题供用户选择。

4. 复选框（Checkbox）复选框用于提供多个选项，用户可以选择其中的一个或多个选项。

每个复选框由一个文本和一个值组成，用户选择后，所选的值会传递到服务器进行处理。

与单选框不同的是，复选框在页面中展示为方形按钮。

使用参考：- 用户注册页面，选择用户所关注的兴趣爱好。

- 在购物网站中，用户可以同时选择多个商品加入购物车。

5. 文本域（Textarea）文本域用于接受多行文本输入，与输入框不同的是，文本域可以容纳较多的文本内容。

网页设计——网页组成结构

网页设计——网页组成结构

网页设计 ——网页组成结构
一、 页面组成结构：导航，内容，页脚。 导航：（navigation）是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可 以方便地Байду номын сангаас问到所需的内容，一般在网站的banner下面或是网页的顶部。常见的有横向导 航，纵向导航，折叠导航等。
内容：是页面给访客提供的主要信息内容。内容制作要注意整体的网站效果一定要有统一性， 要有一个主色调，里面可以添加辅助色（不要太过不要太花）
页脚：页面结尾内容。在页面的底部，可以增加底部的链接，提高用户体验，更加方便我们随 时随地找到我们想要的