網頁設計與開發

網頁設計與開發就是運用HTML、JavaScript與CSS等一系列知識進行網頁設計。

HTML

HTML即超文本標記語言，使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。運用HTML制作表格，表單，添加圖片，編輯顏色，定義段落和標題，為網頁進行文檔編輯。
設計表格：

<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, cell 2</td></tr> </table>

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

設計表單：
文本域：

<form> First name: <input type="text" name="firstname"><br> </form>

密碼：

<form> Password: <input type="password" name="pwd"> </form>

單選按鈕：

<form> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form>

等等。

JavaScript

JavaScript是WEB的編程語言，決定網頁的行為，運用JavaScript編寫函數，并進行調用。運用JavaScript時，腳本要放在< script>和< /script>中，< script>可以放在< body>和< head>中。JavaScript包含一個JQuery庫，運用少量的代碼，實現大量的效果。
例如簡單的一個實例：

<script> function displayDate(){document.getElementById("demo").innerHTML=Date(); } </script>

加一個按鈕，點擊顯示日期。

<p id="demo">這是一個段落</p><button type="button" οnclick="displayDate()">顯示日期</button>

其中，腳本放在< head>里，調用放在< body>里。

CSS

CSS是層疊樣式表，運用CSS對網頁進行排版，添加導航欄，給網頁分塊，每一塊區域可以有不同的內容，可以對網頁進行更好的排版和布局，同時可以為網頁添加背景圖片。

運用CSS添加背景：

<style> body {background-image:url('paper.gif');background-color:#cccccc; } </style>

設置頭部樣式：

/* 頭部樣式 */ .header {background-color: #f1f1f1;padding: 20px;text-align: center; }

同樣可根據頭部樣式分別分出底部樣式footer、創建兩個相等的實例column等等。
運用這些可以使得網頁更加的完善，排版更加的完美。

總結

以上是生活随笔為你收集整理的网页设计与开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。