一个80后网站前端设计和平面设计师的小站
您现在的位置:首页 > 随心笔记 > 零基础也能快速学会网站设计(站长心得)

零基础也能快速学会网站设计(站长心得)

编辑:站长发布于:2020-02-14 10:37:09随心笔记人浏览

摘要:有人可能会说,我现在都即将40岁了,还能学网站设计吗,零基础能学会那些网站代码吗,从我个人的一些亲身经历告诉你,学网站其实说难不难,说难也难,主要在于您的一个心态,看您是否有没用心去亲手实践去做了,用心了那一定会学到知识。

        今天有空学一下自己的一些心得体会,有关网站设计的亲身感受,希望能帮助一些正在或即将要学习网站设计的朋友!如果您在这方面有什么疑问或想交流,欢迎加我为好友,本站都有我的联系方式(QQ或微信),一起探讨交流,在做网站的路上一起进步。

        其实做网站设计主要分为前端设计(前台)程序设计(后台程序),一般情况下如果您是零基础,我的建议是学好前端设计就可以了,因为前端设计更为简单方便,而后台程序现在网上有很多的程序可以用,一些开源程序代码也很多,像CMS系统就很多,也很实用,可以免去很多学习程序的时间,要知道网站的最终展示还是前端,也就是你设计的这个部分,后台是不展示出来的,也是没有人会看到的,所以说前端设计很重要,也是很有必要的,我们不可能直接什么都直接别人的,一模一样的,那就不是真正亲自去做网站了。就拿本站来和大家说一下网站设计来做个例子吧。

           您现在看到的这个首页截图和在本站浏览看到的所有页面都是网站的前端部分,就是所有相关信息展示出来给大家看到的,我们主要也就是做好这个部分,以前我们做这部分的设计人员称为网站美工。网站设计分为美工和程序员,美工负责前台,程序员负责后台程序的搭建。我所说的零基础也能快速学网站设计是您在没有任何基础的情况下,通过学习做好前端,再通过使用别的程序员做好的后台程序一起自己整合搭建出自己的网站出来,是这么一个意思。

          说到后台程序,顺便跟大家提一下,网站常使用到的程序分有ASP、ASP.NET、PHP、JSP等程序来搭建,比较常用的有ASP和PHP,还有要配合使用数据库一起,常用到的有Access和My SQL数据库,最常用的就是My SQL数据库,才能真正做到保存数据信息和数据交互的站点,才算是真正意义上的网站。

          说了一下又有点扯到别的地方了,回到我刚才说的主要前端部分的设计,网站前端部分主要还是做好静态页面、也就是网站模板,之后我们再整合程序就可以完美做出一个整站的网站了。现在做前端主要还是HTML5+css3来做,一般建议做响应式布局设计,这样网站可以在PC端正常显示,也能在移动WEB端自适应屏幕尺寸正常显示,当然也有人是PC端做一个模板和程序,无线端也做一个模板和程序去实现;当然这两种都可以实现,可以根据个人喜好吧。

         就拿文轩设计之路站点来说,我使用的是前一种方法,就是自适应的布局来做。做前端设计,首先你自己还是想好怎么首页布局,如果您真的是没什么头绪,可以多多欣赏网络上相关站点,自己认为比较好的站点做个参考,自己做个草图出来,然后再开始着手去做效果图(主要是用photoshop软件去做),之后效果图做切图,再使用编辑代码工具软件(Dreamweaver或其它代码编辑工具)写好页面,我们搭建前端页面用的是HTML5和CSS3来实现。

         HTML标签来搭建页面框架,这就回到前面说的代码,有人就会说我对代码一无所知,怎么一下子能记住那么多的代码,还有得用代码去布局,CSS3样式也是代码部分,是不是真的很难啊,其实不然;因为现在的编辑软件工具大多都有自动提示输入整个代码的功能,不用你去一个一个字母去敲了,不像很早以前,我记得我最早接触的,2003年那时候大学的时候做班级网站用于写代码和编辑用的是记事本,那个真的是一个字母一个字母敲进去的,那就很费劲了,现在不同了,你只要输入标签和样式标签的首字母,就会自动出现提示后按回车直接输入整个出来,非常方便,大大提高了效率。这也是为什么前面我说无基础也能快速做好网站设计了。

         这里说一下我们做一个整站的做站流程吧,顺便说一下网站设计之外的建站过程吧,也让新手学习有个更清楚的了解:

        1. 选好域名:首先是想好网站的一个域名(好记+相关自己的网站+简短英文).com或.cn最常用的,当然如果你是用于不同用途的,这个域名后缀用的也不同。
        2. 租用空间服务器:之后就是选择一个好的空间服务商,购买空间或服务器空间,现在比较好用或常用是云服务器,当然也有使用空间的,就是空间商那边搭建分配好的(这个使用起来也是最方便的);
        3. 设计做好前端页面:接着就是开始构思网站的首页、二级列表页面、三级内容页面、会员登录页面等等前端页面通过PS软件做出一个效果图出来,如果哪里不合适可以直接修改,觉得好了,就可以开始切图用编辑代码工具软件开始写代码搭建前端页面,做好模板;
        4. 整合前端页面和后台程序:接着就是整合你选好的后台程序,把前台页面和后台做好连接,在本地测试做好(本地测试需要自己下载对应的软件安装好测试环境),做好测试一切都OK;
        5. 上传整站到服务器:最后就是上传到自己购买的域名和空间服务器上去,配置好环境和解析域名,您搭建好的整个网站就可以在外网上直接访问成功了,别人就可以通过输入域名直接访问了。

        其实要说网站设计难不难,就像我前面说的,看个人是否用心了,主要还是在构思做好前端页面这块,看你自己想要做成什么样的网站,用软件工具去实现出来,现在的软件工具功能都很全,做起来也很高效,前端这一块可以用3天到-15天不等做出来,看自己的熟练程度,再整合一下后台程序,整个下来大概用一周左右的时间,这其中建议你最好也是最开始就着手域名和空间的购买,在国内也要考虑到备案需要的时间,如果不想备案可以购买国外的空间,整的来说做好一个网站大概也是在一周左右到一个月左右的时间。

        还有学习前端设计这一块,现在互联网很发达,网上都有很多经典教程,直接可以去学习HTML5+css3的视频教程可以去学习,比如说去哔哩哔哩搜或到PHP中文网或黑马程序网,就可以去学习的免费资源,个人觉得还是很不错的。当然如果您真的是想从事于设计这一块,又想快速的去学好,那可以采用付费的方式通过线上或线下去学,有老师一对一的去教,有什么不懂,直接问直接就可以知道答案,快速学习,线上也有很多的学习机构或者线下也有,可以自己去查一下,这里就不做推荐,这里不打广告。像我个人吧,一般都是自学,当然也有付费学习的,平时自己有空,工作完了之后,提升自己就是到一些相关网站去学习,采用的是自学免费的一些资源,主要是巩固一些基础知识和新的东西。

       最后如果您是志同道合的,喜欢结交朋友交流的,欢迎加为好友,一起学习设计。请大家多多指教!

标签: 网站设计  学习做网站  快速建站  

打赏赞助本站

  • 如果你觉得本站很棒,对您有所帮助,可以通过扫码打赏赞助本站哦!我也会努力做好本站哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~