伊莉討論區

標題: 國一暑假做的網頁 [打印本頁]

作者: 大爆炸藥劑    時間: 2018-9-30 11:46 PM     標題: 國一暑假做的網頁

本帖最後由 大爆炸藥劑 於 2018-9-30 11:48 PM 編輯

今年暑假因為參加了TNC創客營 遇到的講師 剛好說到我會用網頁 大家說好要做一個網頁出來
雖然有點爛爛的 不知道各位能不能幫我打個分數
https://www.hiopo.lionfree.net/Daozhong/
已知問題 背景圖怪怪的



補充內容 (2019-1-25 02:19 PM):
TCN
作者: codewice    時間: 2018-10-6 03:20 AM

國一就會這樣做網頁,真是優秀!

現在是 mobile first 的年代,如果網頁的寬度與排版能夠考慮到手機的瀏覽,就更棒了
作者: ren1244    時間: 2018-10-7 01:43 AM

我覺得做得好不好是其次
而是能自我學習嘗試的精神
通常這種特質的人玩著玩著就變高手了

如果對網頁有興趣
可以去學 html 語法
嘗試不要依賴 dreamweaver 這類的工具
可以參考:https://www.w3schools.com/ 學習
如果英文還不適應,也有大陸翻譯的 www.w3school.com.cn/

(時間晚了,有空再補充)
作者: 大爆炸藥劑    時間: 2018-10-7 06:52 AM

了解 我再來去看看  
作者: sheng79    時間: 2018-10-9 07:55 AM

嗯嗯,先說我個人覺得自己的水平相較於同業或同齡的工程師算差,我也自覺不算聰明跟會,對程式開發的熱情更是普普,所以只是就我自己的水平去談論,所以只能當作是我個人在產業的觀察,這個就當作看看就好,不必較真。

看起來是由 apache + 靜態語言 HTML 做的。

同二樓說的,網頁做的好不好真的事其次。
如果注重網頁的美觀及網頁動畫動態設計與視覺設計,可以嘗試走 前端工程師。
專精在 HTML, CSS, javascript,可以嘗試不要利用輔助軟體或自動產生範本的軟體。
只單純透過編輯器去知道上面三者的關係和瀏覽器的關係。

如果想要知道怎麼做的漂亮,可能還需要學點藝術設計(平面設計,UI設計,人因工程,色彩學)

注重功能面可以嘗試後端工程師,著重於服務,API開發,功能設計,效能,測試方面,軟硬體知識。

市面上寫網頁後端的程式語言不少,也可挑一門先試試水溫,可能更有感覺。
如 Python, Ruby, PHP, NodeJS, C, GO, JAVA,上手程度跟程式語言特性有所不同。
我自己感覺起來吧,Python, PHP 對初學者算蠻好入門的,使用者雖沒有 NodeJS 多,但也不少。

NodeJS 目前中小型專案用得蠻多,職缺算多,但有點易學難精,專案架構變得複雜或很需要對 NodeJS 專精的人才,不然一個專案很多人開發,工程師程度差異很大,就很難維護了。另外這門語言漸漸到達瓶頸,開始在走下坡。前端的發展遠勝後端的發展,若考慮前端,可以學這個。

C 不考慮,因為現在市場走快速開發比較多,厲害的人寫 C 雖然效能快,但考慮開發功能的速度,有點很難跟上時代,但究其本身語言,是永遠不衰退,不僅可以走網頁,也可以走驅動程式,或底層 kernel 的部分,比起現代的高階程式語言難說,對初學者入門門檻算大,但對電腦軟硬體的基本功最紮實。

JAVA 可能就算是大型專案或銀行的IT多半採用這個,普遍也算多人使用,但我不怎熟,個人是覺得門檻還好。

GO 很新興,但在台灣目前市占率不高,由於是 Google 開發,感覺蠻適合投資,同時注重效能語法也算簡短,我也不會 XD。

Ruby 就比較勢微,興起一段時間幾年就沒落,我不會 XD,但感覺體系比較自成一派,但每種程式語言大致上都有自己擁護的人,所以都好。

雖然還有 Microsoft 所推程式語言體系,但我都不會,所以不知道好不好。
我個人覺得學習曲線來說,但只是感覺感覺,所以不一定好,可以多方面採納,目前就台灣市場,門檻和開發而言,考慮網頁領域的話,後端我會考慮下面排序。
我可能選擇 GO (我不會) > Python (會一點點) = PHP (我比較會)> NodeJS (不怎麼會),至於 JAVA ,我覺得就是特定行業,薪水也不少(銀行業跟大型專案),C 則是公司產品略有年代,才會所使用的。

前端的話,可以優先考慮 NodeJS,它的前端 framwork 發展基本上優於其他語言多,諸如當前聽到的 Angular, ReactJS, VueJS,可選擇 Server 或 Browser 畫出頁面。至於其他語言都是用 Template 模板機制,從 Server side 吐出頁面的方式,概念大同小異。因此 NodeJS 的職缺會比較多也是有原因的,它一門語言包辦前後端,目前開出的平均薪水也稍微高。如果單純前端,我會選它吧。

