1、html，css，javascript在製作網頁中的作用，三者之間有何種聯系
html：超文本標記語言，是為「網頁創建和其它可在網頁瀏覽器中看到的信息」設計內的一種標記語容言。
css：層疊樣式表，是一種用來表現HTML或XML等文件樣式的計算機語言。
javascript：一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。
每一個網頁都是一個html文檔，由瀏覽器解釋呈現的。css是html中用來布局表現的。而javascript是html中用來動態交互的腳本。
2、1.HTML語言和CSS樣式表在網頁設計中有很重要作用，它們各自解決的技術問
網頁現在的新標準是W3C。目前的模式是html+css+javascript，如何理解呢，就是html是網頁的結構，CSS是網頁的樣式，javascript是行為。結構就是蓋房子先要把結構建出來，然後用CSS來裝飾。其實你在用dreamweaver做網頁時就已經用到了CSS，比如你用DW的屬性面板來設置一個字的字體、顏色和大小，當你選好後，就會自動生成一個.style1的紅色代碼，在<style></style>之間不知道你注意過沒有，這就是CSS,這樣講的話你應該能理解html和CSS的區別了吧。CSS的名稱就叫「層疊樣式表」,從字面也就能理解了。
3、html+css+div網頁設計與布局怎麼樣
方法/步驟
一個網頁設計時，我們可以將一個頁面設置為頭部，中間，和底部三部分； 頭部有分為店招（logo）和導航等
中間既內容部分，內容也可一個整體，也可左右分離，
底部來頁面結尾，一般寫版權信息，友情鏈接等
END
頭部編輯
店招：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘寶助手網</title>
<style>
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">導航</div>
</div>
<!--------頭部------------>
<div id="centre">
<div id="centreLeft">內容左</div>
<div id="centreRight">內容右</div>
</div>
<!--------中間------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
導航：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘寶助手網</title>
<style>
a,ul,li,div,span,td{ padding:0; margin:0;}
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
#nav{ width:100%; height:30px; background:#300}
a{ text-decoration: none; display:block;den}
ul li{list-style: none;}
#nav>ul>li{ float:left; margin-left: 50px; line-height:30px; }
#nav>ul>li>a{ color:#FFF; font-weight:900px}
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">
<ul>
<li><a href="" title="" target="_blank">淘寶</a></li>
<li><a href="" title="" target="_blank">圖片</a></li>
<li><a href="" title="" target="_blank">視頻</a></li>
<li><a href="" title="" target="_blank">資料下載</a></li>
<li><a href="" title="" target="_blank">視頻下載</a></li>
</ul>
</div>
</div>
<!--------頭部------------>
<div id="centre">
<div id="centreLeft">內容左</div>
<div id="centreRight">內容右</div>
</div>
<!--------中間------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
END
內容
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘寶助手網</title>
<style>
a,ul,li,div,span,td{ padding:0; margin:0;}
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
#nav{ width:100%; height:30px; background:#300}
a{ text-decoration: none; display:block;}
ul li{list-style: none;}
#nav>ul>li{ float:left; margin-left: 50px; line-height:30px; }
#nav>ul>li>a{ color:#FFF; font-weight:900px}
/*******===================頭====================************/
#centre{ margin:0 auto; width:1200px; height:auto; }
#centreLeft{ float:left; width:70%; height:500px;border:1px #333333 solid;}
#centreRight{ float: right; width:27%; height:400px;border:1px #333333 solid;}
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">
<ul>
<li><a href="" title="" target="_blank">淘寶</a></li>
<li><a href="" title="" target="_blank">圖片</a></li>
<li><a href="" title="" target="_blank">視頻</a></li>
<li><a href="" title="" target="_blank">資料下載</a></li>
<li><a href="" title="" target="_blank">視頻下載</a></li>
</ul>
</div>
</div>
<!--------頭部------------>
<div id="centre">
<div id="centreLeft">內容左</div>
<div id="centreRight">內容右</div>
</div>
<!--------中間------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
END
底部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>淘寶助手網</title>
<style>
a,ul,li,div,span,td{ padding:0; margin:0;}
#top{ width:1200px; height: auto; margin:0 auto; color:#FFF;}
#logo{ width:100%; height:100px; background: #003; }
#nav{ width:100%; height:30px; background:#300}
a{ text-decoration: none; display:block;}
ul li{list-style: none;}
#nav>ul>li{ float:left; margin-left: 50px; line-height:30px; }
#nav>ul>li>a{ color:#FFF; font-weight:900px}
/*******===================頭====================************/
#centre{ margin:0 auto; width:1200px; height:auto; overflow: hidden }
#centreLeft{ float:left; width:70%; height:500px;border:1px #333333 solid;}
#centreRight{ float: right; width:27%; height:400px;border:1px #333333 solid;}
/***********==============內容===================*******/
#bottom{ margin:0 auto; width:1200px; height:200px; border:1px #333333 solid; margin-top:20px; }
/***********==============底部===================*******/
</style>
</head>
<body>
<div id="top">
<div id="logo">店招</div>
<div id="nav">
<ul>
<li><a href="" title="" target="_blank">淘寶</a></li>
<li><a href="" title="" target="_blank">圖片</a></li>
<li><a href="" title="" target="_blank">視頻</a></li>
<li><a href="" title="" target="_blank">資料下載</a></li>
<li><a href="" title="" target="_blank">視頻下載</a></li>
</ul>
</div>
</div>
<!--------頭部------------>
<div id="centre">
<div id="centreLeft">內容左</div>
<div id="centreRight">內容右</div>
</div>
<!--------中間------------->
<div id="bottom">底部</div>
<!-----------底部---------------->
</body>
</html>
4、html，css，javascript在製作網頁中的作用，三者之間有何種聯系？
html：超文本標記語言，是為「網頁創建和其它可在網頁瀏覽器中看到的信息」設計的一種標記語言。
css：層疊樣式表，是一種用來表現HTML或XML等文件樣式的計算機語言。
javascript：一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。
每一個網頁都是一個html文檔，由瀏覽器解釋呈現的。css是html中用來布局表現的。而javascript是html中用來動態交互的腳本。
5、網頁設計中的CSS是什麼意思？？？
CSS是Cascading Style Sheets(層疊樣式表)的縮寫。
是一種對web文檔添加樣式的簡單機制，屬於表現層的布局語言。
1.基本語法規范
分析一個典型CSS的語句：
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
•其中"p"我們稱為"選擇器"(selectors)，指明我們要給"p"定義樣式；
•樣式聲明寫在一對大括弧"{}"中；
•COLOR和BACKGROUND稱為"屬性"(property)，不同屬性之間用分號";"分隔；
•"#FF0000"和"#FFFFFF"是屬性的值(value)。
2.顏色值
顏色值可以用RGB值寫，例如：color : rgb(255,0,0)，也可以用十六進制寫，就象上面例子color:#FF0000。如果十六進制值是成對重復的可以簡寫，效果一樣。例如:#FF0000可以寫成#F00。但如果不重復就不可以簡寫，例如#FC1A1B必須寫滿六位。
3.定義字體
web標准推薦如下字體定義方法：
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體，文檔將被指定為Lucida Grande。沒有的話，就被指定為Verdana字體，如果也沒有Verdana，就指定為Lucida字體，依此類推，；
•Lucida Grande字體適合Mac OS X；
•Verdana字體適合所有的Windows系統；
•Lucida適合UNIX用戶
•"宋體"適合中文簡體用戶;
如果所列出的字體都不能用，則默認的sans-serif字體能保證調用;
4.群選擇器
當幾個元素樣式屬性一樣時，可以共同調用一個聲明，元素之間用逗號分隔，：
p, td, li { font-size : 12px ; }
5.派生選擇器
可以使用派生選擇器給一個元素里的子元素定義樣式，例如這樣：
li strong { font-style : italic; font-weight : normal；}
就是給li下面的子元素strong定義一個斜體不加粗的樣式。
6.id選擇器
用CSS布局主要用層"div"來實現，而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層
<div id="menubar"></div>
然後在樣式表裡這樣定義：
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。
id選擇器也同樣支持派生，例如：
#menubar p { text-align : right; margin-top : 10px; }
這個方法主要用來定義層和那些比較復雜，有多個派生的元素。
6.類別選擇器
在CSS里用一個點開頭表示類別選擇器定義，例如：
.14px {color : #f60 ;font-size:14px ;}
在頁面中，用class="類別名"的方法調用：
<span class="14px">14px大小的字體</span>
這個方法比較簡單靈活，可以隨時根據頁面需要新建和刪除。
7.定義鏈接的樣式
CSS中用四個偽類來定義鏈接的樣式，分別是：a:link、a:visited、a:hover和a : active，例如：
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上語句分別定義了"鏈接、已訪問過的鏈接、滑鼠停在上方時、點下滑鼠時"的樣式。注意，必須按以上順序寫，否則顯示可能和你預想的不一樣。記住它們的順序是「LVHA」。
6、我想學網頁設計，是先學HTML還是先學CSS
html語言是整個網頁最基礎的架構！是基礎！
css是用來進行網頁風格設計的。
意思就是：html是基礎，能做成基本的網頁。css能讓這個網頁更加美化和合理等....
學的話，html基礎語言 > css常用樣式 > div+css > W3C標准
具體的可以百度一下！
7、html，css，javascript在製作網頁中的作用是什麼？三者之間有何種聯系？
HTML、 CSS、 JavaScript三者的關系
網頁主要由三部分組成： 結構（ Structure） 、 表現（ Presentation） 和行為（ Behavior）
HTML —— 結構， 決定網頁的結構和內容（ 「是什麼」）
CSS —— 表現（ 樣式） ， 設定網頁的表現樣式（ 「什麼樣子」）
JavaScript（ JS） —— 行為， 控制網頁的行為（ 「做什麼」）
一、 HTML語言
1.1什麼是HTML語言（ HTML概述）
英文全稱： Hyper Text Markup Language
中文全稱： 超文本標記語言
HTML 語言是製作網頁的最基本語言， 並且只能通過web瀏覽器顯示出來。
Hyper（ 超） ：
用HTML製作的網頁可以通過其中的鏈接從一個網頁「跳轉」至另一個網頁。
Text（ 文本） ：
HTML是一種文本解釋性的程序語言， 即它的源代碼將不經過編譯而直接在瀏覽器中運行時被「翻譯」。
Markup（ 標記） ：
HTML的基本規則就是用「標記語言」 ---- 成對尖括弧組成的標簽元素來描述網頁內容是如何在瀏覽器中顯示的。
1.2 HTML文檔結構
HTML文檔一般由兩部分組成：
1. 文檔所要表達的內容信息（ 文字、 圖片等） ；
2. 一系列的HTML標簽；
1.3 HTML標簽
1.3.1 什麼是HTML標簽
1. HTML標簽是用 <> 所括住的指令， 主要分為：
單標簽： <起始標簽/>
雙標簽： <起始標簽></結束標簽>
例如：
<br/>
<div></div>
2. 通常使用的是雙標簽。 有一個起始標簽就對應有一個結束標簽。 標簽內容寫在起始標簽和結束標簽之間。
<div>標簽內容</div>
3. 在元素的起始標簽中， 還可以包含「屬性」來設置元素的其他特性。 一個標簽可以有多個屬性,每個屬性之間用空格隔開。
<div 屬性名="屬性值"></div>
例如：
<div class="wrap" id="wrap"></div>
4. 每一對雙標簽之間可以嵌套， 但不能交叉。
正確示例：
<div>
<p></p>
</div>
錯誤示例：
<div>
<p>
</div>
</p>
1.4 編碼器
1.4.1 WebStorm源碼主體標簽含義
<!DOCTYPE> ：
是一個聲明不是 HTML 標簽； 它是用來告訴 web 瀏覽器要使用哪個 HTML 版本來對頁面進行編寫。
<html>：
<html>是文檔標識符， 它是成對出現的， 首標簽<html>和尾標簽</html>分別位於 HTML 文檔的最前面和最後面， 明確地表示文檔是以超文本標識語
言（ html)編寫的。 該標簽不帶有任何的屬性。
<head>：
<head>標簽用於定義文檔的頭部， 它是所有頭部元素的容器。 <head> 中的元素可以引用腳本、 指示瀏覽器在哪裡找到樣式表、 提供元信息等等。
<meta>：
<meta>標簽位於文檔的頭部， 用於定義文件信息， 對網頁文件進行說明。 其中name屬性主要用於描述網頁， 與之對應的屬性值為content， content中
的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<body>：
<body>標簽用於定義文檔的主體， 即在瀏覽器上看到的網頁內容。
8、網頁設計採用div+css有什麼好處？
網頁設計採用div+css的好處：
1、div+css有利於搜索引擎爬蟲：一般而言相同網頁頁面html文件table布局位元組大於div+css布局的位元組，所以可以節約搜索引擎爬蟲爬行下載頁面內容時間。
2、重構頁面修改方便（div+css改版方便）：一般DIV+CSS頁面都是html和css文件分開的也就是說一個網頁的內容與表現形式的分離，一般修改小小部分的css文件里css樣式屬性就可以修改真站的樣式版面，如背景顏色、字體顏色、網站寬度等具有table不具備的方便性。
3、div+css頁面增加網頁打開速度：這里是特性決定了他們的性能，因為div+css頁面是div的html和css文件分開的，而瀏覽器打開該網頁的時候是同時下載html和css，所以可以提高網頁打開速度，而table還有個特性就是瀏覽器打開的時候必須是瀏覽器下載以<table>開始,並</table>結束後才顯示該塊的內容，而div的html是邊載入邊將內容呈現到瀏覽器上，div+css網站大大增強用戶體驗作用。大家都知道網頁多等1秒鍾都會降低瀏覽者的等待時間。
9、網頁設計里的，html、css、div是什麼意思？
html就是做網頁頁面的標簽語言
css是控制顯示樣式的
div是層
psd格式的模板需要用Photoshop打開
====================================
PSD模板就整個頁面布局和樣式的設計原稿,需要切片才能應用到網頁上去
10、什麼叫HTML,CSS代碼？是網頁設計的嗎？
從美工圖到網頁的呈現，是需要代碼去實現的。HTML、CSS以及JavaScript是網頁實現的基本組成部分，可以認為是三種語言。HTML管的是網頁的基本結構（比如不同模塊如何放置，這種布局操作），CSS處理網頁中的樣式（如文字的顏色、段落的首行縮進等等），JavaScript管的是網頁中的行為，比如你點擊了向左向右的按鈕，圖片發生了滾動等。
HTML和CSS不屬於網頁設計，更確切的說是網頁製作。如果結合JavaScript，會被稱為前端開發。另外，HTML5和CSS3的發展，為網頁添加了很多新特性新功能，涉及這方面的被稱為HTML5開發