MozTW 討論區 • 檢視主題 - 還記得你的第一個網頁嗎?

檢視沒有回覆的主題 | 檢視最近討論的主題

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

還記得你的第一個網頁嗎?

第 1 頁 (共 2 頁)

[ 22 篇文章 ]

前往頁數 1，2 下一頁

列印模式	上一個主題 \| 下一個主題

發表人

內容

danielwang

文章主題 : 還記得你的第一個網頁嗎?

發表於 : 2005-05-26, 19:11

[MozTW 版主群]

註冊時間: 2003-09-15, 03:47
文章: 1016
來自: Taiwan

還記得那段懵懂的光陰嗎，
當我們還是新生，
單調的桌子(table)，
方格子般的，
沒有 style 的生活，
我們拿著記事本，
用散亂的標籤寫上思想，
然而，<尖銳>的羅馬字
就像是活生生的士兵，
在活頁紙上打了起來，
像在爭我們的寵，
又像是與我們作對。
於是，頁面寫了又丟，丟了又寫。
就這樣，全世界前進了，
而我們仍被鎖在教課室的桌子上...

下面的圖解釋了正確語法的重要性
我將把它包括在(尚未寫的)「正確語法的重要性」文章

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414

wini

文章主題 :

發表於 : 2005-05-26, 23:22

[網站管理員]

註冊時間: 2005-01-02, 05:49
文章: 3220

第一張圖是儲存格沒有設定 padding 的 table ；
第二張圖是把個別的項目都給用不同儲存格給分開的 table ；
第三張則是將不同的主題給分區的 table 。

我的網頁寫作史…大概吧。
一、用 FP ，一行寫到一部分就按 enter 換下一行。
二、用框架頁製作選單頁及內容頁並設定 target 。
三、用筆記本寫 html head title body h(n) p br a pre 。
四、找尋好用的編輯器和教學網頁。
五、找尋 html 以外的標記語法及嘹解到 w3c 標準。
六、找尋 IE 以外的瀏覽器及對不同螢幕解析度的測試。
七、找尋「讓網頁能讓更多人看見」的技術及其背後的概念
八、找尋能製作固定格式網頁的工具以增加修改網頁的便利性。
九、學習多媒體網頁的製作及應對不同頻寬的做法。
十、想辦法充實內容。

如果每個人都有上下傳以 Mb 為單位的網路，
（其實有穩定的 512 Kb 就很足夠架站了啦）
自行建設及管理伺服器的技術更簡單，
要自行撰寫網頁模版的技術也變得更簡單的話，
就可以很快速地傳播自己的思想了，
不過用了會亂加東西的軟體也不太好呀。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; ja-JP; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

MilchFlasche

文章主題 :

發表於 : 2005-05-27, 05:19

註冊時間: 2004-07-23, 14:05
文章: 1552
來自: 台北縣豆腐的故鄉

wini 寫:

我的網頁寫作史…大概吧。
一、用 FP ，一行寫到一部分就按 enter 換下一行。
二、用框架頁製作選單頁及內容頁並設定 target 。
三、用筆記本寫 html head title body h(n) p br a pre 。
四、找尋好用的編輯器和教學網頁。
五、找尋 html 以外的標記語法及嘹解到 w3c 標準。
六、找尋 IE 以外的瀏覽器及對不同螢幕解析度的測試。
七、找尋「讓網頁能讓更多人看見」的技術及其背後的概念
八、找尋能製作固定格式網頁的工具以增加修改網頁的便利性。
九、學習多媒體網頁的製作及應對不同頻寬的做法。
十、想辦法充實內容。

我是直接跳過一、二；六的話是一開始先用Mozilla/Firefox，然後才認識W3C標準的（差不多同時）。現在算是七點五段吧:P不過實際上沒什麼實力。

wini 寫:

如果每個人都有上下傳以 Mb 為單位的網路，
（其實有穩定的 512 Kb 就很足夠架站了啦）
自行建設及管理伺服器的技術更簡單，
要自行撰寫網頁模版的技術也變得更簡單的話，
就可以很快速地傳播自己的思想了，
不過用了會亂加東西的軟體也不太好呀。

對啊。那真好哪。再來要是每個人都可以輕易地做RIA的東西就更好了:P

_________________
不努力的話，就會死在這裡，或是死在那裡。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

sanopup

文章主題 :

發表於 : 2005-05-27, 11:06

[MozTW 版主群]

註冊時間: 2004-01-23, 15:45
文章: 301
來自: Canada

喔, 當然記得。網路上也還存在著某些證據, 第一個做的用了 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)跟最後一個的差別

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511

風痕影

文章主題 :

發表於 : 2005-05-28, 18:49

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

wini 寫:

一、用 FP ，一行寫到一部分就按 enter 換下一行。
二、用框架頁製作選單頁及內容頁並設定 target 。
三、用筆記本寫 html head title body h(n) p br a pre 。
四、找尋好用的編輯器和教學網頁。

我一開始是用網景的網頁編輯器，後來學校老師教了HTML，才開始用記事本來做。後來，為了節省時間，改用FrontPage Express來做，後續的修改都用記事本來改。不過，我後來還是越來越喜歡直接用記事本了＝_____＝

wini 寫:

五、找尋 html 以外的標記語法及嘹解到 w3c 標準。
六、找尋 IE 以外的瀏覽器及對不同螢幕解析度的測試。

我從一開始就有在網景上作測試了XD

wini 寫:

七、找尋「讓網頁能讓更多人看見」的技術及其背後的概念
八、找尋能製作固定格式網頁的工具以增加修改網頁的便利性。
九、學習多媒體網頁的製作及應對不同頻寬的做法。
十、想辦法充實內容。

忘了是去年還是前年，才終於知道了Firefox的存在...

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4 (ax)

kourge

文章主題 :

發表於 : 2005-05-28, 21:09

[網站管理員]

註冊時間: 2004-09-27, 09:24
文章: 1685

我的網頁寫作史：

一開始喜歡用 FrontPage
後來覺得 FrontPage 管理樣式很有問題，要套整個網站的格式又很麻煩
開始用 Namo WebEditor
發現用 Namo 作的網頁，很多東西用 Firebird （以前的 Firefox）看都不正常
開始用 Dreamweaver
開始學 HTML，還不會 <table>，只會 和基本的
比較會 HTML，開始遺棄 和 ，都用 CSS，變成 font-family、font-size、、text-decoration: underline、
變成根 piaip 一樣的編輯器狂，只用記事本或 vim
覺得一直手寫 <html>、<head>、<meta>、<link>、JavaScript、CSS，都沒有語法變色，而且管理檔案很麻煩，所以繼續用 Dreamweaver，不過 95% 以上還是停留在程式碼檢視
懂得 CSS stylesheet 用 <link> 來處理
開始懂得將 HTML 的「內容」和「樣式」完全分離（像 moztw.org 和 mozilla.org 那樣，把 CSS 關掉可讀性依然很高）
開始學和用 PHP，讓頁面管理比較輕鬆

大概就是這樣囉～

_________________
korp + korp 中文站（沒精神更新）

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

ants

文章主題 :

發表於 : 2005-05-28, 21:37

[網站管理員]

註冊時間: 2003-07-22, 11:00
文章: 1796
來自: Sydney

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)

_________________
Netscape 9 | SillyDog701: Switch guide | Browser Archive | MozInfo701
MacCentre701 | AntBlog701
Don't steal music.

回頂端

Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/412 (KHTML, like Gecko) Safari/412

danielwang

文章主題 :

發表於 : 2005-05-28, 21:41

[MozTW 版主群]

註冊時間: 2003-09-15, 03:47
文章: 1016
來自: Taiwan

Allow me to describe the evolution of my Web sites:
有圖沒文 → 有圖沒文 → 有圖沒文 → 放棄了