NodeJS >> Python > PHP

硬要不講網頁的話,只談薪資,台灣目前硬體發展仍比軟體強。
若你會 C & C++ 應該就會高,但門檻高,就視覺上的成就感少很多。
作者: ren1244    時間: 2018-10-9 04:51 PM

說明一下好了

html 是網頁的基本結構
css 主要是網頁元素排版
javascript 主要是網頁元素的操作

以上三者,會在使用者的瀏覽器運行
所以大致上會被歸類為「前端」
其中 html 跟 css 不大算程式
應該算是一種文件格式的語言
而 javascript 就歸類為程式了
所以對初學難度稍微高些
(這是指初學而言,CSS要精通其實也有滿大學問的)

前端的重點大致上是「視覺」「使用者體驗」「功能」

相對於前端,「後端」主要是伺服器相關
例如儲存使用者的帳戶密碼、登入、登出
根據使用者權限丟出什麼頁面等
這邊能用的語言跟軟體就很多了
第一次看會眼花撩亂
有興趣的話先挑一個學就好

我個人建議是不要急
先學前端的部分
(因為就算是後端,其實也是要有前端的底子會比較好)
看的時候:
1. html 大致了解有那些標籤
2. css 大致了解一些基本的

之後,再來選擇自己想要專精在視覺還是程式
視覺的話, css 就要更加強
程式部分就學 javascript
(這邊如果遇到困難再發問吧,因為初學者學 javascript 我也不知道適不適當,我國中是買書自己學C語言,還沒碰網頁)
作者: advantise    時間: 2018-10-9 11:45 PM

你做得很棒, 上面幾個大哥大姐的建議就先別看了, 按自己的進度去學習, 你會愈學愈多, 愈來愈厲害。
作者: 大爆炸藥劑    時間: 2018-10-10 07:04 AM

就先別看了是哪招 好啦 繼續加油
作者: kwj    時間: 2018-10-13 10:30 PM

大爆炸藥劑 發表於 2018-10-10 07:04 AM
就先別看了是哪招 好啦 繼續加油

個人認為...單純只是以正常推測來說,那兩大篇你應該看不太懂在說什麼吧....所以看了應該也沒有什麼幫助。

以年紀來說,這個年紀就做自己想做的東西就好,不用太在意未來的職涯。在這個階段,最多就是看到想做的東西但是自己卻做不出來,就想辦法去找出要做出來需要累積哪些知識或技術,然後慢慢去學起來就好了。
作者: kyo22    時間: 2018-11-27 11:33 PM

有這熱情就很好了 如果以國一來說感覺還不差
作者: kitefree    時間: 2018-12-2 11:24 AM

感覺算不錯了,學會用手刻html ,不要依賴軟體提供的方式去做網頁,這樣對於你未來網頁設計能力會有很大的基礎底子。後續可以再精進學習css、js ,然後再來挑戰RWD設計
作者: hz725fish    時間: 2018-12-2 02:30 PM

我覺得基本概念你已經做的不錯了
在進一步學習之前
可以先想一個自己喜歡的主題
找個免費空間搞一個自己的站
或是周遭朋友親人正好有需要弄個簡單網頁的
可以自告奮勇幫忙
這樣比較會有前進的動力
作者: wkx101    時間: 2018-12-9 02:24 AM

提示: 作者被禁止或刪除 內容自動屏蔽
作者: 大爆炸藥劑    時間: 2018-12-11 08:05 PM

原來是要 用position調 我以為只要看起來可以就行 就隨便用margin & padding來調 @@
話說我之後升學有哪些 高職/五專 有在教網頁嗎?
作者: codewice    時間: 2018-12-11 11:00 PM

關於 margin 跟 padding 可以用 "css box model" 當關鍵字去查詢相關文件,如果查到一堆英文很頭痛的話......就把英文學好吧,以後如果想走這條路,用英文閱讀文件的能力是必備的。

我不知道高職五專會不會教網頁設計,但如果未來的目標是當個前端工程師,反倒 css/html 可以自學,不需要學校花太多時間教。而程式語言,乃至於網路基礎這些比較硬底子的知識,自學不容易,透過學校教學比較容易入門。介面刻多了,隨著工作經驗的累積,要處理的問題會愈來愈深,在學校打下的基礎的重要性就會開始顯現。

簡單來說,與其花時間去上「網頁設計」的課程,我覺得把時間投注在「程式設計」會比較划算
作者: wkx101    時間: 2018-12-13 08:54 PM

提示: 作者被禁止或刪除 內容自動屏蔽
作者: chuway    時間: 2019-1-19 09:29 PM

如果樓主只是位國中生,我給100分




歡迎光臨 伊莉討論區 (http://www07.eyny.com/) Powered by Discuz!