Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
|
[作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
Moderator September 13, 2011 08:55PM 發表文章數: 1,229 |
前言：
基本的網頁是由html與css所組成
希望大家在進入Dreamweaver之前，能夠先對html與css有基礎的概念
所以我們的第一個網頁先由單純的html與css出發
希望大家這一個星期回去能反覆練習，自己寫出html及css語法的簡單網頁
這樣未來在做網頁的時候，能更如虎添翼，舉一反三了!
Let's go!!!大家一起加油吧!!!!
===========================================
[color=#990000]建議需先安裝的軟體[/color]
---------------------------------------------------------------------------------------
好用的免費記事本軟體
[color=#990000]Notepad++[/color]官方網頁：http://notepad-plus-plus.org/
---------------------------------------------------------------------------------------
[color=#0033CC]FileZilla[/color] 免費又好用的FTP軟體，供客戶端和伺服器端使用
官方下載網頁：http://filezilla-project.org/
---------------------------------------------------------------------------------------
FireFox火狐瀏覽器 http://moztw.org/
超好用檢視網頁語法插件: [color=#0033CC]FireBug[/color] ，五星級強力推薦插件之一。它集HTML查看和編輯、Javascript控制台、網絡狀況監視器於一體，是開發JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個不同的角度剖析Web頁面內部的細節層面，給Web開發者帶來很大的便利。
在FireFox裡的附加元件裡搜尋 FireBug 下載安裝即可
---------------------------------------------------------------------------------------
[color=#990000]推薦很棒的CSS網站[/color]
---------------------------------------------------------------------------------------
[color=#CC6600]CSS-TRICKS[/color] http://css-tricks.com/
HTML & CSS基礎教學影音(必看，雖然是英文，但若耐著性看完會有非常多的收穫喔!)
http://css-tricks.com/video-screencasts/58-html-css-the-very-basics/
---------------------------------------------------------------------------------------
其他HTML & CSS相關網站
有空可多多研讀，增加自己的功力
[color=#663300]HTML[/color]
1.HTML教學導覽 http://www.powmo.com/
2.HTML 簡介與應用 http://neural.cs.nthu.edu.tw/jang/books/html/
3.HTML Tutorial http://www.w3schools.com/html/
4.HTML教學 http://www.pcnet.idv.tw/pcnet/html/html.htm
5.HTML教學示範 http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm
6.HTML 語言簡介 http://203.71.199.2/HTML/%E4%BD%95%E8%AC%82HTML.htm
7.HTML教學 http://m7.dfps.tp.edu.tw/chen/main5/ahtml/01.asp
[color=#663300]CSS[/color]
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
CSS 語法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputer03_2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
---------------------------------------------------------------------------------------
HTML的最基本結構
<html>
<head>
<title>
</title>
</head>
<body>
您所要在瀏覽器顯示的內容
</body>
</html>
---------------------------------------------------------------------------------------
[color=#CC0000]網頁所有檔案命名原則：[/color]
1.只能取半形的英文、數字、-(中線) 、_(底線)
2.絕對不能出現中文和全行字
3.index為首頁的內定命名(會自動判別為首頁)，依序為index.html index.php等
4.所以有網頁檔案必須儲存於某一網站專屬資料夾內，資料夾請以學號命名，每一個作業請依序以:
hw01-學號，為資料夾名稱，若有圖檔，請於網站資料夾內另開圖檔專屬資料夾( img 或 images )
---------------------------------------------------------------------------------------
[color=#660099]作業一的步驟與要求：[/color]
請自行以自己的內容，完成以下需求
1.於記事本上打入第一行你要打的字(中英文皆可，如：WELCOME MYWEB!!!!)
2.儲存為index.html於桌面，可直接將檔案拉入Firefox，觀看預覽效果
3.如果想[color=#006600]把字體變得又大又粗，可以用<標題1>的語法[/color]，於字的前後加上
<h1> 大標題 </h1>
儲存後，一樣於Firefox重整觀看效果
4.接下來，打入我們的[color=#006600]第二行文字，用以下p 語法來換行[/color]
<h1>嗨!大家好</h1>
<p>welcome to my website!!!</p>
5.接著我們[color=#006600]另存新檔為: about.html，製作第二個頁面[/color]，新增如下文字:
<h1>嗨!大家好</h1>
<p>welcome to my website!!! 想要再多學一點嗎?......</p>
接著加入超連結語法 a ，如下：
<h1>嗨!大家好</h1>
<p>welcome to my website!!! <a>想要再多學一點嗎?......</a> </p>
拉入Firefox預覽效果
6.要出現[color=#006600]連結效果[/color]還要加入以下語法:
index.html
<h1>嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
about.html
<h1>嗨!大家好</h1>
<p>welcome to my website!!! <a href="index.html">回到首頁</a> </p>
即可以呈現互相連結的效果
重整Firefox預覽效果
7.如果想要在標題字增加不同的視覺效果，如改變顏色
就要開始進行簡單的CSS設定
我們可以先直接[color=#006600]在h1中直接加入style的語法[/color]
如
<h1 style="color:red;">嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
重整預覽，index的標題則會出現紅色的字，可是about則還是黑色
8.接著我們要在html網頁架構上，讓他更加的完整
首先加入body的語法
補充：BODY之間則為主要語法所在，也是網頁的主要呈現部分。
<body>
<h1 style="color:red;">嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
</body>
重整之後，看起來沒甚麼不同
9.接著再把html語法的架構寫的更完整
把最外層的html包進去，再加入於body之上，設定頂部head語法的部分，如下
其中 [color=#006600]tilte語法呈現的視網頁標題的部分，會出現在瀏覽器上，並便於搜尋[/color]
<html>
<head>
<title>歡迎來到JinJin的網頁</title>
</head>
<body>
<h1 style="color:red;">嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
</body>
</html>
10.接著我們開一個新的文件檔，將之命名為style.css
沒錯，CSS要登場了
甚麼是CSS呢?
[color=#669900]CSS 是 Cascading Style Sheets 的縮寫, 我們中文稱為「串接樣式表」
CSS 的特色:
(1)它能讓我們更精確的控制網頁版面的文字、背景、字型等網頁外觀及美化...
(2)它能只修正一個 CSS 文件，便可同時更新眾多的網頁版面外觀及格式。
(3)它可以使 html 的文件內碼更精簡，縮小檔案下載的速度。
(4)適用於各種作業平台。[/color]
(1).首先先在index.html的title底下打入如下語法(這比較難背，可以直接貼上):
<link rel="stylesheet" href="style.css" media="screen" />
(2).把index.html裡h1後的style設定剪下，預覽一下，紅色不見了
<html>
<head>
<title>歡迎來到JinJin的網頁</title>
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>
<h1>嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
</body>
</html>
(3).接著在新的style.css檔案裡鍵入
h1{
color:red;
}
接著重整FireFox會看到甚麼效果呢?在about打入一樣的設定，結果如何呢?
11.接著，可以自己改變顏色，可參考:
網頁色碼選擇器: http://rhinejo.myweb.hinet.net/home/color/color-cord.html
Adobe Kuler: http://kuler.adobe.com/
調色盤-色票產生器: http://cowwu.myweb.hinet.net/note/js/Color.htm
MyChat 調色盤 http://mychat.to/pub_java/selcolor.htm
也可以改變字體大小，於style.css設定如下
h1{
color:#AC5C52;
font-size:12px;
}
重整FireFox看效果
12.接著於文字的外層包上一層div
[color=#669900]補充說明：
被DIV或SPAN標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。
被DIV包住的網頁元件會變成一個「區塊物件」，也就是會「自成一塊」，旁邊的東西的會被擠到上一行或下一行去，自己獨立成一行。
而被SPAN包住的物件則可以和大夥和樂融融的擺在一起，不會斷行，也不會自成一塊。可以視不同的狀況，使用不同的標籤。[/color]
index.html
<html>
<head>
<title>歡迎來到JinJin的網頁</title>
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>
<div id="main">
<h1>嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
</div>
</body>
</html>
style.css
h1{
color:#AC5C52;
font-size:16px;
}
#main{ /*div id前面要加上#*/
width:500px; /*寬度*/
margin:auto; /*置中語法*/
background-color:#eee; /*背景色*/
padding:10px; /*div內部距離*/
}
body{
background-color:#004EA0; /*body的背景色*/
margin:0px; /*貼緊頂部底部以及左右*/
}
重整會發現在新版的FireFox以及Chrome是正常的居中，IE卻無法置中
13.
關鍵在於DOCTYPE 的官方宣告
一定要放上去
可以從正常的網站鍵是原始碼，一般會有，直接貼上即可
<!DOCTYPE html>
<html>
<head>
<title>歡迎來到JinJin的網頁</title>
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>
<div id="main">
<h1>嗨!大家好</h1>
<p>welcome to my website!!! <a href="about.html">想要再多學一點嗎?......</a> </p>
</div>
</body>
</html>
==========================================================
補充:
標籤說明:網頁其實就是一堆標籤（所謂標籤就是指被<>包起來的語法）集合起來的，透過瀏覽器的消化整理，就便成了美侖美奐的網頁了。
簡單而言，通常一份完整的網頁包含了二個部份：標頭（HEAD）、文件主體（BODY）。也就是在上面所看到的以及。
---------------------------------------------------------------------------------------
[color=#CC0066]繳交作業的方式：[/color]
1.以FTP上傳至老師指定位置，每一個作業都會有一個相對應的資料夾
如：[color=#CC3300]第一個作業的資料夾為：hw01[/color]
每位同學請將自己的資料夾命名為：[color=#993300]hw01-學號[/color]
這個作業的網址則為:http://mepopedia.com/~web100b/hw01/hw01-100xxxxxxx
2.切勿擅改別人的資料檔案，若經發現則以零分計
---------------------------------------------------------------------------------------
這禮拜請同學按照以上做法，
以自己設定的文字內容，字體大小、文字、背景顏色等等
做html與css的設定
至少兩個可以互相連結的html檔，其中首頁命名為index.html，
以及一個命名為style.css的css樣式檔
存放在hw01-學號的資夾內
並請回覆本篇文章
1.作業網址
2.有無遇到的問題，製作作業的時間
完全達成要求即有100分
基本的網頁是由html與css所組成
希望大家在進入Dreamweaver之前，能夠先對html與css有基礎的概念
所以我們的第一個網頁先由單純的html與css出發
希望大家這一個星期回去能反覆練習，自己寫出html及css語法的簡單網頁
這樣未來在做網頁的時候，能更如虎添翼，舉一反三了!
Let's go!!!大家一起加油吧!!!!
===========================================
[color=#990000]建議需先安裝的軟體[/color]
---------------------------------------------------------------------------------------
好用的免費記事本軟體
[color=#990000]Notepad++[/color]官方網頁：http://notepad-plus-plus.org/
---------------------------------------------------------------------------------------
[color=#0033CC]FileZilla[/color] 免費又好用的FTP軟體，供客戶端和伺服器端使用
官方下載網頁：http://filezilla-project.org/
---------------------------------------------------------------------------------------
FireFox火狐瀏覽器 http://moztw.org/
超好用檢視網頁語法插件: [color=#0033CC]FireBug[/color] ，五星級強力推薦插件之一。它集HTML查看和編輯、Javascript控制台、網絡狀況監視器於一體，是開發JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士軍刀，從各個不同的角度剖析Web頁面內部的細節層面，給Web開發者帶來很大的便利。
在FireFox裡的附加元件裡搜尋 FireBug 下載安裝即可
---------------------------------------------------------------------------------------
[color=#990000]推薦很棒的CSS網站[/color]
---------------------------------------------------------------------------------------
[color=#CC6600]CSS-TRICKS[/color] http://css-tricks.com/
HTML & CSS基礎教學影音(必看，雖然是英文，但若耐著性看完會有非常多的收穫喔!)
http://css-tricks.com/video-screencasts/58-html-css-the-very-basics/
---------------------------------------------------------------------------------------
其他HTML & CSS相關網站
有空可多多研讀，增加自己的功力
[color=#663300]HTML[/color]
1.HTML教學導覽 http://www.powmo.com/
2.HTML 簡介與應用 http://neural.cs.nthu.edu.tw/jang/books/html/
3.HTML Tutorial http://www.w3schools.com/html/
4.HTML教學 http://www.pcnet.idv.tw/pcnet/html/html.htm
5.HTML教學示範 http://www.csie.nctu.edu.tw/~jglee/teacher/content.htm
6.HTML 語言簡介 http://203.71.199.2/HTML/%E4%BD%95%E8%AC%82HTML.htm
7.HTML教學 http://m7.dfps.tp.edu.tw/chen/main5/ahtml/01.asp
[color=#663300]CSS[/color]
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
CSS 語法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputer03_2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
---------------------------------------------------------------------------------------
HTML的最基本結構
---------------------------------------------------------------------------------------
[color=#CC0000]網頁所有檔案命名原則：[/color]
1.只能取半形的英文、數字、-(中線) 、_(底線)
2.絕對不能出現中文和全行字
3.index為首頁的內定命名(會自動判別為首頁)，依序為index.html index.php等
4.所以有網頁檔案必須儲存於某一網站專屬資料夾內，資料夾請以學號命名，每一個作業請依序以:
hw01-學號，為資料夾名稱，若有圖檔，請於網站資料夾內另開圖檔專屬資料夾( img 或 images )
---------------------------------------------------------------------------------------
[color=#660099]作業一的步驟與要求：[/color]
請自行以自己的內容，完成以下需求
1.於記事本上打入第一行你要打的字(中英文皆可，如：WELCOME MYWEB!!!!)
2.儲存為index.html於桌面，可直接將檔案拉入Firefox，觀看預覽效果
3.如果想[color=#006600]把字體變得又大又粗，可以用<標題1>的語法[/color]，於字的前後加上
大標題
儲存後，一樣於Firefox重整觀看效果
4.接下來，打入我們的[color=#006600]第二行文字，用以下p 語法來換行[/color]
嗨!大家好
welcome to my website!!!
5.接著我們[color=#006600]另存新檔為: about.html，製作第二個頁面[/color]，新增如下文字:
接著加入超連結語法 a ，如下：
拉入Firefox預覽效果
6.要出現[color=#006600]連結效果[/color]還要加入以下語法:
index.html
about.html
即可以呈現互相連結的效果
重整Firefox預覽效果
7.如果想要在標題字增加不同的視覺效果，如改變顏色
就要開始進行簡單的CSS設定
我們可以先直接[color=#006600]在h1中直接加入style的語法[/color]
如
重整預覽，index的標題則會出現紅色的字，可是about則還是黑色
8.接著我們要在html網頁架構上，讓他更加的完整
首先加入body的語法
補充：BODY之間則為主要語法所在，也是網頁的主要呈現部分。
重整之後，看起來沒甚麼不同
9.接著再把html語法的架構寫的更完整
把最外層的html包進去，再加入於body之上，設定頂部head語法的部分，如下
其中 [color=#006600]tilte語法呈現的視網頁標題的部分，會出現在瀏覽器上，並便於搜尋[/color]
10.接著我們開一個新的文件檔，將之命名為style.css
沒錯，CSS要登場了
甚麼是CSS呢?
[color=#669900]CSS 是 Cascading Style Sheets 的縮寫, 我們中文稱為「串接樣式表」
CSS 的特色:
(1)它能讓我們更精確的控制網頁版面的文字、背景、字型等網頁外觀及美化...
(2)它能只修正一個 CSS 文件，便可同時更新眾多的網頁版面外觀及格式。
(3)它可以使 html 的文件內碼更精簡，縮小檔案下載的速度。
(4)適用於各種作業平台。[/color]
(1).首先先在index.html的title底下打入如下語法(這比較難背，可以直接貼上):
(2).把index.html裡h1後的style設定剪下，預覽一下，紅色不見了
(3).接著在新的style.css檔案裡鍵入
接著重整FireFox會看到甚麼效果呢?在about打入一樣的設定，結果如何呢?
11.接著，可以自己改變顏色，可參考:
網頁色碼選擇器: http://rhinejo.myweb.hinet.net/home/color/color-cord.html
Adobe Kuler: http://kuler.adobe.com/
調色盤-色票產生器: http://cowwu.myweb.hinet.net/note/js/Color.htm
MyChat 調色盤 http://mychat.to/pub_java/selcolor.htm
也可以改變字體大小，於style.css設定如下
重整FireFox看效果
12.接著於文字的外層包上一層div
[color=#669900]補充說明：
被DIV或SPAN標籤包起來的文字、圖片...任何東西，瀏覽器都會將之視作一個物件。
被DIV包住的網頁元件會變成一個「區塊物件」，也就是會「自成一塊」，旁邊的東西的會被擠到上一行或下一行去，自己獨立成一行。
而被SPAN包住的物件則可以和大夥和樂融融的擺在一起，不會斷行，也不會自成一塊。可以視不同的狀況，使用不同的標籤。[/color]
index.html
style.css
重整會發現在新版的FireFox以及Chrome是正常的居中，IE卻無法置中
13.
關鍵在於DOCTYPE 的官方宣告
一定要放上去
可以從正常的網站鍵是原始碼，一般會有，直接貼上即可
補充:
標籤說明:網頁其實就是一堆標籤（所謂標籤就是指被<>包起來的語法）集合起來的，透過瀏覽器的消化整理，就便成了美侖美奐的網頁了。
簡單而言，通常一份完整的網頁包含了二個部份：標頭（HEAD）、文件主體（BODY）。也就是在上面所看到的以及。
---------------------------------------------------------------------------------------
[color=#CC0066]繳交作業的方式：[/color]
1.以FTP上傳至老師指定位置，每一個作業都會有一個相對應的資料夾
如：[color=#CC3300]第一個作業的資料夾為：hw01[/color]
每位同學請將自己的資料夾命名為：[color=#993300]hw01-學號[/color]
這個作業的網址則為:http://mepopedia.com/~web100b/hw01/hw01-100xxxxxxx
2.切勿擅改別人的資料檔案，若經發現則以零分計
---------------------------------------------------------------------------------------
這禮拜請同學按照以上做法，
以自己設定的文字內容，字體大小、文字、背景顏色等等
做html與css的設定
至少兩個可以互相連結的html檔，其中首頁命名為index.html，
以及一個命名為style.css的css樣式檔
存放在hw01-學號的資夾內
並請回覆本篇文章
1.作業網址
2.有無遇到的問題，製作作業的時間
完全達成要求即有100分
Edited 7 time(s). Last edit at 09/28/2011 11:30PM by JinJin.
(編輯記錄)
|
DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
管理 September 13, 2011 09:55PM 發表文章數: 146 |
有關 DOCTYPE 宣告的部份，建議可以下列 HTML5 新制定的語法宣告。這個語法不僅可以讓網頁支援最新的 HTML5 語法，也可相容 IE6、IE7、Max IE5等舊型瀏覽器，是一個既簡潔又可相容新、舊瀏覽器的語法：
<!DOCTYPE html>
(HTML 5 新式宣告)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
(HTML 4.01 舊式宣告)
不過比較仔細的同學可能會有這樣的疑惑：新式宣告裡面什麼也沒有，沒有寫 HTML 4.01 或 XHTML 1.0 等資訊，那瀏覽器怎麼知道是用什麼模式讀取網頁？又或者，舊型瀏覽器開發的時候又沒有 HTML5，它怎麼知道 HTML5 是用這樣的宣告？
就我的了解是這樣的。在文件型態（DOCTYPE）的宣告原則中，因為已假設會使用 DOCTYPE 的網頁設計者是「內行人」，也就是說知道要宣告 DOCTYPE 才會進入使用官方語法的「標準模式」才會使用，所以就算宣告得比較不完整或比較簡略，也都沒有問題，都會進入「標準模式 Standard Mode」。
所以，對舊型瀏覽器而言，它雖然不知道什麼是 HTML5，但還是會進入標準模式（儘管是使用 HTML4.01）。而對新式瀏覽器而言，當然就更沒有問題，直接進入支援 HTML5 的標準模式了。
最後，提了這麼多的「標準模式」倒底是什麼呢？基本上就是相較於 Netscape 和 Internet Explorer 還在大戰時的「一套標準各自解讀」時期，各家舊瀏覽器的「各自解讀」模式，到後來約 2000年推出完整支援 CSS (CSS Level1) 的 Mac IE5，才開始支援 HTML/CSS 標準語法的「標準模式」。但，進入了大家（勉為其難）開始支援標準模式的時期，那舊時代的網頁怎麼辦？所以就發明了一種模式叫作 Quirks Mode，專門用以處理舊式設計規則的網頁。因為舊式網頁當然沒有 DOCTYPE 的宣告，所以，「不要宣告 DOCTYPE」就會進入屬於舊瀏覽器模式的 Quirks Mode。
最後的最後要提醒在設計網頁時要記得加上 <!DOCTYPE html> 的宣告，這樣網頁才不會被歸類為「舊時代的產物」，也才能讓 CSS 的相關語法「正確／正常」地將功能呈現。
相關詳細的說明與相容性整理可見維基百科（英文）：
http://en.wikipedia.org/wiki/Quirks_mode#Comparison_of_document_types
不過比較仔細的同學可能會有這樣的疑惑：新式宣告裡面什麼也沒有，沒有寫 HTML 4.01 或 XHTML 1.0 等資訊，那瀏覽器怎麼知道是用什麼模式讀取網頁？又或者，舊型瀏覽器開發的時候又沒有 HTML5，它怎麼知道 HTML5 是用這樣的宣告？
就我的了解是這樣的。在文件型態（DOCTYPE）的宣告原則中，因為已假設會使用 DOCTYPE 的網頁設計者是「內行人」，也就是說知道要宣告 DOCTYPE 才會進入使用官方語法的「標準模式」才會使用，所以就算宣告得比較不完整或比較簡略，也都沒有問題，都會進入「標準模式 Standard Mode」。
所以，對舊型瀏覽器而言，它雖然不知道什麼是 HTML5，但還是會進入標準模式（儘管是使用 HTML4.01）。而對新式瀏覽器而言，當然就更沒有問題，直接進入支援 HTML5 的標準模式了。
最後，提了這麼多的「標準模式」倒底是什麼呢？基本上就是相較於 Netscape 和 Internet Explorer 還在大戰時的「一套標準各自解讀」時期，各家舊瀏覽器的「各自解讀」模式，到後來約 2000年推出完整支援 CSS (CSS Level1) 的 Mac IE5，才開始支援 HTML/CSS 標準語法的「標準模式」。但，進入了大家（勉為其難）開始支援標準模式的時期，那舊時代的網頁怎麼辦？所以就發明了一種模式叫作 Quirks Mode，專門用以處理舊式設計規則的網頁。因為舊式網頁當然沒有 DOCTYPE 的宣告，所以，「不要宣告 DOCTYPE」就會進入屬於舊瀏覽器模式的 Quirks Mode。
最後的最後要提醒在設計網頁時要記得加上 <!DOCTYPE html> 的宣告，這樣網頁才不會被歸類為「舊時代的產物」，也才能讓 CSS 的相關語法「正確／正常」地將功能呈現。
相關詳細的說明與相容性整理可見維基百科（英文）：
http://en.wikipedia.org/wiki/Quirks_mode#Comparison_of_document_types
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 10:41PM 發表文章數: 16 |
|
1001445036
[ 站內寄信 / PM ]
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 02, 2011 12:36AM 發表文章數: 13 |
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 02, 2011 05:14PM 發表文章數: 6 |
http://mepopedia.com/~web100b/hw01/hw01-1001445012/
天啊~一堆英文練了大概2個小時
有些盲點
但多練幾次就ok了=)
老師教得很棒!
天啊~一堆英文練了大概2個小時
有些盲點
但多練幾次就ok了=)
老師教得很棒!
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 09:44PM 發表文章數: 16 |
|
Carol Chen
[ 站內寄信 / PM ]
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 08:52AM 發表文章數: 5 |
1 http://mepopedia.com/~web100b/hw01/hw01-1001445089/
可是連進去沒東西...
2回家後花了一個小時研究,但語法好像還是有問題
感覺跟老師打得一樣,但效果卻不同
可是連進去沒東西...
2回家後花了一個小時研究,但語法好像還是有問題
感覺跟老師打得一樣,但效果卻不同
Edited 1 time(s). Last edit at 10/05/2011 08:54AM by Carol Chen.
(編輯記錄)
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 10:50PM 發表文章數: 13 |
http://mepopedia.com/~web100b/hw01/hw01-1001445004/
因為今天沒去上課,所以花了點時間大慨3小時
因為今天沒去上課,所以花了點時間大慨3小時
|
1001445026
[ 站內寄信 / PM ]
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 10:15AM 發表文章數: 12 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445026/
2. 希望可以教慢一點，那之後越來越難會跟不上，
語法甚麼的多教一點之後製作比較不會一頭霧水不知道是甚麼。
2. 希望可以教慢一點，那之後越來越難會跟不上，
語法甚麼的多教一點之後製作比較不會一頭霧水不知道是甚麼。
|
1001445008
[ 站內寄信 / PM ]
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 06:18PM 發表文章數: 12 |
http://mepopedia.com/~web100b/hw01/hw01-1001445008/
製作時間大概兩小時吧....
製作時間大概兩小時吧....
Edited 1 time(s). Last edit at 10/04/2011 11:15PM by 1001445008.
(編輯記錄)
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 10:20PM 發表文章數: 13 |
1,http://www.facebook.com/l.php?u=http%3A%2F%2Fmepopedia.com%2F~web100b%2Fhw01%2Fhw01-100xxxxxxx&h=cAQDzLrA9
2,沒問題約兩個小時上可作完
2,沒問題約兩個小時上可作完
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁 |
October 04, 2011 11:14PM 發表文章數: 12 |
http://mepopedia.com/~web100b/hw01/hw01-1001445053
上課完成後回家有改蚊子內容
大約1個小時
上課完成後回家有改蚊子內容
大約1個小時
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁 |
October 04, 2011 11:14PM 發表文章數: 12 |
http://mepopedia.com/~web100b/hw01/hw01-1001445053
上課完成後回家有改文子內容
大約1個小時
上課完成後回家有改文子內容
大約1個小時
|
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 11:15PM 發表文章數: 12 |
[url=http://mepopedia.com/~web100b/hw01/hw01-1001445053]http://mepopedia.com/~web100b/hw01/hw01-1001445053[/url]
回架又改了文字大概又多花了1小時
回架又改了文字大概又多花了1小時
|
1001445126
[ 站內寄信 / PM ]
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 12:07PM 發表文章數: 11 |
|
1441005065
[ 站內寄信 / PM ]
Re: DOCTYPE 新式宣告與背景說明 - Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 11, 2011 01:12AM 發表文章數: 7 |
http://mepopedia.com/~web100b/hw01/hw01-1001445065/
用"FZ"的時候會不小心傳到別人的資料夾裡面
不過我已經知道怎嚜用了
用"FZ"的時候會不小心傳到別人的資料夾裡面
不過我已經知道怎嚜用了
|
FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
軟體
|
Moderator September 20, 2011 12:23PM 發表文章數: 1,229 |
FileZila FTP上傳圖例教學
因學校網路似乎有阻擋FTP上傳功能
因此請在自己的電腦中依圖例說明之方式上傳
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-01.jpg[/IMG]
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-02-1.jpg[/IMG]
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-03.jpg[/IMG]
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-04.jpg[/IMG]
因學校網路似乎有阻擋FTP上傳功能
因此請在自己的電腦中依圖例說明之方式上傳
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-01.jpg[/IMG]
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-02-1.jpg[/IMG]
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-03.jpg[/IMG]
[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/web01-04.jpg[/IMG]
Edited 2 time(s). Last edit at 09/21/2011 02:11PM by mepoadm.
(編輯記錄)
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 08:27PM 發表文章數: 12 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445010/index.html
2.沒問題~回家有照上課的東西全部從新修改過 (上課+回家=大概3小時吧)
MEPOERs said:
2.沒問題~回家有照上課的東西全部從新修改過 (上課+回家=大概3小時吧)
MEPOERs said:
HP: 我覺得用 CSS 作的網頁，就算只是簡簡單單的設計，但卻很有風格耶。
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 09:27PM 發表文章數: 12 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445115/
2.製作過程有些懵懂，不過我還是將它給完成了(吧)，老師辛苦了!教師節快樂!! ，(上課時間+回家修正=3小時左右)
MEPOERs said:
2.製作過程有些懵懂，不過我還是將它給完成了(吧)，老師辛苦了!教師節快樂!! ，(上課時間+回家修正=3小時左右)
MEPOERs said:
HP: 第二個網頁忘了加上 CSS 檔哦！就是這一行：
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 10:20PM 發表文章數: 13 |
|
1001445014
[ 站內寄信 / PM ]
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 11:15PM 發表文章數: 1 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445014/1.html
2. 無，約2小時 (課堂時間)。
2. 無，約2小時 (課堂時間)。
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁 |
September 29, 2011 10:24PM 發表文章數: 2 |
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 30, 2011 11:22PM 發表文章數: 16 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445042
2.沒甚麼太大問題，老師在上課就講得很清楚了，在課堂上其實就可以做得差不多，回家再弄個1個多小時完成。
2.沒甚麼太大問題，老師在上課就講得很清楚了，在課堂上其實就可以做得差不多，回家再弄個1個多小時完成。
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 09:46PM 發表文章數: 2 |
1.) http://mepopedia.com/~web100b/hw01/hw01-1001445127/
2.) 沒問題，利用上課時間完成的。
2.) 沒問題，利用上課時間完成的。
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 11:35PM 發表文章數: 10 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445093/
2. 上傳有點問題 但後來OK
2. 上傳有點問題 但後來OK
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 12:27AM 發表文章數: 7 |
http://mepopedia.com/~web100b/hw01/hw01-1001445045/
大約1小時
上課內容可以吸收
很清楚
謝謝老師
大約1小時
上課內容可以吸收
很清楚
謝謝老師
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 01:20PM 發表文章數: 2 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445073/index.html
2.上課鐘完成ok
2.上課鐘完成ok
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 02:06PM 發表文章數: 9 |
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 02:26PM 發表文章數: 13 |
|
Re: FileZilla FTP上傳圖例教學-Re: [作業01] 以html與css完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 06, 2011 01:38AM 發表文章數: 7 |
視傳一B 1001445034
1.http://mepopedia.com/~web100b/hw01/hw01-1001445034/index.html
2.我們正在調整腳步，然後慢慢地、慢慢地一起成長；老師的耐心，將是我們更有信心地進步下去的關鍵。
MEPOERs said:
1.http://mepopedia.com/~web100b/hw01/hw01-1001445034/index.html
2.我們正在調整腳步，然後慢慢地、慢慢地一起成長；老師的耐心，將是我們更有信心地進步下去的關鍵。
MEPOERs said:
HP: 很感人的心得！加油。
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 07:33PM 發表文章數: 11 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445049/
2. 無，約2小時（均利用上課時間製作）。
MEPOERs said:
2. 無，約2小時（均利用上課時間製作）。
MEPOERs said:
HP: 讚哦！你是第一個。而且淡紫色的網頁很有淡雅的感覺。
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 07:42PM 發表文章數: 10 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445047/
2. 沒問題，2小時，上課時間製作完成的。
2. 沒問題，2小時，上課時間製作完成的。
|
hughero1314
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 08:51PM 發表文章數: 12 |
-
1. http://mepopedia.com/~web100b/hw01/hw01-1001445022/
2. 沒有問題，課堂上兩個小時就完成了。
-
1. http://mepopedia.com/~web100b/hw01/hw01-1001445022/
2. 沒有問題，課堂上兩個小時就完成了。
-
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁 |
September 28, 2011 10:16PM 發表文章數: 10 |
http://mepopedia.com/~web100b/hw01/hw01-1001445051/
完成嚕 ~
完成嚕 ~
Edited 1 time(s). Last edit at 10/05/2011 02:08PM by 吳蓓蓓.
(編輯記錄)
|
coxxd01217
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 10:35PM 發表文章數: 10 |
|
jacky13601
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 28, 2011 11:20PM 發表文章數: 8 |
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 09:36AM 發表文章數: 11 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445075/
2. 沒有問題，約2個小時(上課完成~)
2. 沒有問題，約2個小時(上課完成~)
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 09:55AM 發表文章數: 10 |
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 10:21AM 發表文章數: 13 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445119
2.不會ˋ很感謝老師教導 希望能學到更多~真的......
2.不會ˋ很感謝老師教導 希望能學到更多~真的......
|
best151515
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 01:07PM 發表文章數: 9 |
http://mepopedia.com/~web100b/hw01/hw01-1001445016
沒問題,上課時間做完的,兩小時
MEPOERs said:
沒問題,上課時間做完的,兩小時
MEPOERs said:
HP: 第二頁有些問題，原本是 good 的 id 要記得改回 CSS 中設定的 main。
|
1001445002
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 04:12PM 發表文章數: 11 |
1.
http://mepopedia.com/~web100b/hw01/hw01-1001445002
2.
之前因為有不明白的地方.所以回家好好練習了一遍.
約兩小時完成.最棒的是老師做的講義!!!(按讚)
之前不知道密碼不能上傳.知道後2秒就傳好的....囧
http://mepopedia.com/~web100b/hw01/hw01-1001445002
2.
之前因為有不明白的地方.所以回家好好練習了一遍.
約兩小時完成.最棒的是老師做的講義!!!(按讚)
之前不知道密碼不能上傳.知道後2秒就傳好的....囧
Edited 1 time(s). Last edit at 10/01/2011 07:56PM by 1001445002.
(編輯記錄)
|
1001445032
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 29, 2011 04:22PM 發表文章數: 10 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445032/
2.沒什麼問題，只是有些不太熟練。大約2小時完成!
2.沒什麼問題，只是有些不太熟練。大約2小時完成!
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
September 30, 2011 12:35AM 發表文章數: 1 |
http://mepopedia.com/~web100b/hw01/hw01-1001445079/
上傳方式摸索一下才弄董...
上課2小時完成
上傳方式摸索一下才弄董...
上課2小時完成
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁 |
September 29, 2011 10:30PM 發表文章數: 2 |
我試了好多次~就是不讓我連線 氣死我了
我該怎麼辦呢
MEPOERs said:
我該怎麼辦呢
MEPOERs said:
JinJin: 是FTP無法連線嗎?可以將作業帶到課堂上解決
|
1001445069
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 02, 2011 09:56PM 發表文章數: 5 |
http://mepopedia.com/~web100b/hw01/hw01-1001445069
上傳花了比較多時間~ 不過總算成功了^^
MEPOERs said:
上傳花了比較多時間~ 不過總算成功了^^
MEPOERs said:
HP: 內容好有詩意哦！
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 07:58PM 發表文章數: 10 |
http://www.mepopedia.com/~web100b/hw01/hw01-1001445006/
忘記花多久了= =|||
大概1小時吧?
忘記花多久了= =|||
大概1小時吧?
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 09:26PM 發表文章數: 7 |
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 10:07PM 發表文章數: 11 |
1. http://mepopedia.com/~web100b/hw01/hw01-1001445077/
2. 沒有問題，2個小時上課時間完成
2. 沒有問題，2個小時上課時間完成
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 10:17PM |
1.作業網址http://mepopedia.com/~web100b/hw01/hw01-1001445003
2.我沒辦法登入http://vd.mepopedia.com/?page=851的帳號密碼，所以無法在那裡回覆
2.我沒辦法登入http://vd.mepopedia.com/?page=851的帳號密碼，所以無法在那裡回覆
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 10:43PM 發表文章數: 10 |
|
1001445129
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 03, 2011 11:22PM 發表文章數: 10 |
http://mepopedia.com/~web100b/hw01/hw01-1001445129/
需要再多多練習才能更迅速完成!!!完成約2個小時多!!!
需要再多多練習才能更迅速完成!!!完成約2個小時多!!!
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 12:52AM 發表文章數: 12 |
http://mepopedia.com/~web100b/hw01/hw01-1001445063
課堂上做過~回家再做一次速度快很多!
只是花了點時間研究如何上傳~約2小時
課堂上做過~回家再做一次速度快很多!
只是花了點時間研究如何上傳~約2小時
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 04:17PM 發表文章數: 10 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445095/
2.第一次上網頁時問了好久才懵懂一些，現在越來越進入狀況了，謝謝老師)上課時間+回家練習約2小時
MEPOERs said:
2.第一次上網頁時問了好久才懵懂一些，現在越來越進入狀況了，謝謝老師
)上課時間+回家練習約2小時
MEPOERs said:
HP: 哇！你的網頁作得真好。標題還有很厲害的邊框！！仔細一看連標題裡面都有背景顏色呢！
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 04:56PM 發表文章數: 7 |
http://mepopedia.com/~web100b/hw01/hw01-1001445020
大約沒麼問題,只是希望老師下次可以上慢一點: )
因為每次上完課,都只記得一半....
所以都需要去求救同學>"<
謝謝老師的耐心
大約沒麼問題,只是希望老師下次可以上慢一點: )
因為每次上完課,都只記得一半....
所以都需要去求救同學>"<
謝謝老師的耐心
|
1001445107
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 05:38PM 發表文章數: 6 |
http://mepopedia.com/~web100b/hw01/hw01-1001445107
希望老師可以上慢一點 >" <
太快很容易做到一半就忘記了 ...
不過也謝謝老師都一直講解喔喔喔
希望老師可以上慢一點 >" <
太快很容易做到一半就忘記了 ...
不過也謝謝老師都一直講解喔喔喔
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 07:41PM 發表文章數: 12 |
http://mepopedia.com/~web100b/hw01/hw01-1001445030
研究上船花了比較多的時間~
上課幾乎都聽得懂，所以一下就上手哩：)
但有時候講課有點快，希望能慢一點xD
謝謝老師！！><
研究上船花了比較多的時間~
上課幾乎都聽得懂，所以一下就上手哩：)
但有時候講課有點快，希望能慢一點xD
謝謝老師！！>
<
|
williamwei
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 09:16PM 發表文章數: 2 |
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 09:51PM 發表文章數: 2 |
1.) http://mepopedia.com/~web100b/hw01/hw01-1001445127/
2.) 沒有問題，用上課時間完成的。
2.) 沒有問題，用上課時間完成的。
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 10:27PM 發表文章數: 12 |
|
samuel0000l
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 10:51PM 發表文章數: 1 |
http://mepopedia.com/~web100b/hw01/hw01-1001445117/
沒問題 上傳的問題比較大
約兩個多小時 課堂上完成
沒問題 上傳的問題比較大
約兩個多小時 課堂上完成
|
J1001445091
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 04, 2011 11:19PM 發表文章數: 12 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445091/index.html
2.大致沒有什麼問題,老師教了兩遍,加上同學的指教,而後完成
2.大致沒有什麼問題,老師教了兩遍,加上同學的指教,而後完成
|
9711443098
[ 站內寄信 / PM ]
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 01:40AM 發表文章數: 10 |
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 02:15PM 發表文章數: 13 |
|
1001445126
[ 站內寄信 / PM ]
上傳完哩
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 05, 2011 12:02PM 發表文章數: 11 |
|
Re: [作業01] 以 HTML 與 CSS 完成第一個網頁
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
October 19, 2011 12:42AM 發表文章數: 11 |
1.http://mepopedia.com/~web100b/hw01/hw01-1001445083/
2.還不太懂與法 第一次學 花了大約一小時
2.還不太懂與法 第一次學 花了大約一小時
MEPO forum
is powered by Phorum.