成為網頁設計師的第一步！快速上手 HTML & CSS 展開你的網頁設計之旅！

[@dpi627]

當了多年工程師，主要以後端為主，前段半桶水，很多專業都是一知半解。
PAPAYA老師短短半小時，大增一甲子功力，說明淺顯易懂，沒有半句廢話，範例精美又實用
台灣最強講師當之無愧了!!

[@dan_rr01]

想問後端工程師用到的數學會不會比前端還多還要難，我非本科然後數學又不太好

[@dpi627]

@@dan_rr01 您好，我覺得要看開發系統而定，如果系統本身就需要一些數據計算，很可能就需要一些數學知識

[@user-cj2wq8vg9b]

三十分鐘的影片，比我大學某堂課老師花一個學期上的還清楚

[@waiwaho5188]

沒錯，對比其他人來說，就一個a標籤就講半天了😂

[@doff369]

黑马程序的老师能讲80节课

[@xiaohuiwu6602]

@@doff369 哈哈哈哈哈哈哈哈哈

[@ryanchen5248]

PAAYA老師真的太強了 ，而且講解得很仔細
之前上政府課的時候，聽裡面的講師說都不懂這個是在幹嘛的
老師邊執行的時候畫面也會跟著做變動，讓人一目了然
真的很謝謝PAPAYA老師持續做這些影片 ❤

[@GhostShadow.0316]

PAAYA

[@user-tc3yg9ds6c]

老師真的太強了，這影片的內容相當於是我修了一學期網頁設計的總量，而且還更淺顯易懂！

[@0124chiulife]

快笑死😂

[@sylvia2799]

老師把我一個月學的濃縮成30分鐘精華，連漢堡表單跟RWD都教了，期待老師後面的JS課程延續

[@tanyongsheng4561]

敲板 javascript 😂

[@q19950129]

Oh My God! 最近剛好有接觸到CSS，馬上就看到P大的教學，超級淺顯易懂，又用非常實用的例子示範解決我好多疑惑～太感謝了！

[@oyg_life]

老師真的太神了 之前有學一些HTML跟CSS 但有些觀念還沒有很清楚 看完又讓我拾起熱情繼續學習 希望有機會可以看到老師講解 javascript !

[@earth2014]

👍🏻期待下一集Papaya老師能一次性教如何使用HTML,CSS和JavaScript。

[@andychen6907]

謝謝PAPAYA老師總是無私的制作、分享這些教程，現在即便上班了，也會花些時間來看 很感恩

[@dragonwhite9519]

短短半小時的影片，就教了學校老師大概6堂課的內容，而且講的淺顯易懂。

[@kawing927]

哇～老師太強了！如果老師繼續這樣教下去，我們一直學，相信做網站的能力真的會被你這影片普及！
老師能否教我們怎樣做自己的Portfolio網站？無論如何，先感謝老師。

[@hinakobroccoli]

老師真的太佛又太神了！
真的是濃縮精華！
而且濃縮又不馬虎講解又很仔細！
真的很感謝papaya電腦教室每次都帶給人驚喜又實用的教學🥹

[@jayhuang4791]

老師真厲害~我自學了很久但也有很多地方是我沒有用過的耶！
期待您下次能分享後端得python 及 javascript 的用法，目前我撰寫網站大部分都是遇到這個困難
例如我想要有一個可以給大家互相講話的地方，但是做不好後台設計

[@GeorgeYueh]

教學影片的字體、圖型、動畫表格，整個版面、色彩配置，真的是非常用心的頂級作品。

[@JimmyWu.Pjgarment]

內容扎實、講解清晰，向您致上最高的敬意與謝意

[@kindness6908]

PAPAYA是我见过会最多电脑软体的，也是中文教学中的最强者！

[@inozume1]

強，實例講解整理得非常棒，PAPAYA真的好會教~。
下集該講 JavaScript 了吧

[@syueya_ouo]

謝謝老師！以前在大學有學過DW，但是完全聽不懂，進度很快又跟不太上，這裡資料整理的很齊全，不懂得還能一直看！真的是我的福音太謝謝了

[@dieos00]

媽呀! 大手筆! 我真的嚇到了!
PAPAYA終於開啟了當代網頁基石的課程專案!
未來所有的系列影片都會收入典藏!!!

[@winniedelife]

老師好厲害，之前線上自學HTML和CSS卻一知半解，讓我不敢再繼續學JavaScript，謝謝老師詳細的解說，期待有機會能看到老師其他有關網頁設計的課程❤

[@pbice]

10:40 抓個錯字，margin（外邊距）
製作教學影片辛苦了，真的非常用心！

