張互賓/Carlos
個人 email: chang.abin@gmail.com
「WebMix - 設計好網站」FB 粉絲專頁
自由工作者 Freelancer,承接網站專案及授課。
成立「WebMix - 設計好網站」粉絲頁 ,分享網站知識及文章。
成立卡斯有限公司,承接主機代管、前端開發、網站架設服務,及分享技術相關知識。
於 Tibame 教學網站開發相關領域課程。
2009 年:進入職場,曾任職於中視、華視、Yahoo!、新創公司。
2013 年:全職的網站前端開發之自由工作者。
2016 年:成立卡斯有限公司:承接網站設計開發、主機代管。
2017 年:承接標案「臺南市政府圖片資料庫平台」
2018 年:網站相關教學
2019 年:合夥存股管家
2020 ~ 2023 年:Tibame 講師
2021 ~ 2023 年:錄製線上課程
長風文教基金會( 手機瀏覽看看:http://fairwindsfoundation.org/ )
台灣雕塑學會 ( 手機瀏覽:http://www.sculpture.org.tw/ )
又稱做 RWD,中譯:響應式設計。 不論任何裝置:桌上型電腦、平板、手機都有著不同的螢幕大小。為了解決在同一份網頁面對這些設備,有不同的版面情況及使用情境,因此有了 RWD 。一切都是為了提供使用者有更好的使用體驗(User Experience):易讀性、操控性。
技術思維:在一個 HTML 頁面,針對不同的螢幕寬度,撰寫不同的 CSS,使得網頁在面對不同的螢幕寬度時,都能正常呈現且維持良好的使用體驗。
註:針對不同的螢幕寬度,撰寫不同的 CSS → 需要靠媒體查詢(Media Query)
。
對網站前端工程領域有興趣。
已經學習過基礎的 HTML、CSS,想進一步瞭解 RWD 主題。
作業繳交直接貼 CodePen 的網址,所以請同學先註冊:
Safari
請在電腦桌面或自己偏好的位置,建立 rwd 資料夾,然後裡面建立 practice 及 assignment_rwd 兩個資料夾。
請用 VS Code 編輯器開啟 rwd 資料夾,及使用 live server。