[鼠年全马铁人挑战] Week06 - 新手学习笔记：浅谈 RWD (响应式网页设计)

Hi~又见面啦 这週大家过的好吗?

最近开始学习了 RWD 响应式网页设计，发现可以运用的好多也不少细节呢~
想好好把学到的写成笔记增加自已的印象 :)
所以最近几篇都会来跟大家分享我的 RWD 小笔记唷~
如有观念不足或是错误的地方，欢迎大力指正XDD

什么是 RWD 响应式网页设计

在智慧型手机出现之前，我们所知网页都是电脑版的，随着时代的进步智慧型的手机普及几乎人手一支
在十年前(或许更久?)，当你想要上网查询观看你所想要的资讯时，都会把你的桌上型电脑或者是笔记型电脑打开，连上网路开启网页查询你想要的内容。
十年后的现在，用电脑看网页的人数变的比较少，手机一开就能 google 你想要资讯网页，但桌上型跟手机版的网页呈现方式还有尺寸大小都不一样，如果还是用相同的写网页的模式，那在手机使用者的体验会很不好，例如看一个资讯要想办法放大缩小，或是要看个比较长的文字资讯文字跑出去了，在观看上面是很不方便的。
所以，为了符合现今潮流及大大小小不同手机平版的尺寸，响应式网页设计有存在之必要。

像水一样的 RWD 响应式网页

RWD 响应式网页就好像是水一样，在不同的杯子容器都能自适应，让网页在各种装置的不同尺寸或解析度会根据使用者的装置，设计出符合版面大小的样式来显示网页的内容。RWD的应用可以让各种不同的装置，桌上型电脑、笔电、手机、平版等都可以浏览同一个网站，就不会有那种需要使用者自已放大缩小看页面字还会跑出去的困扰了。

优点

跨越各种装置

可以用在不同的手机、平版等装置，自适应该网页的设计，在阅读方更加方便流畅可让使用者更吸引目光。

降低开发维护网站的成本

在网页开发时，不用各种不同装置就开发一次不用分成好几个档案，进而节省开发维护时间及成本。

提升 SEO 搜寻排名

使用 RWD 响应式网页可以提升使用者的体验，也会有越多人看这个网页，当网页浏览人数越高时相对的网页排名也 会比较前面了。

原来 RWD 响应式网页的优点跟功能真不少，原本以为只是单纯变大变小(大误XDD
在学习及整理笔记的时候真的不少呢~接下来就是进入程式语法的章节了，希望自已能学习的越来越顺利:)