[@papayaclass]

已在字幕中加上註解了，非常感謝您的提醒 😊😊

[@CeliaSu]

實在是太神奇了。需要啥來啥😍😍😍

[@user-no5kj6cv8e]

木瓜老師超猛，比很多老師講的很好也更仔細

[@attackONhibaDD]

PAPAYA老師，我的超人❤

[@ANDYHUANG0814]

內容清晰、闡述簡單明瞭、教學動畫生動，謝謝老師!

[@zhiqiuxuan]

我見到最佳的教學影片，完整易懂。

[@hj2931]

老師真得是太厲害了, 怎麼會這麼多東西😂 期待下一集網頁設計師相關的影片

[@waiwaho5188]

我也非常期待😂

[@jasonjx3517]

太感謝了！雖然大學時念的是多媒體設計，設計網頁也是核心科目之一，但出來工作后幾乎都沒有用到。最近教會讓我做網頁，剛好刷到這視頻，真的讓我好好地溫習了一遍。真的太謝謝你的用心做這影片，太有幫助了！

[@sharonqin2958]

感謝PAPAYA大大，跟着完整做了一遍。這樣的tutorial太容易理解了。贊贊贊！
希望以後多出課程，會願意買付費課程的，毫不猶豫。
只在26:17 logo居中設置的邏輯，腦袋裡還沒有太懂。（相信多練習以後會明白的）
header h1 {
left:50%;
transform:translateX(-50%);
}

[@jerry-lu]

left:50%; 是把元素的左邊緣將定位在其容器的中間
而 transform:translateX(-50%); 將 元素水平平移其自身寬度的 50% 向左
所以最後的位置是水平居中

[@sharonqin2958]

@@jerry-lu 明白了，解釋得很清楚，謝謝你！這幾天還做了其他練習，發現居中有很多辦法，大大的這個屬於比較費腦的。😛

[@user-km7rj5fn6o]

看了老師的教學我找到工作了

[@unlockinggrowth]

太强了，学校分那么多学期学的HTML CSS，PAPAYA老师只需要半个小时就教清楚了❤。

[@chunchihkuo317]

連前端都能教，真的猛

[@herostyleAI3]

😮頭香！要開始網站教程了

[@amnsun]

希望再有一期，介绍流行的网页排版和要素，比如可以滑动的图片。

[@user-saint]

老師真的是太厲害了，這麼好的影片教學根本造福社會大眾

[@user-bn2cg6ye7h]

非常期待後端的內容！！

[@lilyrussell7900]

还有，不敢相信，前几天看了老师的pgt教程，我就让bing ai给我写一段vba代码好输入数据，没想到真的弄出来了，以前只是看过一丢丢vba内容，太赞了

[@torson939]

謝謝PAPAYA老師用心的解說 打通學習網頁設計的要領!

[@yonglin522]

謝謝Papaya老師讓我學到不少用法，又好懂！我目前這學期專題正在自學網站設計，正好看到這個新影片，覺得好幸運而且超實用！！！！敲碗以後有機會看到老師教學javascript 🙏🏻🙏🏻

[@doff369]

太厉害了，这种讲解能力真的令人震惊🎉

[@xiaoyangcai3847]

谢谢老师，讲的真的很好！希望可以继续出一个系列讲解网站javascript的开发

[@LiccaTsai]

謝謝！你是最棒的教學老師！

[@oceanisoreo1461]

你是神！我買了超多線上課程還是不太會，但是你的完全暸解..

[@cnclassicmovie]

你这个课讲的是真的好，给你个大大的赞👍，加油，继续出好课程

[@angryberchang3092]

哇，完美製做耶，期待出教學課程

[@jometjomet7262]

完美的教程❤❤❤期待papaya老師接著出 後端的教程java php

[@pacmed]

讲的又好又清晰，真的是太棒了，谢谢

[@chilam6043]

真的很愛這些影片 謝謝❤

[@FF-sm7dx]

太厲害啦~簡單明瞭，謝謝PAPAYA老師

[@coolboyiby2]

10:42 margin 外邊距寫成內邊距

[@user-go9uh6mm5m]

推

[@user-tv4lw5bg4q]

再繼續教後端我的下巴就要掉到地上了，有夠完整的教程，讚喔

[@ChiaWenHou]

老師有讀心術吧！最近才在想用Midjourney生成的圖片來製作一個網站，結果就看到了這支教學影片。已跪著看完，最後居然還有響應式網站教學，弟子感激涕零，謝謝老師❤

[@derchang3522]

現在連網頁都來了，會不會以後連unity也教

[@dieos00]

一定會的，等待中

