不敢自称老鸟，只是说说我自己的一些经验和看法
我们提供的服务有：成都网站制作、做网站、微信公众号开发、网站优化、网站认证、白水ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的白水网站制作公司
网页编程，简单来说也就你上面所说的HTML,CSS,Javascript,php(或者ASP，jsp等....)
HTML也就是你在一个网页上点右键后选择"查看源文件"所能看到的部分，只是负责网页上的布局和显示内容之类的。如果只使用HTML来做网页，只能做静态的(则没有后台数据，只能修改代码来更新网页内容的)网页，在现在来说，静态网页几乎是没有什么用的。
Css是用来控制网页上的颜色，线条，或者按钮之类的外观的东西，当然，如果不考虑界面好看，一个网页是可以不要css的，这部分可以在熟悉HTML后在慢慢熟悉。另外要说的就是javascript了，运用熟练的话，可以实现非常多的效果，不过由于是在客户端(也就是用户浏览网页时使用的浏览器)解析执行的，所以经常要考虑兼容性，在IE下写的正常了，在FireFox下未必也能用，我感觉Javascript在网页开发中可以其到非常非常大的作用的。
另外说到的就是网页编程的重要部分了，PHP，这部分的代码是在服务端执行的，可以根据用户的请求做出相应的处理，再返回相应的数据发送到用户的浏览器上。在这里，想给楼主一个建议，使用window平台开发的话，由于系统自带的IIS（也就是web服务器）本身不支持PHP，需要另外安装服务器，安装PHP，装完后要修改一些配置文件之类的，虽然网上很多配置方法的说明，但对于一个初学者来说，还是比较复杂的，相对来说；再加上PHP通常搭配使用的数据库是MySQL,安装使用起来稍为复杂，如果全靠自己看着网上介绍的方法来摸，还是有点难度的，当然，这对于有一定开发经验的朋友来说，是几乎不存在这个困难的。相对来说，微软的ASP就比PHP来得简单，只要系统安装了IIS，随便拿个记事本写代码，丢到默认的路径下就可以运行。简单方便是ASP受欢迎的重要原因吧。不过话说回来，由于简单易学，现在外面写ASP的人一抓一大把(我就是其中之一),工资自然就不高了....如何取舍，还是看楼主自己如何想了。
上面的几个部分，在对HTML有一定的熟悉后，其他的几个部分就可以一起学了，这东西都是相互的。
至于素材方面说到的那几个东西，其实除了flash稍有时需要写点代码什么的，其他的都是做做图片的编辑而已，也就是一个软件的使用，没什么大不了的。
编程这东西，其实说难不难，说易也不易，难就难在入门，入门了，了解到编程大概是个什么东西了，熟悉编程的那种思考方式，那种思想，再学其他的编程语言，就来得简单多了.....另外，编程也是个很不轻松的工作，持之以恒的学习是少不了的，新的技术，新的方法，都要学的，否则就完蛋了.....
以上纯粹个人看法，呵呵。
做好准备了，就开始吧！
这种东西，最好还是整点书来看比较好：
精美网页特效设计技巧精粹
网页制作、网页图像处理、网页动画设计以及各种实用的特效制作等的方法与技巧，涵盖了网页版式设计、色彩设计、网页图形创意、网页图标设计、网页动画设计、网页字体设计、网页特效设计等。几乎涉及到了与网页相关的方方面面，全书内容丰富、自成体系、实例众多。
动态网页设计培训教程 动态网页设计培训教程
网页设计软件的使用方法和最新的网页设计技术。全书共分14章，分别介绍了网页设计的基础知识；超文本标记语言HTML，使用FrontPage 2000和Dreamweaver 3.0设计网页的要领；使用Photoshop 6.0 和ImageReady 3.0优化和处理WEB图像等内容。
JavaScript 动态网页经典实例教程
网页设计实例，介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏，动态文本框，应用时间，动态层，动态内容，动态位置，动态元素内容，滚动效果，动态页面导航，动态数据表单，动态表格等内容。读者对象该书适合于广大的网页设计从业人员，为动态网页开发设计中需要解决的实际问题提供 ...
网页美术设计入行实战(全彩)(含光盘1张) 网页美术设计入行实战(全彩)(含光盘1张)
网页美术设计行业分析；就业指导；小型商业网页设计；大型商业网站设计；通过实际工作的案例以及虚拟应用场景，将每个案例的使用环境描述出来，涉及了网页设计在实际应用中使用的软件Flash，Dreameaver的使用，网页制作的技巧，并对一些陌生的或不常用的功能做了提示性的说明与解析。有多个实际案例供参考；网页设计的经验 ..
网上筑巢--循序渐进设计网页
网页.包括输入文字后设置格式,使网页内容更加鲜明,增加图片使网页更加生动,增加声音让网页学会"说话"等.此外还介绍网页制作高手的很多决窍.本书的读者对象是准备上网或已经上网,但上网经验不足的初学者.
如果你真的想学习编程，那下面这些书是比不可少的。
JavaScript基础与实践教程
本书在介绍JavaScript相关知识的基础上，主要结合实例讲解JavaScript的实际应用。内容主要包括JavaScript语言的语法、 JavaScript面向对象的特性、调试JavaScript、JavaScript结合CSS应用于WEB编程、JavaScript的Dom编程、 JavaScript的基础应用、服务器端的应用、通过综合实例介绍JavaScript的高级应用。
边学边用JAVASCRIPT
JAVASCRIPT是实现网页动态性、交互性的脚本语言。本书通俗易懂，按照循序渐进的方法详细介绍了JAVASCRIPT的基本概念， HTML基本知识、JAVASCRIPT的基本语法及其内置对象和浏览器对象。书中对于每个知识点都配备了相应的实例，帮助读者加深理解。本书适合为 JAVASCRIPT初学者的培训教材，也可以作为中、高级网页编程 ...
网页样式设计――CSS使用详解 网页样式设计――CSS使用详解
CSS的基本概念、CSS属性、格式化模型以CSS单位等。此外，对于CSS的延伸扩展部分也做了全面的介绍，包括CSS定位技术、打印支持、框架结构、声音CSS滤镜变换效果等。书中附有大量实用例子帮助读者掌握和编写样式表单文档。本书内容翔实，深入浅出，是网络开发人员和网络爱好者的理想参考书。
网页制作全接触――HTML 4.0 CSS 网页制作全接触――HTML 4.0 CSS
CSS的内容，包括HTML 4.0各个标记的语法和属性，CSS各上属性的语法和属性值，同时介绍了两者在Dreamweaver中的实现，提供大量灵活使用HTML 4.0和CSS制作动态网页的实例。本书第一部分是590811及其应用，第二部分是CSS及其应用，附录中了JavaScript参考手册、CSS兼容性列表和字符实体集。
网页设计与制作――MX 2004（第2版）
网页制作套装软件Macromedia Studio MX2004中的网页制作三剑客为主要内容，介绍客户端网页的制作。全书共分9章，第1章网页制作基础，介绍与网页制作有关的基础知识；第2章至第5章介绍Dreamweaver MX2004的使用，其中穿插介绍CSS、JavaScript在网页中的应用；第6章和第7章介绍Fireworks MX2004的使用；第8章和第9章介绍F ...
精通ASP网络编程
ASP网络编程技术的实用教程。书中举例大量典型实用，综合了众多ASP程序员的实际开发经验。本书适合广大网络设计和开发人员以及对ASP感兴趣的编程爱好者阅读。
ASP开发实例(1CD)
ASP进行Web开发。主要内容有：ASP基本对象的使用，在ASP中使用第三方或自制的ActiveX控件，数据库对象的使用和设计，SQL语句的使用等。本书内容由浅入深，论述深入、全面，实例覆盖了ASP编程的大部分内容，每个实例着重介绍一个或几个知识要点。此外，还附有源程序代码多媒体光盘，帮助ASP爱好者快速深入地掌握ASP编程� ...
高校计算机教程系列 JSP实用教程
JSP运行环境的配置、JSP语法、JSP内置对象、JSP与文件、JSP与数据库、JSP与JavaBrsnd等内容；第7章至第8章介绍了怎样使用JSP技术创建完整的网站。第9章讲述Java Servlet,针对JSP与servlet结合开发网站做了详细的介绍
JSP实用案例教程
JSP)程序设计技术。主要内容包括：B／S开发模式和主流技术介绍，JSP编程基础，在Windows 2000／XP和Linux环境下JSP运行环境的配置过程，HTML与JSP的交互过程，JSP中的页面元素，编译指令和操作指令，JSP中常用的对象，JDBC，JavaBean，JSP的综合应用举例，Servlet的概念和使用，如何在JSP中应用XML，JSP的高级应用以及� ...
PHP与MySQL5程序设计(第2版)
PHP脚本语言和MySQL数据库这两种目前最流行的开源软件，主要内容包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、 PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、触发器和视图等。本书实用性强，帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践，了解如何结合这些卓越的技术创建数据库驱动的 ...
九九乘法表
for(i=1;i=9;i++) {
for(j=1;j=9;j++) {
console.log(i+ '*' +j+ ' = ' + i*j);
}
}
注意这个代码需要在firefox浏览器下运行
前端部分书很多，建议跟着 慕课网 这种在线培训的课程，边学边练。
一部分书供参考。
一、Javascript方面的书籍：
1 JavaScript权威指南（第6版）：号称javascript圣经，前端必备；前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册；
2 JavaScript高级程序设计(第3版) ：前端必备书，如果你想真正进入前端世界，这是一本不可多得的进阶书，没什么好说的，必须细细品读；
3 JavaScript语言精粹 ：这是一本值得任何正在或准备从事JavaScript开发的人阅读，并且需要反复阅读的js书籍；
4 基于MVC的JavaScript Web富应用开发 ：这不是一本适合初学者看的书籍，更适合具有一定前端开发经验的从业人员看的框架书，如果你想构建一个复杂的前端应用，你会如获至宝；
5 JavaScript DOM编程艺术(第2版)：好书主要是dom操作和兼容方面的知识，值得一看；
6 JavaScript经典实例 ：可以看看，主要是有关javascript一些典型小工具，有些剖析的并不深入，总体来说可以看看；
7 JavaScript设计模式 ：写js不难。如何编写优美、结构化和可维护的代码呢？反复的揣摩这本书吧；
8 JavaScript编程精解 ： 了解一下可以；
9 JavaScript模式 ： 又一本设计模式的好书，如果你想让自身的Javascript技巧提高到一个新层次，成为专业的开发人员和程序员，反复阅读吧；
10 JavaScript高效图形编程： 是一本具有很强实操性的JavaScript图书，主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等
11 JavaScript RIA开发实战——最佳实践、性能、表现：主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码，以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下；
12 高性能JavaScript ： 又一本好书，涵盖了当今JavaScript开发者需要了解的所有性能问题，毫无疑问，它已加入我的性能最佳实践列表；值得细细品读并实践；
13 悟透JavaScript（美绘本）： 这是一本可以让你轻松加愉快的阅读的一本好书，读完你可能会领悟：哦原还可以这样；
14 Ajax权威指南 : 详细的展示了ajax技术的发展以及应用，对于了解ajax技术很不错的一本详尽书籍；
15 Node.js开发指南 : Node.js是一种新兴的开源技术，它将JavaScript从Web浏览器移植到常规的服务器端，使用Chrome的V8虚拟机来解释和执行JavaScript代码，能用于构建高性能、高可扩展的服务器和客户端应用，以实现真正“实时的Web应用”；
16 Node Web开发 : 雅虎架构师精准解读最炙手可热的Web开发技术；
17 jQuery Mobile权威指南：是系统学习jQuery Mobile的权威参考书；
18 数据可视化实战：使用D3设计交互式图表 ：web矢量图类库d3.js的工具书；
19 jQuery权威指南 : 学习jquery的入门书籍；
20 精彩绝伦的jQuery ： 名字起的不错，能忽悠不少人，入门级书籍；
21 锋利的jQuery ： 不错的一本jquery应用书籍；
二、Html和Css方面书书籍：
1 HTML 5与CSS 3权威指南 ：html5和css3入级好书；详尽讲解了HTML5与CSS 3的所有功能和特性；
2 HTML5移动Web开发指南：介绍了一下移动端的web开发技术，以及一些移动端框架：QueryMobile、Sencha Touch，以及PhoneGap；
3 响应式Web设计：HTML5和CSS3实战 ：有关响应式设计的知识并不是很多，大量篇幅写了html5和css3，这本书比较一般；
4 HTML5程序设计(第2版) ： 很全面的介绍了一下html5技术，前端人员都应该看一看；
5 编写高质量代码:Web前端开发修炼之道 ： 不可多得的一本前端开发规范书，前端开发人员的必读书；
6 精通CSS：高级Web标准解决方案 ：css兼容性解决方案汇总，好书；
7 CSS禅意花园 ：主要的Web设计原则以及它们运用的CSS布局技巧；
8 CSS权威指南 ： css经典工具书；
9 高性能网站建设进阶指南：Web开发者性能优化最佳实践 ： 好书啊！网站性能优化，浏览器加载渲染详细解析；
10 网站重构——应用Web标准进行设计 : 前端开发人员必读书，一本可以帮助网页设计师快速了解和掌握web标准设计的书；
11 变幻之美 DIV+CSS网页布局揭秘 ： 详细的介绍了从效果图到web布局实现的整个过程；
12 HTML5 Canvas基础教程 : canvas入门书籍；
