网站建设
网站备案流程
本机IIS服务器的创建
Win7下配置本机IIS服务器
建网站需要学习的内容
使用表格布局网页
定义网页头文件元素
制作弹出网页
制作网页宣传窗
Div+CSS布局网页
CSS的常见选择器
CSS设置文本样式
CSS设置背景颜色与图像
CSS设置表格样式
HTML中使用CSS的方法
CSS3新增的部分属性1
CSS3新增的部分属性2
CSS3动画与渐变
网页显示MySQL数据库中汉字的乱码问题
HTML5的新特性
HTML5的API
HTML5音视频API
HTML5表单
HTML5表单API
HTML5画布canvas
HTML5拖放API
HTML5地理位置API
HTML5离线应用API
HTML5 Workers多线程
HTML5跨源通信
HTML5 WebSocket通信
HTML5的Web存储API
HTML5本地数据库
HTML5其他一些API
Node.js功能和使用
常用Web前端工具
WebGL编程
GLSL ES语言
使用ThreeJs库3D编程
XML可扩展标记语言
建网站,说容易也容易,说复杂也很复杂,就像学围棋。学围棋入门很简单,几句话就能说清楚,但如果想成为围棋高手则是非常困难的事。建网站也是如此。可以把建网站分为入门级、业余级和专业级三种,各有不同的要求,需要学习和掌握的知识或技能也有差别,大致是步步推进的。
1. 入门级:
网页怎样制作?其实最简单的windows自带的文字软件notepad(记事本)就可以。比如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>最简单的网页</title>
</head>
<body>
<b>
最简单的网页。
</b>
</body>
</html>
把上述代码复制到notepad,然后存为basic.htm或basic.html文件(注意不是txt后缀),就能发现文件的显示图标变为浏览器图标。然后鼠标双击此文件的图标,就能直接在浏览器打开,显示一行黑体字“最简单的网页。”,而网页标头也为“最简单的网页”。
但是,使用notepad写网页,至少要有HTML的相关知识,学习起来有一定难度,写代码也容易出错,初学者一般不要从这里开始起步。
一些软件公司开发了“所见即所得”的网页编辑软件,如微软公司的FrontPage(后续版本名称为SharePoint Designer),Adobe公司的Dreamweaver等,不用学习任何代码就可以编辑网页并建立起有一定复杂度的网站。相对来说,FrontPage更初级一些,往往用于制作较简单的几个网页组成的网站;而Dreamweaver就功能更强一些,还可以在其中加入一些代码,能制作出有相当水准的网站,便于从入门级过渡到业余级。
但这两种软件都是收费软件,Dreamweaver一般是30天的试用期。也有一些公司开发了一些免费的网页编辑软件,有很多种,很多计算机管理软件的附带软件库中都有其下载,功能怎样就要自己试用才能知道。网上介绍最多、相关书籍最多的还是Dreamweaver软件,一般编写网页都从这个软件起步。
2. 业余级:
有了一些编写网页的认识和实践后,就要提升到业余级。要达到业余级水平,就要学不少知识了。
1)HTML标记:
HTML是HyperText Markup Language的缩写,翻译过来的意思是超文本标记语言。网页就是HTML文件,符合HTML语言规范,所以其文件名后缀为html或htm。被称为标记语言,是因为文件中使用了很多用“<>”括起来的标记,不同的标记代表不同的含义,通过灵活使用这些标记及其属性,可以编写出精彩纷呈和功能强大的网页。学习HTML的主要标记和属性设置,是编写好网页的基础。
HTML的标记很多,属性设置也很复杂,并不需要都熟悉,只需要学习主要的一些标记及常用属性。而且HTML也是在不断发展和变化中,很多旧的标记和属性已逐渐被弃用,甚至被淘汰,记忆所有标记和属性并没有必要。新版本的HTML5还增加了许多新标记和属性,但很多浏览器还没有给予充分支持,而且很多计算机上安装的浏览器还是多年前的版本,使用太新的标记和属性会造成兼容性问题。
2)CSS:
CSS是Cascading Style Sheet的缩写,意思是层叠样式表。CSS是一种标准化的语法,用于方便灵活地控制Web页面的外观。CSS的引入,是为了使网页的内容与外观分离,CSS控制网页表现,而让HTML专注内容。
CSS+div是目前主流网页的布局排版方法,虽然写代码繁琐,但为了使网页更规范、修改更容易,也更容易被搜索引擎收录,还是要学习CSS。
最新的CSS3刚发布不久,很多浏览器还未能全部支持,为了网页兼容性,不要急忙用新增加的内容。
3)JavaScript:
只使用HTML和CSS,只能制作出静止的网页,如果需要增加一些变化的内容及特效,就需要编写程序。现在网页浏览器最普遍支持的编程语言就是JavaScript,虽然学习编程有比较大的难度,但为了一些特殊功能和效果,也要硬着头皮去慢慢学。JavaScript主要用在浏览器上运行,常被称为前端编程。
JavaScript很复杂,也并不是都要学会,可以捡实用的部分学,很多教材都注重特效的实例,加入后看到效果会更有兴趣去学。
其实,JavaScript与Java语言没有太大关系,可以说是两种不同的编程语言,使用的场合和方法也不同。JavaScript主要用于网页编程。
4)ASP:
所谓动态网页,是指有互动的效果,比如登录、评论、留言等,不只是页面显示内容的变化。动态网页最常用的是ASP,ASP是Active Server Page的缩写,含义是动态服务器页面,即页面是由服务器运行代码产生的,而不像静态页面那样只是从服务器下载到浏览器上显示。ASP动态网页文件的文件名后缀也不再是html或htm,而是asp。
ASP网页实际是一种运行在服务器端的程序,也被称为后端编程,能够创建HTML网页的用户界面,还能与数据库进行交互,有比较强大的功能。ASP是微软开发的一种动态网页技术,在微软操作系统的服务器端运行,这种平台的软件大都是付费使用的商业软件。
不过,因为现在的电脑基本都是微软的操作系统平台,其操作系统已自带支持ASP的软件(或容易下载得到),所以搭建测试使用ASP功能的环境相对比较容易,并不需要很高费用,所以ASP目前是动态网页制作中最简单、最普遍的一种技术,属于动态网页的入门级。
5)VBScript:
Basic是从微软起家开始就一直竭力支持的一种编程语言,后来又发展成Visual Basic,到了网络时代则演变为VBScript。因为微软开发的ASP默认使用VBScript,所以要使用ASP编写动态网页也要学习使用。VBScript的语法虽比JavaScript要简单,编写程序要容易一些,但也是一种编程语言,是要老老实实写代码的。VBScript主要就是用于写ASP代码。
6)Access:
动态网页及动态网站,大多都要用到数据库,Access就是一种简单、常见的数据库。Access也是微软的一款收费软件,属于Office软件包中的一种,与微软的ASP、VBScript配合比较好,相对比较容易使用,建立不是很复杂的网站,使用Access数据库就足够了。
7)SQL:
有了数据库,就要操作数据库,哪怕是简单的操作和使用,都要使用数据库的标准语言SQL。SQL是Structured Query Language的缩写,原意是结构化查询语言,基本上关系式数据库系统都支持。
不过,简单的数据库操作只需要使用SQL中的一部分功能和语句,够用即可。
8)Photoshop:
Photoshop,简称PS,是Adobe公司的一款强大的图片处理软件。网页中经常要用到一些图片,以加强视觉效果,一般要先经过软件加工处理。虽然现在很多软件都可以处理图片,如光影魔术手等,但往往功能有限,无法取代PS的霸主地位。当然,学习和使用PS比较耗时和繁琐,但其实往往也只是用PS软件中的部分功能而已。
网页制作中,很多工作是美工工作,为了视觉效果。比较大的网站是编程人员和美工人员分工合作完成的,单靠编程或单靠美工设计都是不行的。
3. 专业级:
到了专业网页领域,一般分为3个阵营:
1)PHP:
PHP,是Hypertext Preprocessor的缩写,含义是“超文本预处理器”。PHP是一种通用的开源脚本语言,有很多免费的开发软件及编程环境,这是其主要优势之一。一般学习PHP还会配合学习MySQL,PHP与Apache和MySQL组合,是目前最流行的网站构建方法,就是因为都是开源的,成本有优势,其中Apache是Web网站服务器,MySQL是数据库。其实PHP可以支持多种数据库,也可以在很多Web服务器平台运行。
2)ASP.NET:
微软开发的ASP升级版为ASP.NET,一般配合微软的Web服务器,使用SQL Server数据库,使用C#等编程语言。这套网站的构建平台都是微软的商业软件,相对成本较高。但微软公司有实力,推广工作做得好,资料比较多,所以也很普遍。
3)JSP:
JSP为Java Server Pages的缩写,即java服务器页面,最早由Sun Microsystems公司倡导,是很多公司参与建立的一种动态网页技术标准。国内网站很少见到JSP平台的,相关资料相对也比较少。
4.前端与后端:
做网站,一般分为前端与后端,前端一般还分为内容、样式、编程、美工等,在比较大的网络公司分工很细的,
网页是在浏览器窗口显示的,但实际上是存在网络服务器上的,是通过网络传下来的。如果是静态网页,服务器上的内容传下来就在浏览器上显示,两边的内容基本没有差别;而对动态网页来说,服务器上的编码经过运行产生的代码传到用户浏览器上显示,这其中就包括服务器部分代码和浏览器上得到的代码两部分,其中服务器端的代码称为后端,而传到浏览器上的代码称为前端。
现在的网页编程一般分为前端和后端,前端包括HTML、CSS、JavaScript等,主要负责显示的内容及外观呈现的效果及页面的特效等,也包括美工工作;后端则包括PHP/ASP/ASP.net/JSP/C#、SQL数据库等,主要负责数据处理及复杂计算等,编程是主要的,现在复杂的网站都使用Eclipse、Visual Studio等很专业的开发平台,要学习很多知识和技能,很多部分对业余人员来说都颇有难度。
但网站毕竟是靠内容的,实现方法只是一种手段,所以在国外有很多其他行业的人员建立的业余网站,虽然外表俭朴,但内容丰富。这方面国内还欠缺很多,需要更多的业余建网站者,提供更丰富的内容。对业余建站者来说,往往前端后端都要做,既要学PHP+MySQL,也要会JavaScript,还要懂一些JavaScript库及PHP模板,这样可以减少很多工作量。