[@user-hs5jj8ip5i]

一定要的吧

[@lolivk]

之前連Blender都交了，Uinty只是時間的問題😂

[@user-rh1sw6ji6t]

UE5呢😂

[@祐祐音樂]

Wow，從python到前端！papaya真的太神啦！！！！！

[@Jessica-vu5bm]

謝謝老師的講解!! 真的太太太感謝了!

[@user-ys2op4le1j]

敲碗與後端伺服器（MS SQL）互動的教學 這個真的太棒惹🎉

[@tinabi9051]

期待了很久这个前端课程，谢谢 老师

[@user-bj5vb8gb8d]

看到傻掉😮
謝謝老師慷慨大方的分享😊

[@ShiuShiu-rn9ft]

老師講解非常清楚，十分期待下一期

[@yusun8536]

太夸张了！做这么好的视频！papaya总是有惊喜！

[@py3747]

天啊 這方面我是門外漢
不過很喜歡老師的精華講解
會讓人產生興趣 把複雜變簡單的感覺

[@IrisCalligraphy]

太棒啦，讲解简单直接高效～做好了首页设计～可是问题来了，下一步内页和内链教程

[@ekko_design]

很厲害教得很詳細

[@LULDaLa]

居然！💙最近正要學的說

[@user-tj1pl5tg5e]

謝謝老師！

[@Hangonplz]

最近恰正著手了解網頁設計，這難道是吸引力法則嗎！（感動）

[@linalu7509]

简洁，易懂 🙏多谢！

[@SAM-608]

實例式教學，很清晰，謝謝

[@zao5960]

太精彩了。真的希望能够推出前端设计的类似教学视频，或者开个bootcamp，我一定报名

[@NickFan7]

看完後
讓我更加了解
Wordpress真香
但還是要學點css更方便操作

[@xiaohuiwu6602]

太棒了 所以老师什么时候会讲Java系列呀😭🥲

[@yangtzeder]

神人，我excel也是看老師的影學的

[@blueblue-tm9uk]

謝謝, 很清楚實用!

[@carol8721]

感覺老師什麼都會👍真的超級厲害的，請問您有開實體課嗎？

[@papayaclass]

以前我有在補習班教，不過現在我只有在做 UA-cam 影片而已 😊

[@carol8721]

瞭解🙇‍♀️謝謝老師回覆
我是電腦及這些軟體小白，因之前上失業者職訓課才接觸到這些電腦軟體😅我會努力重複看您的yt教學影片自己自修的🙏感恩您無私的教學影片分享

[@dannyadog]

很利害的教程 謝謝

[@pongp8254]

建議都講基礎網頁了 順便把業界實際會用的框架講一講 更有實際幫助~ Vue....React...

[@cjwu]

說明淺顯易懂，非常感謝說明，以前學習都很片段，透過這個影片大幅度的都串起來了

[@colenken]

老師真強

[@junchen1324]

很棒的教程

[@user-hs5jj8ip5i]

希望教網域和伺服器如何使用和購買

[@wonder-2023]

希望老师能否讲一些网络安全网络工程方面主题系列 多谢！

[@user-qc4hp4xn7h]

想請問老師，在CSS裡使用background-image:url插入圖片的語法部分，語法都有完整按照教學，也有確認路徑皆正確，VS CODE本身也沒有偵測的語法有錯誤，但實際在網頁裡圖片卻顯示不出來，除了圖片外的其他語法設定皆正常，是有哪些可能的因素呢~

[@user-qt2gq2ok9t]

感动😭

[@tanweijie4318]

都是很常用的基础知识，想自学还是w3chool更多内容

[@ShiuShiu-rn9ft]

十分期待JavaScript，我已經透過影片教學做好HTML和CSS

[@faliuxou3537]

封神🥰🥰

[@mimiylu1986]

謝謝老師讓我複習大學必修

[@emilycheng3958]

謝謝, 很受用

[@kayne_gane8355]

敲碗javascript！全新手轉前端竟然能看得懂！❤❤

[@user-kh1zh7po3g]

真的很淺顯易懂欸！ 太神啦

[@bofic3369]

期待下一期的資料庫和js~~~

[@xudongshun]

谢谢老师~期待后续的JS教程

[@user-cr3vk4lq6y]

太狠了老師

[@MrFenghuangshan]

期待后端的内容！

[@falsedawn0]

好讚

[@JOLIN260]

推謝謝

[@ue_hua_nan]

Papaya超人 我的超人

[@htchd0211]

超讚

[@victoriaroyal147]

老师，JavaScript 也靠你了！

[@lilyrussell7900]

喜欢，我要学习！