MozTW 討論區 https://forum.moztw.org/ |
|
還記得你的第一個網頁嗎? https://forum.moztw.org/viewtopic.php?f=13&t=8605 |
第 1 頁 (共 2 頁) |
發表人: | danielwang [ 2005-05-26, 19:11 ] |
文章主題 : | 還記得你的第一個網頁嗎? |
還記得那段懵懂的光陰嗎, 當我們還是新生, 單調的桌子(table), 方格子般的, 沒有 style 的生活, 我們拿著記事本, 用散亂的標籤寫上思想, 然而,<尖銳>的羅馬字 就像是活生生的士兵, 在活頁紙上打了起來, 像在爭我們的寵, 又像是與我們作對。 於是,頁面寫了又丟,丟了又寫。 就這樣,全世界前進了, 而我們仍被鎖在教課室的桌子上... 下面的圖解釋了正確語法的重要性 我將把它包括在(尚未寫的)「正確語法的重要性」文章 ![]() ![]() ![]() |
發表人: | wini [ 2005-05-26, 23:22 ] |
文章主題 : | |
第一張圖是儲存格沒有設定 padding 的 table ; 第二張圖是把個別的項目都給用不同儲存格給分開的 table ; 第三張則是將不同的主題給分區的 table 。 我的網頁寫作史…大概吧。 一、用 FP ,一行寫到一部分就按 enter 換下一行。 二、用框架頁製作選單頁及內容頁並設定 target 。 三、用筆記本寫 html head title body h(n) p br a pre 。 四、找尋好用的編輯器和教學網頁。 五、找尋 html 以外的標記語法及嘹解到 w3c 標準。 六、找尋 IE 以外的瀏覽器及對不同螢幕解析度的測試。 七、找尋「讓網頁能讓更多人看見」的技術及其背後的概念 八、找尋能製作固定格式網頁的工具以增加修改網頁的便利性。 九、學習多媒體網頁的製作及應對不同頻寬的做法。 十、想辦法充實內容。 如果每個人都有上下傳以 Mb 為單位的網路, (其實有穩定的 512 Kb 就很足夠架站了啦) 自行建設及管理伺服器的技術更簡單, 要自行撰寫網頁模版的技術也變得更簡單的話, 就可以很快速地傳播自己的思想了, 不過用了會亂加東西的軟體也不太好呀。 |
發表人: | MilchFlasche [ 2005-05-27, 05:19 ] |
文章主題 : | |
wini 寫: 我的網頁寫作史…大概吧。 一、用 FP ,一行寫到一部分就按 enter 換下一行。 二、用框架頁製作選單頁及內容頁並設定 target 。 三、用筆記本寫 html head title body h(n) p br a pre 。 四、找尋好用的編輯器和教學網頁。 五、找尋 html 以外的標記語法及嘹解到 w3c 標準。 六、找尋 IE 以外的瀏覽器及對不同螢幕解析度的測試。 七、找尋「讓網頁能讓更多人看見」的技術及其背後的概念 八、找尋能製作固定格式網頁的工具以增加修改網頁的便利性。 九、學習多媒體網頁的製作及應對不同頻寬的做法。 十、想辦法充實內容。 我是直接跳過一、二;六的話是一開始先用Mozilla/Firefox,然後才認識W3C標準的(差不多同時)。現在算是七點五段吧:P不過實際上沒什麼實力。 wini 寫: 如果每個人都有上下傳以 Mb 為單位的網路, 對啊。那真好哪。再來要是每個人都可以輕易地做RIA的東西就更好了:P
(其實有穩定的 512 Kb 就很足夠架站了啦) 自行建設及管理伺服器的技術更簡單, 要自行撰寫網頁模版的技術也變得更簡單的話, 就可以很快速地傳播自己的思想了, 不過用了會亂加東西的軟體也不太好呀。 |
發表人: | sanopup [ 2005-05-27, 11:06 ] |
文章主題 : | |
喔, 當然記得。網路上也還存在著某些證據, 第一個做的用了 frame 又用 table, 跟最後做了交接出去的用了 CSS 跟 div。中間階段的設計全部都在 laptop 小黑裡... 當初剛上網就被慫恿跟著其他網友做起網站, 不過我幾乎是一開始就養成了用 Netscape 的習慣, 所以看書學 HTML 的時候會跳過一些 IE only 的部份。那個時候要顧慮的東西還真多, 要顧到 640*480, 要考慮到 dial-up, 要記得 web safe colour, 學 HTML 的時候要小心, 寫完了要用 NC 跟 IE 測試... 那個時候大部分的日本網站都會寫建議用 NC 瀏覽, 現在幾乎都是 IE 最佳 -__-。偶爾會看到推崇用 Firefox 的站, 不過老實說都是英文站。在中文圈子裡推廣標準語法我們還要加油啊! PS. 有興趣的話可以看看我第一個(被封的文庫可以從導覽連過去, 然後你就會看到一堆 frame XD)跟最後一個的差別 |
發表人: | 風痕影 [ 2005-05-28, 18:49 ] |
文章主題 : | |
wini 寫: 一、用 FP ,一行寫到一部分就按 enter 換下一行。 二、用框架頁製作選單頁及內容頁並設定 target 。 三、用筆記本寫 html head title body h(n) p br a pre 。 四、找尋好用的編輯器和教學網頁。 我一開始是用網景的網頁編輯器,後來學校老師教了HTML,才開始用記事本來做。後來,為了節省時間,改用FrontPage Express來做,後續的修改都用記事本來改。不過,我後來還是越來越喜歡直接用記事本了=_____= wini 寫: 五、找尋 html 以外的標記語法及嘹解到 w3c 標準。 六、找尋 IE 以外的瀏覽器及對不同螢幕解析度的測試。 我從一開始就有在網景上作測試了XD wini 寫: 七、找尋「讓網頁能讓更多人看見」的技術及其背後的概念
八、找尋能製作固定格式網頁的工具以增加修改網頁的便利性。 九、學習多媒體網頁的製作及應對不同頻寬的做法。 十、想辦法充實內容。 忘了是去年還是前年,才終於知道了Firefox的存在... |
發表人: | kourge [ 2005-05-28, 21:09 ] |
文章主題 : | |
我的網頁寫作史:
大概就是這樣囉~ |
發表人: | ants [ 2005-05-28, 21:37 ] |
文章主題 : | |
Allow me to briefly describe the evolution of Netscape Browser Archive. The very first version of Netscape Browser Archive (July 1999): ![]() Second generation of Netscape Browser Archive (July 1999 to January 2001): ![]() Third generation of Netscape Browser Archive (January 2001 to August 2002), inspired by Netscape.com ![]() Fourth generation of Netscape Browser Archive (since August 2002), integrates with SillyDog701's new stunning interface. ![]() Updated Version of Netscape Browser Archive (in October 2003), update reflects the improved SillyDog701 layout. ![]() Fifth generation (current verion) of Netscape Browser Archive (released March 2005), a new polished layout of in preparation for the Netscape 8. ![]() (more information: About Netscape Browser Archive) |
發表人: | danielwang [ 2005-05-28, 21:41 ] |
文章主題 : | |
Allow me to describe the evolution of my Web sites: 有圖沒文 → 有圖沒文 → 有圖沒文 → 放棄了 |
發表人: | 李某人 [ 2005-05-29, 12:32 ] |
文章主題 : | |
記得當時是因為在 Mozilla 下面看不見 bordercolor attribute 定義的顏色才接觸到 Web Standard... 感覺蠻好運的...=w= |
發表人: | 風痕影 [ 2005-05-29, 21:52 ] |
文章主題 : | |
kourge 寫: 後來覺得 FrontPage 管理樣式很有問題,要套整個網站的格式又很麻煩
說到這個,最近才開始用DreamWeaver,真的有種相見恨晚的感覺,樣式管理起來很方便呀。而且,要套用樣式,只要在屬性面板裡用下拉選單選一下就好了... 對了,你的頭像很可愛,那個卡通我有在 Cartoon Channel 看到過幾次 |
發表人: | MilchFlasche [ 2005-05-31, 04:19 ] |
文章主題 : | |
風痕影 寫: kourge 寫: 後來覺得 FrontPage 管理樣式很有問題,要套整個網站的格式又很麻煩 說到這個,最近才開始用DreamWeaver,真的有種相見恨晚的感覺,樣式管理起來很方便呀。而且,要套用樣式,只要在屬性面板裡用下拉選單選一下就好了... 對了,你的頭像很可愛,那個卡通我有在 Cartoon Channel 看到過幾次 ![]() |
發表人: | kourge [ 2005-05-31, 12:12 ] |
文章主題 : | |
風痕影 寫: 對了,你的頭像很可愛,那個卡通我有在 Cartoon Channel 看到過幾次
喔,那是 Beast Boy,Teen Titans 的人物之一 Frontpage 全都用 <font> <(= =)> Dreamweaver MX 2004 的確是所有的 WYSIWYG 都改用 CSS,不過還是所有的樣式一律放到 <head>,而且幾乎都用 class 來套用,命名就 style1、style2、style3、等等下去 |
發表人: | 風痕影 [ 2005-05-31, 20:30 ] |
文章主題 : | |
kourge 寫: 我開始懂得將 HTML 的「內容」和「樣式」完全分離
之前,剛知道有CSS時,還只是部分樣式用CSS而已。上大學後,我才開始試著做內容與樣式完全分離的網站XD |
發表人: | xacid [ 2005-05-31, 21:04 ] |
文章主題 : | |
MilchFlasche 寫: 是很方便啊……要是Nvu也有一樣強的CSS功能就好了
![]() Nvu 有這功能吧? 我是好幾年沒用 DreamWeaver 了,不過我記得大概是選一段文字,然後把這段文字選到那個類別 (class) 去這樣。 Nvu 一樣可以做:先在 CSS 編輯器建立一些 class 並且設定好其屬性,這過程可以完全用滑鼠點選;然後關掉 CSS 編輯器,選取一段文字、在左上角選一個剛剛設好的 class 就好了。如果沒有選取文字, Nvu 會把游標所在的段落加入這個 class ,也就是以此區別 span 和 p 。 還是說 DreamWeaver 更強啊? |
發表人: | rail02000 [ 2005-06-23, 02:12 ] |
文章主題 : | |
我則是...... 最先,都用MS Word:oops: .......200X~2003 之後Frontpage功能比較多,比較方便2003~2004 之後接觸Firefox,改用NVU......2004~現在 |
第 1 頁 (共 2 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |