【网页设计】想学写网页却无从下手吗?完整网页开发教学(上)

2020-05-22|浏览量:439|点赞:594

【推荐原因】

如果你想学习网页设计,网上关于网页设计的资料虽然很多,但就是资料太多,初学者根本无从入手。本系列将会分开9个章节,由基本概念,架站方法到编程学习路径等。

内容浓缩至你真的需再知道才会讲解,用最简单易明的「人话」去说明各种概念,让你打稳基础,好好去学习网页设计。如果你正在想学习网页设计,看这篇文章就对了!


 

网页设计1:基本概念

要编写一个网页,原来可以分为前台(Frontend)及后台(Backend)。

前台(Frontend)就是网页的外观。例如你看到的文字,图片,美丽的排版等等,通通都是前台(Frontend),主要由3种编程语言组成:HTML、CSS、Javascript。

后台(Backend)就是网页的功能。例如网站可以让你注册,提交数据等等,就是后台(Backend),可选择使用的语言有很多,PHP, NodeJS, C, JAVA, RUBY, PHY, Python……我们只要选择一种来用就可以。

 

网页设计2: 内容管理系统(CMS)

CMS就是让一个不懂编程的人,也能够更新网页的内容。

如果网页没有CMS,你不懂编程的话,是不能够更新网页内容的!有了一个CMS后,你便可以像更新Facebook一样,轻易地更新网页内容。

像Wordpress,Drupal等等,我们称之为「开源」的CMS。意思是它们的源代码是公开的,全世界的编程员也可以一起维护,开发这些源代码。你可以免费,合法地使用它去为你或你的客人建立网站。

 

网页设计3:响应式设计(Responsive)

响应式设计(Responsive)就是使用同一堆源码,让你的网站在桌面,Tablet或手机上都可以美观地呈现。

TC编备注:响应式网页设计(Responsive Web Design)简称RWD

让我们看看例子吧:burdstrom.com在桌面上是这样的

在手机上则是这样的。

你会看到,透过一些外观的小改动,在桌面或手机也可以美丽地呈现网页。我们通常会利用CSS,及少许Javascript做到Responsive的效果。

 

文章由【鬍子科技学院】授权提供TC使用,原文文章标题为【学写网页教学2019 – 9个课程】,版权归【鬍子科技学院】所有,欲转载请联繫原发布单位,经TC彙集整理,部分内容为TC创作,未经授权不得转载。首图来源:pexels


TC Summary

基本概念:网页分前端(Frontend)负责网页的外观、后端(Backend)负责网页的功能。

内容管理系统(CMS):让一个不懂编程的人,也能够更新网页的内容的系统。

响应式设计(Responsive):让网站在电脑&行动载具上都能美美的呈现。

 

《延伸阅读》

学写网页教学2019 – 9个课程【网页开发】自学网页设计0到1 不得不知的开发流程【Web入门】自学网页设计 从六大概念结构着手

 

[台中实习] TC学期实习

要如何在短时间内提升自己的软/硬实力呢?答案是大量且有规划性的实作。

软体开发、网页製作、社群品牌操作、SEO数位行销、人资助理、商业执行助理、客户规划助理,七个实习职缺,最多11位实习生可参与TC完整的培训课程,学期实习结束后,你会获得:

 实际参与整个大型专案开发的经验  你所产出的东西都会被客户使用/看见  丰富的作品集充实自己的履历

想成为数位/行销的人才吗,TC实习让你在实作中学习,学习中成长,还不快加入!

前往申请

网页设计tc开发内容学习cms实习responsive
上一篇: 下一篇:

相关推荐