您的位置: 網站首頁 ? ? 臺州網站建設中網頁代碼與數據庫介紹
臺州網站建設中網頁代碼與數據庫介紹
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

上一篇新聞:
在線咨詢
掃描二維碼添加云谷微信
体彩幸运赛车开奖结果