自己做网站(一) 从头至尾实现一个企业站的速成

来源:互联网 发布:卖家淘宝客推广教程 编辑:程序博客网 时间:2024/06/05 22:12

网上随便搜一下,就会发现“xx天学会网站设计”的教程数不胜数,这就说明网站开发并不像很多人认为的那么难,从今天开始跟大家一起完成一个企业站的搭建以及域名申请以及上线的全部过程,希望对大家有所帮助。最终的效果如这个网站所示。

了解基本的html语言

这个,我相信并不难,没有比html这种标记语言更简单的了,推荐大家可以去电驴上随便找找,比如这个网址:http://www.verycd.com/topics/2909780/  当然,最近由于版权的原因,有些不能下,只要在域名前面加上gdajie即可,比如这个网址可以改为:http://www.verycd.gdajie.com/topics/2909780/ 这个教程希望大家能在1个礼拜内看完,没必要深入看,简单过一下就可以了。韩老师的课程还是比较风趣的,这也是推荐大家看着课程的原因。当然,以后笔者有空的话也会出视频教程,但本人声音之淫荡不是一般人能忍受的,考虑到这一点,还是以后再说吧。


下载网站模板

有句话说的好,“不要重复造轮子”,是的,如果不会聪明的借鉴别人的东西,什么东西都从头开始做的话,会浪费自己很多时间,在这个“时间即是金钱”的时代,大家要格外珍惜时间,当然,找女朋友的时间是不能省的,本人今天就去参加了一个相亲会,玩的不亦乐乎啊!!!微笑

网站模板这里有:模板之家 ,大家随便找一个就可以了。本人下载了一个模板:http://www.cssmoban.com/cssthemes/4760.shtml ,注意,如果这个链接不可用的话,请到此进行自行下载,因为模板之家的地址可能是变的。

然后大家解压用dreamweaver之类的编辑器打开,本人因为是mac系统,就用了Brackets这个软件,没关系的,如果你喜欢也可以用 sublime text  之类的软件,只要有语法高亮的功能就可以了。


修改网站

网站的目录如下。这个网站本来是英文的,我们现在要做的首先肯定是改成中文,然后要把里面的信息改成我们想要的就可以了。

图一

我们以about.html这个页面为例。我们先改成中文的,然后把里面的图片改成我们想要的即可。

谷歌浏览器有个审查元素的功能,火狐浏览器也有类似的功能,这里以谷歌浏览器为例。右击要改的地方,选择“审查元素”,如图二


图二

然后我们到dreamweaver或者Brackets里改掉相应的字就可以了,如图三


图三

改好之后,可以查看相应效果,这是修改文字,修改图片的过程也是类似的,大家可以参考图四。


图四

我们到相应文件夹中替换掉相应图片就可以了!


这样修修改改,基本上一个网页就可以成型了。




3 1