查看完整版本: 國一暑假做的網頁
頁: [1] 2

大爆炸藥劑 發表於 2018-9-30 11:46 PM

國一暑假做的網頁

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

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



補充內容 (2019-1-25 02:19 PM):
TCN<div></div>

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

了解 我再來去看看{:31:}  

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 (我不會) >...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><br><br><br><br><br><div></div>

ren1244 發表於 2018-10-9 04:51 PM

說明一下好了

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

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

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

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

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

之後,再來選擇自己想要專精在視覺還是程式
視覺的話, css 就要更加強
程式部分就學 javascript
(這邊如果遇到困難再發問吧,因為初學者學 javascript 我也不知道適不適當,我國中是買書自己學C語言,還沒碰網頁)...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

advantise 發表於 2018-10-9 11:45 PM

你做得很棒, 上面幾個大哥大姐的建議就先別看了, 按自己的進度去學習, 你會愈學愈多, 愈來愈厲害。

大爆炸藥劑 發表於 2018-10-10 07:04 AM

就先別看了是哪招{:36:} 好啦 繼續加油

kwj 發表於 2018-10-13 10:30 PM

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

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

以年紀來說,這個年紀就做自己想做的東西就好,不用太在意未來的職涯。在這個階段,最多就是看到想做的東西但是自己卻做不出來,就想辦法去找出要做出來需要累積哪些知識或技術,然後慢慢去學起來就好了。...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

kyo22 發表於 2018-11-27 11:33 PM

有這熱情就很好了 如果以國一來說感覺還不差<br><br><br><br><br><div></div>

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

你的背景圖應該是自動重複的關係,所以你自覺得怪怪,其實不會很多網站背景圖實際上都是重複的,我是12月才看到這篇文章的,你要是改過了,就當我沒說。

恩....我是WD(我前輩是這樣講的,中文是網頁設計者)的關係,所以我也會嚴格一點。


[*]你的排版並沒有排好,有出現不需要的余白,不知道你有沒有注意到,一般來說,在寫網頁的時候,都會在網頁裡寫下這個。* {
    marge: 0;
    padding: 0;
}其實是因為不同的瀏覽器有著不同的間距算法.....
[*]我偷窺(F12)了一下你的代碼,我注意到你大多用margin & padding來調位置,但你知道這兩個是甚麼嗎?這兩個都不是拿來排位置的,你可以去了解一下position。
[*]我看到你寫CSS的ID名,其實html中有header & footer 的標籤,html是一種文章的排版格式,之所以會被叫做標籤,是因為那個是給電腦看的東西,但除了給電腦看以外,也給其他工程師看,所以你真有想要學著做網站的話,去理解一下標籤的意思吧
[*]CSS除了可以用ID綁定之外,還可以用class去綁,兩個的差異在於id名是整個頁面只會存在一個,class名卻是可以出現多次,相同樣式的標籤可以用class去綁

最後,HTML & CSS是一種所見即所寫的東西,所以你想學怎麼寫網頁的話,你可以去多看網站,看看別人做成甚麼樣子。至於代碼的部分,邊看邊查邊學或者是拍個圖片問人說這是怎麼做的,千萬不要去背書,那只會讓你覺得無聊而已。重點只有你想要做甚麼

...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

大爆炸藥劑 發表於 2018-12-11 08:05 PM

原來是要 用position調 我以為只要看起來可以就行 就隨便用margin & padding來調 @@
話說我之後升學有哪些 高職/五專 有在教網頁嗎?

codewice 發表於 2018-12-11 11:00 PM

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

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

簡單來說,與其花時間去上「網頁設計」的課程,我覺得把時間投注在「程式設計」會比較划算...<div class='locked'><em>瀏覽完整內容,請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><br><br><br><br><br><div></div>
頁: [1] 2