台州网站建设中网页代码与数据库介绍
2017-10-13

网页代码简介:网页的制作离不开代码,如果想制作出一个较好的网页,那代码必不可少。现在我们制作网页所用的代码都有HTML,CSS,JavaScript,ASP,PHP,JSP, ASP.NET等。
1.HTML:
在网页代码中,最基础的就是HTML代码了。但他的应用也最为广泛,对初学者来说,HTML代码的学习也并不困难,代码中均是一些短标签组成,没有逻辑。
HTML是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
HTML的基本结构:
一个HTML文档是由一系列的元素和标签组成,元素名不区分大小写,HTML用标签来规定元素的属性和它在文件中的位置, HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:
<HTML>
<HEAD>
<TITLE> 一个简单的HTML示例 </TITLE>
</HEAD>
<BODY>
<H1>欢迎光临我的主页</H1>
<BR>
<HR>
<CENTER><FONT SIZE= 7 COLOR= red>这是我第一次做主页</FONT></CENTER>
</BODY>
</HTML>

文档中的所有文本和html标签都包含在<HTML>与</HTML>中,它表示该文档是以超文本标识语言(HTML)编写的。<HEAD></HEAD>是HTML文档的头部标签, 在浏览器窗口中,头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公共属性。
<title>和</title>是嵌套在<HEAD>头部标签中的,标签之间的文本即为文档标题,它被显示在浏览器窗口的标题栏。<BODY> </BODY>标记一般不省略,标签之间的文本是正文,是在浏览器中要显示的页面内容。
上面的这几对标签在文档中都是唯一的,HEAD标签和BODY标签是嵌套在HTML标签中的。
2.CSS:
CSS是一组格式设置规则,用于控制Web页面的外观,例如字体显示大小,颜色,间距,页面尺寸等。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。
用CSS定义网页的优点如下:
(1、表现和内容相分离:
将设计部分剥离出来放在一个独立样式文件中,HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。
(2、提高页面浏览速度:
对于同一个页面视觉效果,采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
(3、易于维护和改版:
你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。
(4、使用CSS布局更符合现在的W3C标准:
CSS设计网页经验分享:
相信对大家是有一些帮助与启发的。我们与您分享六个CSS习惯。这些习惯都跟技术无关,如果不遵守,也不会出错,但是良好的习惯会让您的工作更高效。
(1、用class_name方式写类名。
以前喜欢用class-name写,不过好像两样也没什么差别。但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式,理由见下一条。
(2、样式都用class而不用id。
有三个理由:一,id不可以重复,所以用class的话,可以肆无忌惮的用无数次。二,id的优先级太高,若是写了一个#page_contenta {color:#f60},那你完蛋了,里面要改链接颜色,都必须加上#page_content才能越过这个优先级。三,id专门留给JS用,这样才符合表现与行为分离的原则。所以id我用驼峰式,也是为了体现这一点。
(3、margin和padding,尽量省略最后一个值。
比如margin: 20px 10px 5px 10px; ,左右值是一样的,就应该省略掉最后一个值,写成margin: 20px 10px5px; 这样到时候要改左右间距,改一个就好,免得改漏了。其实这个问题虽然很细小,但是可以看得出对margin四个值省略规则的熟练程度。对于有的浏览器如果把margin:20px 10px 5px; ,这样浏览器会解析成上下间距为20px跟5px; 左右间距均为10px;。
(4、按标准写CSS,再针对特定浏览器作hack
比如,通常我们会遇到如下的写法:.side_col {float:left; display: inline; margin-left: 20px;} 而我的写法会是:.side_col {float: left;margin-left: 20px;}* .side_col {_display:inline; /*hacked for IE 6*/ } 不应该把hack混在一起,也不应该用一种侥幸的心态,觉得float:left与display:inline写在一起没事。嗯,它们俩确实没事儿,但是其他的hack就不一定了。而且这里写display:inline纯粹就是为了解决IE6的bug,所以前面加上下划线,以明确的表达你的目的。另外不要以为凡是hack都是为IE准备的。其实有些hack是针对其他浏览器的,比如FF。这就要求你对CSS标准的熟练掌握,能够自信的判断哪些渲染是遵守标准,哪些违反标准的。
(5、记得加空格
.class_name { property: value; }。我们觉得合理的空格是优秀代码的一个指标。按英文的习惯,标点后面都应该带空格(如果你写This is a pen.That’s apencil.句点后面不加空格, word里面会有错误提示)。所以既然CSS是外国人发明的,应该按他们的格式来写。类似的,在JS里var a= b + c;里面的空格也应该都要加。
(6、颜色代码的缩写
例如.top{ width:104px; height:96px; background:#FF0099; }
可以写成:.top{ width:104px; height:96px; background:#F09; }
所写代码必须是 AABBCC 形式的 缩写成 ABC。这样写加快处理效率,又简单方便。
3.JavaScript:
在浏览网页时,一些弹出事件和表单判断事件大多都是Javascript来开发的。Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,为客户提供更流畅的浏览效果。
尽管JavaScript作为给非程序人员的脚本语言,而非作为给程序人员的编程语言来推广和宣传,但是JavaScript是一门具有非常丰富特性的语言,它有着和其他编程语言一样的复杂性,或更甚复杂。实际上,你必需对JavaScript有扎实的理解才能用它来撰写比较复杂的程序。
JavaScript的开发案例:
<script type=”text/javascript”>
<!–
document.write(“Hello, world!”) //直接在浏览器视窗显示。
alert(“Hello, world!”) //开启对话视窗显示。   –>
</script>
JavaScript代码由 <script type=”text/javaScript”>…</script>说明。在标识<script type =”text/javaScript”>…</script>之间就可加入JavaScript脚本。 alert()是JavaScript的窗口对象方法,其功能是弹出一个具有OK对话框并显示()中的字符串。 通过<!– …//–>标识说明:若不认识JavaScript代码的浏览器,则所有在其中的标识均被忽略;若认识,则执行其结果。使用注释这是一个好的编程习惯,它使其他人可以读懂你的语言。 JavaScript 以 </Script> 标签结束。
4.ASP,PHP,JSP, ASP.NET
ASP,PHP,JSP, ASP.NET都是不同的网页编程语言,相比HTML和CSS,这种编程语言会帮助我们实现更多更复杂的逻辑运算以及和数据库的接合。这几门编程语言用应于大多数网站,其中早期的网站主要用ASP,现在则大多数都用PHP或者ASP.NET.
5.数据库
数据库(Database)是按照数据结构来组织、存储和管理数据的仓库。数据库有很多种类型,从最简单的存储有各种数据的表格到能够进行海量数据存储的大型数据库系统都在各个方面得到了广泛的应用。
在网页中,数据库承担着具大的作用,通过程序的结合,可以方便的对数据库进行存储与读取,数据库分为多种,具体如下:
(1、Oracle
Oracle是世界领先的信息管理软件开发商,因其复杂的关系数据库产品而闻名。Oracle数据库产品为财富排行榜上的前1000家公司所采用,许多大型网站也选用了Oracle系统。目前Oracle关系数据库产品的市场占有率名列前茅。
(2、SQL Server
SQL Server是一个全面的数据库平台,使用集成的商业智能 (BI) 工具提供了企业级的数据管理。SQL Server 数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能,使您可以构建和管理用于业务的高可用和高性能的数据应用程序 。
(3、mySQL
MySQL是一个小型关系型数据库管理系统,开发者为瑞典MySQL AB公司。在2008年1月16号被Sun公司收购。而2009年,SUN又被Oracle收购。对于Mysql的前途,没有任何人抱乐观的态度。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
(4、Access
美国Microsoft公司于1994年推出的微机数据库管理系统。它具有界面友好、易学易用、开发简单、接口灵活等特点,是典型的新一代桌面数据库管理系统。
以上内容由云谷中国台州网络公司整理提供。更多有关企业邮箱、网站建设、网站设计、网页设计、网站制作、网站推广、seo网站优化、域名注册、服务器租用、微信营销、微信朋友圈广告等网络信息化服务解决方案都可以联系我们!咨询电话:15988983063

上一篇新闻:
在线咨询
扫描二维码添加云谷微信
pk10极速赛车计划软件 转让黑龙江时时机器 pk10赛车玩法介绍 电子投注单怎么投 今日最新娱乐 福建时时开奖走势图 北京pk10一天多少期 宝马五系 娱乐套 怎么用 棋牌注册秒送18元 彩票软件定制和开发