不敢自稱老鳥，只是說說我自己的一些經(jīng)驗和看法
我們提供的服務(wù)有：成都網(wǎng)站制作、做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、白水ssl等。為成百上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的白水網(wǎng)站制作公司
網(wǎng)頁編程，簡單來說也就你上面所說的HTML,CSS,Javascript,php(或者ASP，jsp等....)
HTML也就是你在一個網(wǎng)頁上點右鍵后選擇"查看源文件"所能看到的部分，只是負(fù)責(zé)網(wǎng)頁上的布局和顯示內(nèi)容之類的。如果只使用HTML來做網(wǎng)頁，只能做靜態(tài)的(則沒有后臺數(shù)據(jù)，只能修改代碼來更新網(wǎng)頁內(nèi)容的)網(wǎng)頁，在現(xiàn)在來說，靜態(tài)網(wǎng)頁幾乎是沒有什么用的。
Css是用來控制網(wǎng)頁上的顏色，線條，或者按鈕之類的外觀的東西，當(dāng)然，如果不考慮界面好看，一個網(wǎng)頁是可以不要css的，這部分可以在熟悉HTML后在慢慢熟悉。另外要說的就是javascript了，運用熟練的話，可以實現(xiàn)非常多的效果，不過由于是在客戶端(也就是用戶瀏覽網(wǎng)頁時使用的瀏覽器)解析執(zhí)行的，所以經(jīng)常要考慮兼容性，在IE下寫的正常了，在FireFox下未必也能用，我感覺Javascript在網(wǎng)頁開發(fā)中可以其到非常非常大的作用的。
另外說到的就是網(wǎng)頁編程的重要部分了，PHP，這部分的代碼是在服務(wù)端執(zhí)行的，可以根據(jù)用戶的請求做出相應(yīng)的處理，再返回相應(yīng)的數(shù)據(jù)發(fā)送到用戶的瀏覽器上。在這里，想給樓主一個建議，使用window平臺開發(fā)的話，由于系統(tǒng)自帶的IIS（也就是web服務(wù)器）本身不支持PHP，需要另外安裝服務(wù)器，安裝PHP，裝完后要修改一些配置文件之類的，雖然網(wǎng)上很多配置方法的說明，但對于一個初學(xué)者來說，還是比較復(fù)雜的，相對來說；再加上PHP通常搭配使用的數(shù)據(jù)庫是MySQL,安裝使用起來稍為復(fù)雜，如果全靠自己看著網(wǎng)上介紹的方法來摸，還是有點難度的，當(dāng)然，這對于有一定開發(fā)經(jīng)驗的朋友來說，是幾乎不存在這個困難的。相對來說，微軟的ASP就比PHP來得簡單，只要系統(tǒng)安裝了IIS，隨便拿個記事本寫代碼，丟到默認(rèn)的路徑下就可以運行。簡單方便是ASP受歡迎的重要原因吧。不過話說回來，由于簡單易學(xué)，現(xiàn)在外面寫ASP的人一抓一大把(我就是其中之一),工資自然就不高了....如何取舍，還是看樓主自己如何想了。
上面的幾個部分，在對HTML有一定的熟悉后，其他的幾個部分就可以一起學(xué)了，這東西都是相互的。
至于素材方面說到的那幾個東西，其實除了flash稍有時需要寫點代碼什么的，其他的都是做做圖片的編輯而已，也就是一個軟件的使用，沒什么大不了的。
編程這東西，其實說難不難，說易也不易，難就難在入門，入門了，了解到編程大概是個什么東西了，熟悉編程的那種思考方式，那種思想，再學(xué)其他的編程語言，就來得簡單多了.....另外，編程也是個很不輕松的工作，持之以恒的學(xué)習(xí)是少不了的，新的技術(shù)，新的方法，都要學(xué)的，否則就完蛋了.....
以上純粹個人看法，呵呵。
做好準(zhǔn)備了，就開始吧！
這種東西，最好還是整點書來看比較好：
精美網(wǎng)頁特效設(shè)計技巧精粹
網(wǎng)頁制作、網(wǎng)頁圖像處理、網(wǎng)頁動畫設(shè)計以及各種實用的特效制作等的方法與技巧，涵蓋了網(wǎng)頁版式設(shè)計、色彩設(shè)計、網(wǎng)頁圖形創(chuàng)意、網(wǎng)頁圖標(biāo)設(shè)計、網(wǎng)頁動畫設(shè)計、網(wǎng)頁字體設(shè)計、網(wǎng)頁特效設(shè)計等。幾乎涉及到了與網(wǎng)頁相關(guān)的方方面面，全書內(nèi)容豐富、自成體系、實例眾多。
動態(tài)網(wǎng)頁設(shè)計培訓(xùn)教程 動態(tài)網(wǎng)頁設(shè)計培訓(xùn)教程
網(wǎng)頁設(shè)計軟件的使用方法和最新的網(wǎng)頁設(shè)計技術(shù)。全書共分14章，分別介紹了網(wǎng)頁設(shè)計的基礎(chǔ)知識；超文本標(biāo)記語言HTML，使用FrontPage 2000和Dreamweaver 3.0設(shè)計網(wǎng)頁的要領(lǐng)；使用Photoshop 6.0 和ImageReady 3.0優(yōu)化和處理WEB圖像等內(nèi)容。
JavaScript 動態(tài)網(wǎng)頁經(jīng)典實例教程
網(wǎng)頁設(shè)計實例，介紹動態(tài)網(wǎng)頁設(shè)計中的常用方法、重點和難點。這些實例包括了動態(tài)狀態(tài)欄，動態(tài)文本框，應(yīng)用時間，動態(tài)層，動態(tài)內(nèi)容，動態(tài)位置，動態(tài)元素內(nèi)容，滾動效果，動態(tài)頁面導(dǎo)航，動態(tài)數(shù)據(jù)表單，動態(tài)表格等內(nèi)容。讀者對象該書適合于廣大的網(wǎng)頁設(shè)計從業(yè)人員，為動態(tài)網(wǎng)頁開發(fā)設(shè)計中需要解決的實際問題提供 ...
網(wǎng)頁美術(shù)設(shè)計入行實戰(zhàn)(全彩)(含光盤1張) 網(wǎng)頁美術(shù)設(shè)計入行實戰(zhàn)(全彩)(含光盤1張)
網(wǎng)頁美術(shù)設(shè)計行業(yè)分析；就業(yè)指導(dǎo)；小型商業(yè)網(wǎng)頁設(shè)計；大型商業(yè)網(wǎng)站設(shè)計；通過實際工作的案例以及虛擬應(yīng)用場景，將每個案例的使用環(huán)境描述出來，涉及了網(wǎng)頁設(shè)計在實際應(yīng)用中使用的軟件Flash，Dreameaver的使用，網(wǎng)頁制作的技巧，并對一些陌生的或不常用的功能做了提示性的說明與解析。有多個實際案例供參考；網(wǎng)頁設(shè)計的經(jīng)驗 ..
網(wǎng)上筑巢--循序漸進(jìn)設(shè)計網(wǎng)頁
網(wǎng)頁.包括輸入文字后設(shè)置格式,使網(wǎng)頁內(nèi)容更加鮮明,增加圖片使網(wǎng)頁更加生動,增加聲音讓網(wǎng)頁學(xué)會"說話"等.此外還介紹網(wǎng)頁制作高手的很多決竅.本書的讀者對象是準(zhǔn)備上網(wǎng)或已經(jīng)上網(wǎng),但上網(wǎng)經(jīng)驗不足的初學(xué)者.
如果你真的想學(xué)習(xí)編程，那下面這些書是比不可少的。
JavaScript基礎(chǔ)與實踐教程
本書在介紹JavaScript相關(guān)知識的基礎(chǔ)上，主要結(jié)合實例講解JavaScript的實際應(yīng)用。內(nèi)容主要包括JavaScript語言的語法、 JavaScript面向?qū)ο蟮奶匦浴⒄{(diào)試JavaScript、JavaScript結(jié)合CSS應(yīng)用于WEB編程、JavaScript的Dom編程、 JavaScript的基礎(chǔ)應(yīng)用、服務(wù)器端的應(yīng)用、通過綜合實例介紹JavaScript的高級應(yīng)用。
邊學(xué)邊用JAVASCRIPT
JAVASCRIPT是實現(xiàn)網(wǎng)頁動態(tài)性、交互性的腳本語言。本書通俗易懂，按照循序漸進(jìn)的方法詳細(xì)介紹了JAVASCRIPT的基本概念， HTML基本知識、JAVASCRIPT的基本語法及其內(nèi)置對象和瀏覽器對象。書中對于每個知識點都配備了相應(yīng)的實例，幫助讀者加深理解。本書適合為 JAVASCRIPT初學(xué)者的培訓(xùn)教材，也可以作為中、高級網(wǎng)頁編程 ...
網(wǎng)頁樣式設(shè)計――CSS使用詳解 網(wǎng)頁樣式設(shè)計――CSS使用詳解
CSS的基本概念、CSS屬性、格式化模型以CSS單位等。此外，對于CSS的延伸擴(kuò)展部分也做了全面的介紹，包括CSS定位技術(shù)、打印支持、框架結(jié)構(gòu)、聲音CSS濾鏡變換效果等。書中附有大量實用例子幫助讀者掌握和編寫樣式表單文檔。本書內(nèi)容翔實，深入淺出，是網(wǎng)絡(luò)開發(fā)人員和網(wǎng)絡(luò)愛好者的理想?yún)⒖紩?/p>
網(wǎng)頁制作全接觸――HTML 4.0 CSS 網(wǎng)頁制作全接觸――HTML 4.0 CSS
CSS的內(nèi)容，包括HTML 4.0各個標(biāo)記的語法和屬性，CSS各上屬性的語法和屬性值，同時介紹了兩者在Dreamweaver中的實現(xiàn)，提供大量靈活使用HTML 4.0和CSS制作動態(tài)網(wǎng)頁的實例。本書第一部分是590811及其應(yīng)用，第二部分是CSS及其應(yīng)用，附錄中了JavaScript參考手冊、CSS兼容性列表和字符實體集。
網(wǎng)頁設(shè)計與制作――MX 2004（第2版）
網(wǎng)頁制作套裝軟件Macromedia Studio MX2004中的網(wǎng)頁制作三劍客為主要內(nèi)容，介紹客戶端網(wǎng)頁的制作。全書共分9章，第1章網(wǎng)頁制作基礎(chǔ)，介紹與網(wǎng)頁制作有關(guān)的基礎(chǔ)知識；第2章至第5章介紹Dreamweaver MX2004的使用，其中穿插介紹CSS、JavaScript在網(wǎng)頁中的應(yīng)用；第6章和第7章介紹Fireworks MX2004的使用；第8章和第9章介紹F ...
精通ASP網(wǎng)絡(luò)編程
ASP網(wǎng)絡(luò)編程技術(shù)的實用教程。書中舉例大量典型實用，綜合了眾多ASP程序員的實際開發(fā)經(jīng)驗。本書適合廣大網(wǎng)絡(luò)設(shè)計和開發(fā)人員以及對ASP感興趣的編程愛好者閱讀。
ASP開發(fā)實例(1CD)
ASP進(jìn)行Web開發(fā)。主要內(nèi)容有：ASP基本對象的使用，在ASP中使用第三方或自制的ActiveX控件，數(shù)據(jù)庫對象的使用和設(shè)計，SQL語句的使用等。本書內(nèi)容由淺入深，論述深入、全面，實例覆蓋了ASP編程的大部分內(nèi)容，每個實例著重介紹一個或幾個知識要點。此外，還附有源程序代碼多媒體光盤，幫助ASP愛好者快速深入地掌握ASP編程? ...
高校計算機(jī)教程系列 JSP實用教程
JSP運行環(huán)境的配置、JSP語法、JSP內(nèi)置對象、JSP與文件、JSP與數(shù)據(jù)庫、JSP與JavaBrsnd等內(nèi)容；第7章至第8章介紹了怎樣使用JSP技術(shù)創(chuàng)建完整的網(wǎng)站。第9章講述Java Servlet,針對JSP與servlet結(jié)合開發(fā)網(wǎng)站做了詳細(xì)的介紹
JSP實用案例教程
JSP)程序設(shè)計技術(shù)。主要內(nèi)容包括：B／S開發(fā)模式和主流技術(shù)介紹，JSP編程基礎(chǔ)，在Windows 2000／XP和Linux環(huán)境下JSP運行環(huán)境的配置過程，HTML與JSP的交互過程，JSP中的頁面元素，編譯指令和操作指令，JSP中常用的對象，JDBC，JavaBean，JSP的綜合應(yīng)用舉例，Servlet的概念和使用，如何在JSP中應(yīng)用XML，JSP的高級應(yīng)用以及? ...
PHP與MySQL5程序設(shè)計(第2版)
PHP腳本語言和MySQL數(shù)據(jù)庫這兩種目前最流行的開源軟件，主要內(nèi)容包括PHP和MySQL基本概念、PHP擴(kuò)展與應(yīng)用庫、日期和時間功能、 PHP數(shù)據(jù)對象擴(kuò)展、PHP的mysqli擴(kuò)展、MySQL 5的存儲例程、觸發(fā)器和視圖等。本書實用性強，幫助讀者學(xué)習(xí)PHP編程語言和MySQL數(shù)據(jù)庫服務(wù)器的最佳實踐，了解如何結(jié)合這些卓越的技術(shù)創(chuàng)建數(shù)據(jù)庫驅(qū)動的 ...
九九乘法表
for(i=1;i=9;i++) {
for(j=1;j=9;j++) {
console.log(i+ '*' +j+ ' = ' + i*j);
}
}
注意這個代碼需要在firefox瀏覽器下運行
前端部分書很多，建議跟著 慕課網(wǎng) 這種在線培訓(xùn)的課程，邊學(xué)邊練。
一部分書供參考。
一、Javascript方面的書籍：
1 JavaScript權(quán)威指南（第6版）：號稱javascript圣經(jīng)，前端必備；前端程序員學(xué)習(xí)核心JavaScript語言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊；
2 JavaScript高級程序設(shè)計(第3版) ：前端必備書，如果你想真正進(jìn)入前端世界，這是一本不可多得的進(jìn)階書，沒什么好說的，必須細(xì)細(xì)品讀；
3 JavaScript語言精粹 ：這是一本值得任何正在或準(zhǔn)備從事JavaScript開發(fā)的人閱讀，并且需要反復(fù)閱讀的js書籍；
4 基于MVC的JavaScript Web富應(yīng)用開發(fā) ：這不是一本適合初學(xué)者看的書籍，更適合具有一定前端開發(fā)經(jīng)驗的從業(yè)人員看的框架書，如果你想構(gòu)建一個復(fù)雜的前端應(yīng)用，你會如獲至寶；
5 JavaScript DOM編程藝術(shù)(第2版)：好書主要是dom操作和兼容方面的知識，值得一看；
6 JavaScript經(jīng)典實例 ：可以看看，主要是有關(guān)javascript一些典型小工具，有些剖析的并不深入，總體來說可以看看；
7 JavaScript設(shè)計模式 ：寫js不難。如何編寫優(yōu)美、結(jié)構(gòu)化和可維護(hù)的代碼呢？反復(fù)的揣摩這本書吧；
8 JavaScript編程精解 ： 了解一下可以；
9 JavaScript模式 ： 又一本設(shè)計模式的好書，如果你想讓自身的Javascript技巧提高到一個新層次，成為專業(yè)的開發(fā)人員和程序員，反復(fù)閱讀吧；
10 JavaScript高效圖形編程： 是一本具有很強實操性的JavaScript圖書，主要涉及JavaScript性能優(yōu)化、高級UI設(shè)計、Web游戲開發(fā)、面向移動設(shè)備的開發(fā)、圖形編程知識等
11 JavaScript RIA開發(fā)實戰(zhàn)——最佳實踐、性能、表現(xiàn)：主要介紹如何采用最合理的方式為RIA編寫可靠的、易于維護(hù)的HTML、CSS和JavaScript代碼，以及如何使用Ajax技術(shù)在后臺實現(xiàn)瀏覽器與Web服務(wù)器的動態(tài)通信?？梢约?xì)細(xì)讀一下；
12 高性能JavaScript ： 又一本好書，涵蓋了當(dāng)今JavaScript開發(fā)者需要了解的所有性能問題，毫無疑問，它已加入我的性能最佳實踐列表；值得細(xì)細(xì)品讀并實踐；
13 悟透JavaScript（美繪本）： 這是一本可以讓你輕松加愉快的閱讀的一本好書，讀完你可能會領(lǐng)悟：哦原還可以這樣；
14 Ajax權(quán)威指南 : 詳細(xì)的展示了ajax技術(shù)的發(fā)展以及應(yīng)用，對于了解ajax技術(shù)很不錯的一本詳盡書籍；
15 Node.js開發(fā)指南 : Node.js是一種新興的開源技術(shù)，它將JavaScript從Web瀏覽器移植到常規(guī)的服務(wù)器端，使用Chrome的V8虛擬機(jī)來解釋和執(zhí)行JavaScript代碼，能用于構(gòu)建高性能、高可擴(kuò)展的服務(wù)器和客戶端應(yīng)用，以實現(xiàn)真正“實時的Web應(yīng)用”；
16 Node Web開發(fā) : 雅虎架構(gòu)師精準(zhǔn)解讀最炙手可熱的Web開發(fā)技術(shù)；
17 jQuery Mobile權(quán)威指南：是系統(tǒng)學(xué)習(xí)jQuery Mobile的權(quán)威參考書；
18 數(shù)據(jù)可視化實戰(zhàn)：使用D3設(shè)計交互式圖表 ：web矢量圖類庫d3.js的工具書；
19 jQuery權(quán)威指南 : 學(xué)習(xí)jquery的入門書籍；
20 精彩絕倫的jQuery ： 名字起的不錯，能忽悠不少人，入門級書籍；
21 鋒利的jQuery ： 不錯的一本jquery應(yīng)用書籍；
二、Html和Css方面書書籍：
1 HTML 5與CSS 3權(quán)威指南 ：html5和css3入級好書；詳盡講解了HTML5與CSS 3的所有功能和特性；
2 HTML5移動Web開發(fā)指南：介紹了一下移動端的web開發(fā)技術(shù)，以及一些移動端框架：QueryMobile、Sencha Touch，以及PhoneGap；
3 響應(yīng)式Web設(shè)計：HTML5和CSS3實戰(zhàn) ：有關(guān)響應(yīng)式設(shè)計的知識并不是很多，大量篇幅寫了html5和css3，這本書比較一般；
4 HTML5程序設(shè)計(第2版) ： 很全面的介紹了一下html5技術(shù)，前端人員都應(yīng)該看一看；
5 編寫高質(zhì)量代碼:Web前端開發(fā)修煉之道 ： 不可多得的一本前端開發(fā)規(guī)范書，前端開發(fā)人員的必讀書；
6 精通CSS：高級Web標(biāo)準(zhǔn)解決方案 ：css兼容性解決方案匯總，好書；
7 CSS禪意花園 ：主要的Web設(shè)計原則以及它們運用的CSS布局技巧；
8 CSS權(quán)威指南 ： css經(jīng)典工具書；
9 高性能網(wǎng)站建設(shè)進(jìn)階指南：Web開發(fā)者性能優(yōu)化最佳實踐 ： 好書?。【W(wǎng)站性能優(yōu)化，瀏覽器加載渲染詳細(xì)解析；
10 網(wǎng)站重構(gòu)——應(yīng)用Web標(biāo)準(zhǔn)進(jìn)行設(shè)計 : 前端開發(fā)人員必讀書，一本可以幫助網(wǎng)頁設(shè)計師快速了解和掌握web標(biāo)準(zhǔn)設(shè)計的書；
11 變幻之美 DIV+CSS網(wǎng)頁布局揭秘 ： 詳細(xì)的介紹了從效果圖到web布局實現(xiàn)的整個過程；
12 HTML5 Canvas基礎(chǔ)教程 : canvas入門書籍；
重慶分公司
重慶分公司