_________________
Y!知識70點:引言、轉文、平行置中、英文音節區別

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414

李某人

文章主題 :

發表於 : 2005-05-29, 12:32

註冊時間: 2005-01-16, 13:34
文章: 131

Dreamweaver + Frame
Dreamweaver + Frame + Table (變糟了)
Table + CSS (好了一點點)
not semantic HTML + CSS
Semantic HTML + CSS (Fluid-Like layout)
Semantic XHTML + CSS (Fluid-Like layout)
Semantic XHTML + CSS (Fixed-width layout) (我退步了...?)
Semantic XHTML + CSS (Elastic layout)

記得當時是因為在 Mozilla 下面看不見 bordercolor attribute 定義的顏色才接觸到 Web Standard... 感覺蠻好運的...=w=

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

風痕影

文章主題 :

發表於 : 2005-05-29, 21:52

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

kourge 寫:

後來覺得 FrontPage 管理樣式很有問題，要套整個網站的格式又很麻煩

說到這個，最近才開始用DreamWeaver，真的有種相見恨晚的感覺，樣式管理起來很方便呀。而且，要套用樣式，只要在屬性面板裡用下拉選單選一下就好了...

對了，你的頭像很可愛，那個卡通我有在 Cartoon Channel 看到過幾次

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4 (ax)

MilchFlasche

文章主題 :

發表於 : 2005-05-31, 04:19

註冊時間: 2004-07-23, 14:05
文章: 1552
來自: 台北縣豆腐的故鄉

風痕影寫:

kourge 寫:

後來覺得 FrontPage 管理樣式很有問題，要套整個網站的格式又很麻煩

是很方便啊……要是Nvu也有一樣強的CSS功能就好了 :oops:

_________________
不努力的話，就會死在這裡，或是死在那裡。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

kourge

文章主題 :

發表於 : 2005-05-31, 12:12

[網站管理員]

註冊時間: 2004-09-27, 09:24
文章: 1685

風痕影寫:

對了，你的頭像很可愛，那個卡通我有在 Cartoon Channel 看到過幾次

喔，那是 Beast Boy，Teen Titans 的人物之一

Frontpage 全都用 <(= =)>

Dreamweaver MX 2004 的確是所有的 WYSIWYG 都改用 CSS，不過還是所有的樣式一律放到 <head>，而且幾乎都用 class 來套用，命名就 style1、style2、style3、等等下去

_________________
korp + korp 中文站（沒精神更新）

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4

風痕影

文章主題 :

發表於 : 2005-05-31, 20:30

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

kourge 寫:

我開始懂得將 HTML 的「內容」和「樣式」完全分離

之前，剛知道有CSS時，還只是部分樣式用CSS而已。上大學後，我才開始試著做內容與樣式完全分離的網站XD

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; zh-TW; rv:1.7.8) Gecko/20050511 Firefox/1.0.4 (ax)

xacid

文章主題 :

發表於 : 2005-05-31, 21:04

註冊時間: 2004-07-03, 22:04
文章: 444

MilchFlasche 寫:

是很方便啊……要是Nvu也有一樣強的CSS功能就好了 :oops:

Nvu 有這功能吧？
我是好幾年沒用 DreamWeaver 了，不過我記得大概是選一段文字，然後把這段文字選到那個類別 (class) 去這樣。 Nvu 一樣可以做：先在 CSS 編輯器建立一些 class 並且設定好其屬性，這過程可以完全用滑鼠點選；然後關掉 CSS 編輯器，選取一段文字、在左上角選一個剛剛設好的 class 就好了。如果沒有選取文字， Nvu 會把游標所在的段落加入這個 class ，也就是以此區別 span 和 p 。
還是說 DreamWeaver 更強啊？

_________________
試試 Compact Menu 修改版

回頂端

Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.7) Gecko/20040616

rail02000

文章主題 :

發表於 : 2005-06-23, 02:12

[MozTW 版主群]