经典案例
  • ArtsRouge
  • Management
  • 爱艺术咖啡会所

学做网站要从哪学起?两天让你学会建网站!

发布于:2017-02-15 11:29来源:虎啸风生 作者:赵日天 点击:

很多人问我,我想学做网站,不知该从哪里学起,大概要学多久才能学会。

做任何事情都要把基本功打好,做网站也正是这样。我们肯定说你想做网站,先认识下网站是有些组成了,代码那些是你要自己的,别看别人的网站一大堆代码是不是都自己写,其实不然,真正要编程者要写的可能就那几行,不行,你接着看完我写的东西,你就会发现网站不过如此。

我先说下网站的架构,打开我们初学者的工具:Adobe Dreamweaver新建一个HTML,我们会看到下面:
<!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=utf-8" />
<title>无标题文档</title>
</head>

<body>

这里就是我们要写代码的位置
青岛网络公司,青岛网站建设,青岛网站制作,青岛网页设计,青岛网站优化

</body>
</html>

头部跟尾部的代码其实不用去写的,一般都是软件自带,或模板自带,或拷贝别人的。。<body>这里才是我们要写的内容</body>

跟着我说CSS,跟JS的调用代码:
<link href="js/js.css" rel="stylesheet" media="screen" type="text/css" />
<script type="text/javascript" src="css/css.js"></script>
这是CSS,跟JS的调用代码,大家通用,你不用懂它什么意思,知道它是调用外部CSS跟JS的代码就行了。。这个一般放在<title>无标题文档</title>下一行,加js也可以放页面后面,加快页面的读取速度。

明白页面基本结构,我们就到认识HTML里面的代码意思了,我们先学学table,再学学DIV,跟着再去下个别人网站CSS,看下他们常用的CSS代码,理解他们的意思。。到了这步。。整个网站你也理解的七七八八了,下面就该动手做做个网页了。

首页一个页面我们分三大块,头部,中间内容,尾部。。。
头部一般我们习惯包换有LOGO,导航,BANNER.
中间部分我们又分:左边公用部分,右边内容部分。当然这是针对简单的网站,复杂的网站我们这暂不说。
尾部一般就分:友情链接和尾部导航和联系方式、版权之类的。

先用table做个页面出来先,table方便啊。拉来拉去就行了,方便初学者,学会后再使用DIV+css做个网页。。只要你能用DIV+css做出一个网页来,我可以告诉你,你基本会做一个网站了。。。

为什么,很简单,现在出现了很多CMS系统,其实就是方便这类人,他可能做个简单的网站,不需要懂的太多,会点HTML和会点这个CMS系统的调用就行了,跟着的工作交给后台去操作吧。太方便了,想当年我们还研究这个数据库怎调用,那个代码老出错啊。。可以说现在的CMS都是为他们而生的。

还有不懂了,可以咨询我们。

tag标签:
------分隔线----------------------------
------分隔线----------------------------
友情链接:助勃增大器 | 常州建站 | 广告牌设计 | 互助平台开发 | 无名小站