自学做网站

html-css025

自学做网站,第1张

首先明确你的学习的服务器语言

一般是asp或php和JSP

然后架构服务器

我学的是php。

php最擅长的就是图形图像的处理了,不过这需要扩展库的支持,它能够制作各种图表,给图片加字,还能干动态生成验证码之类的事。php也支持面向对象的编程,支持文件系统,支持Cookie和Session。

而且它不仅应用于html,还能应用于各种xml或基于xml的语言。

建议下载一个软件包

XAMPP,包括apache,php,mysql,pma,perl,mercury mail等优秀软件

http://www.apachefriends.org/

接下来选择开发工具,刚开始做可以用Dreamweaver,最新版本是CS4

我用的是下面这个盗版的。

http://218.75.159.150/adobedreamweavercs4fix.exe

其他常用的开发工具:zend studio,eclipse,delphi for PHP,EditPlus

接下来还要安装测试的浏览器

我的电脑里安装了IE6,IE7,IE8,firefox3,safari4和opera10

IE:如果你是windows用户,电脑里都装了的,不过IE8可能没有,到http://www.microsoft.com/下载

IE是必须安装的,因为它有70%多的市场占有率

Firefox:http://www.mozillaonline.com/

绝对好的浏览器有很多可以安装的组件

https://addons.mozilla.org/zh-CN/firefox/search?q=&cat=all

推荐安装的组件:Firebug,Web Developer,FirePHP,noscript

强烈推荐firebug,类似于IE的开发人员工具,但功能还要丰富,可以查看DOM,从网络下载的文件和网页保存的cookie。

Firefox市场占有率在20%左右

safari:手机上用的最多的浏览器,是apple公司的产品。下载:

http://www.apple.com/safari/download/

opera:据说严格遵守w3c规范,所以兼容性很差,但用的人也蛮多

下载:http://www.operachina.com/

接下来了解一个网站的运作流程:

确定网站主题-搜集材料-规划网站-选择开发工具-制作网页-测试网站-上传网站-推广宣传-维护更新

常用的网络资源:

中国站长网:www.chinaz.com

提供源代码下载,软件下载,论坛等信息

W3Course Web教程www.w3course.net

提供丰富的web技术相关教程,很适合初学者参考

W3C组织www.w3.org

万维网联盟,本人很喜欢w3c提供的validator服务,在主页上有链接

当然还要买一些书,书里所提供的只是几乎是网上找不到的,下面介绍我买的一些书,给你作参考:

《The CSS Anthology》英 Rachel Andrew 著 人民邮电出版社

中文版叫《CSS精粹》,不错的CSS教程,示例的代码也是对CSS学习很有帮助的

参考价:39元

《Begining JavaScript with DOM Scripting and Ajax》

德 Christian Heilmann 著 人民邮电出版社

中文版叫《深入浅出JavaScript》javascript的基础性教程,帮助你更快熟悉javascript

参考价:55元

《AdvancED DOM Scripting Dynamic Web Design Techniques》

加 Jeffrey Sambells &美 Aaron Gustafson 著 人民邮电出版社

深入解析javascript中的DOM编成,中文版叫《JavaScript DOM 高级程序设计》,还有不错的代码示例,你可以去它的网站下载书中的源代码

www.advanceddomscripting.com

参考价:59元

《PHP 从入门到精通》中 邹天思,孙鹏 等著 清华大学出版社

从基础的到高级的PHP编程书中都有,而且对部分其他语言都有的共同技术,如正则表达式,书中有非常详细的说明,还提供了相关软件的下载地址

参考价:68元(带光盘)

读完上面几本书,你就差不多是一个Web开发高手了,当然还有一些其他的内容值得学习:

flash:flash能做出很炫的动画,甚至可以用flash做网站,不过flash的下载速度很慢。

XML:可扩展的标记语言,常用来存储数据,如果你的数据不是客户隐私(密码等)可以用XML做,否则应该使用数据库

XSL:把XML转换成XHTML的一种语言。

SVG:可缩放的矢量图形,是基于XML的,纯文本描述的图片

我的配置:

开发工具:

Dreamweaver CS4/8+Photoshop CS3 Extended+Flash CS4/CS3 Pro

服务器:

XAMPP

测试工具和用户代理:

IE6/7/8+Firefox3(Firebug+Web Developer+noscript+FirePHP+Javascript Debugger+ColorZilla+HTML Validator+FireCookie)+Safari4+Opera10

必须学习的内容:

XHTML1.0 CSS 2.1 JavaScript(DOM2,Ajax)

服务器端教本可以任选一个,但是本人建议PHP(所需软件都是自由软件,开源,免费)

知名的网站上面的技术都会用的到,XML和XSL也是经常用,但是初学者是用不到的。

另外服务器建议用RedHat系统 1

CSS不需要下载的,只要把你想写的CSS代码,写好后,保存为.CSS结尾的文件就可以了,然后在你要调用的网页上面<head></head>里的<title></title>下面加入这句代码:<link rel="stylesheet" href="保存名.css" type="text/css" media="all" />