图片展示

新手如何学习网站制作?

发表时间: 2021-02-03 12:35:16

       本文讲述的是想学习做网站的朋友需要的知识,如果您只是想拥有一个网站,那么您大可不必像如下内容这样去做一个网站,您直接在子戈信息网站上注册账号然后建站就行了,不需要您会代码,不需要您会作图,子戈信息提供了强大的建站系统,会打字填写信息,拖拉板块就可以制作一个自己的网站,把灰涩难懂的代码编码交给我们的程序员就好啦。本文介绍的是一个程序员怎么学习网站制作的知识。

  当我们正式开始做一个网站的时候,我们需要掌握和学习一些知识和技能。

  首先,研究fckeditor工具

  网页制作的软件工具有很多,但我这里只分享两个,DW软件和威震文字软件。

  对于没有任何基础的人,可以先通过DW软件做一个学习网站,再通过DW软件学习。如果以后想换其他编辑器,比较容易上手。在这里,我个人推荐威震文字。

  因为DW软件是一款所见即所得的网站设计和编辑软件,对于没有编程基础的人来说,更容易上手,会让你觉得制作网页就像打字一样简单,从而保持自信和兴趣。

  如果你有PS基础,你用DW软件会更容易,因为这也是Adobe的产品。但DW zui初是由美国的MACROMEDIA开发,2005年被Adobe收购。

  至于这个软件的学习,你不需要掌握自己有多熟练,只需要会一些基本的操作。因为很多时候我们只是用软件里的【代码】接口来写网站页面的代码,其他功能用的很少。

  二、网站程序的研究

  做一个网站,除了使用代码编辑器工具,比较重要的还是网站程序。

  这个领域涉及的知识非常广,内容非常多。但如果你想做一个网站,其实只要你训练过网站页面的三大基本功(HTML、CSS、JavaScript),做一个网站就比较容易了。

  主要涉及核心内容:HTML、CSS、JavaScript,以及CMS的部分程序内容(CMS是内容管理系统的缩写,中文意思是‘内容管理系统’)。

  HTML是基础的,要先学,但是现在流行HTML5设计。但是对于制作网站来说,首先要学习HTML的知识,然后学习HTML5会更容易。

  CSS是用来美化HTML页面的,也是bi备知识。它还为页面提供布局样式。现在也有了CSS  CSS3的升级版,但是无论技术如何发展,还是要先学习基础的东西,所以在学习CSS3的内容之前,要先把CSS的内容学清楚。

  其次是学习JavaScript。Javascript实现人机或者网页交互,学完HTML和CSS就可以学了。毕竟没有基础的话,上来学JavaScript,信心会崩溃。有CMS程序,方便我们自主搭建自己的网站。比如wordpress、dedecms、帝国cms、Discuz  CMS等等都是常用的,但是在这么多网站程序中,我们主要选择帝国CMS在整个学习过程中进行讲解和学习。

  等你学会了这个帝国CMS,其他CMS基本都会做。

  如果你只是个人爱好,想自己建个人网站,其实学了这个,完全可以自己建一个网站。

  但是如果你对自己的要求比较高,那么你需要继续学习一些网站SEO优化的推广技巧和一些前端框架的知识,可以放在后面学习。

  当你理解了三个基础知识和技能,再去学习SEO优化和框架。

  当然,不研究SEO优化也没关系。不影响你的网站建设或者学习一些前端JS框架。但是,SEO也是学习这个网站制作的时候想做一个有追求的站长的bi备技能。

  另外,我想补充一点,在技术领域,不可能每个技术都有人精通。掌握基础和核心技能,然后学习其他方面,是学习方法和技能的问题。

  三、PS软件的简单学习

  如果我们想让我们的网站看起来更高一点,那么这个PS也需要一点会议。也许你会说,这不是设计师做的吗?

  但是自己做个人博客网站,从设计到网站程序都要自己做。

  也许你会说,我把设计部分外包给别人也不是不可能,但是我想说的是,既然你已经开始学了,为什么不一起学这个内容呢?而且在这次PS学习中,你不需要像专业设计师一样精通PS软件,只需要会一些基本的操作。

  比如我们在网上看很多喜欢的漂亮的页面布局,你可以保留页面剪辑。

  然后,打开PS,将裁剪好的网页布局放在一起成为一个页面。

  同时,你也可以把它拼凑成任何网页效果图。但是需要注意的是,图片的大小一定要一致。

  至于其他部分,可以以后再拼。整理好一个设计页面,觉得还可以,就开始写静态页面。

  这样做的目的是为了提高我们学习写网站页面时的学习效率。我们不用一边思考页面布局一边写页面代码,也不用反复修改网页效果图,否则会浪费很多时间,降低学习效率。所以在前期学习的时候,还是需要了解PS的。在写网站页面之前,我们还需要做一些网页设计图。在实际工作中,我们也是先设计效果图,再写网页界面,这也是我想纳入PS学习的原因之一。

  第四,关于自学网站制作的几点建议

  01.如何学习HTML/CSS/JS

  至于HTML、CSS、JavaScript的基础知识,可以去www.w3school.com.cn上学,边学边练,每章后都有小测验。

  我开始学这个,每天边看边练。个人觉得挺方便的。然后我会模仿写一些网站的静态页面。

  如果JavaScript没有其他编程语言的基础,可能要花点功夫才能学会。建议先去w3school学。

  还有,学习JavaScript的时候,还需要学习一些jQuery的知识,可以帮助你提高学习的信心。

  因为jQuery是JavaScript库,所以jQuery大大简化了JavaScript编程。很好学。

  比如引入库后,可以使用hide()和show()方法隐藏和显示HTML元素,实现元素的淡入淡出效果,在元素上创建滑动效果。

  当然,如果你以后对CSS有扎实的了解,建议你可以用CSS代替JavaScript,主要是为了SEO优化。只要能用CSS实现,尽量不要用JavaScript写。

  但是,在学习的过程中,你要尝试多种方式去实现。

  你的学习有些问题。这时候很正常,但是你要先学会自己调试解决。如果解决不了,可以在百度或者Google上搜索(Google需要梯子才能上),看看别人写的经验和方法,在w3school上查查文档。

  如果能自己解决,就有印象了。在看别人经验和方法的同时,也可以增加自己的印象。下次遇到这样的问题,就能轻松解决了。

  02.看看各种好的网站布局

  学了一些HTML、CSS、JavaScript、jQuery之后,需要开始学以致用,练习写一些静态页面。在刻意练习写静态页面之前,我们需要先看看一些网站的布局和源代码。因为我们写的每一个练习页都不是自己发明的,而是有一些参考案例或者素材来源的。

  事实上,在我们的实际工作中,我们的网页设计师在设计一个网页的时候,也需要收集大量的参考案例,收集他们认为好的可供参考的网页,然后按照要求做一些网页效果图。

  我们在练习写页面代码的时候,也需要遵循这样一个过程。首先要做一个简单的网页渲染,前面第三点已经描述过了。可以根据自己的情况来做。

  然后,在学习了知识和技能之后,我们开始写网站页面,所以这个时候,我们需要看看各种秀的网站的布局和源代码。

  比如我们想做自己的个人博客,需要看各种个人博客网站,它们的页面布局,网站源代码,网页颜色的搭配。

  03.刻意练习,模仿别人的站点,恢复页面

  网站页面的代码实现是根据网页设计的效果图来完成的。如果你真的不想学PS,又觉得做我前面说的有点麻烦,又想节省学习时间,那我建议你直接模仿别人的站点练习页面布局代码。

  模仿别人的站点,不是说让你用鼠标右键保存,也不是复制别人的代码,而是参考别人的页面设计效果,自己写HTML布局、CSS样式、JavaScript交互效果。

  如果写不出来,可以查别人的源代码,直接按键盘[F12]查看元素,看别人怎么写。千万不要抄别人的代码,但是一定要一行一行打出来,这样才会有印象。

  要刻意练习模仿别人的站点,zui基本的原则不是抄袭别人的代码,而是多想想怎么做简单,怎么做更好,要有自己的思维方式。

  模仿别人网站页面的目的是帮助我们快速提高网站制作的学习效率。因为不用做设计图,节省了很多时间。

  但是在实际工作中,大多数企业都会有专业的设计师来制作设计效果图。而有些企业,不一定。有时,在一些企业中,当您收到一个项目时,您bi须制定一个页面实现渲染。所以建议你在学习网站代码的同时学习PS的基本操作,对你肯定很有用。


新手如何学习网站制作?
长按图片保存/分享

点击免费试用,满意之后再付款,不满意零成本!

Top

© 2010-2021 zigetech.com 版权所有

沪ICP备19012659号

在线咨询

您好,请点击在线客服进行在线沟通!

联系方式
热线电话
021-20960009
上班时间
周一到周五
E-mail地址
contact@zigetech.com
扫一扫二维码
二维码