主页 > 业界下载 >【网页设计】想学写网页却无从下手吗？完整网页开发教学(上) >

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

【推荐原因】

如果你想学习网页设计，网上关于网页设计的资料虽然很多，但就是资料太多，初学者根本无从入手。本系列将会分开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实习让你在实作中学习，学习中成长，还不快加入！

前往申请

热文排行榜