網頁設計規劃
A.如何設計製作一個HomePage(程序面)
1、確定HomePage的成立精神宗旨。
2、決定首頁的主題、風格、選項。
3、考慮選項的內容及表現的方式。
4、剖析每一個選項與主題的結構性關聯。
5、訂定維護的程序時間，做一個有生命力的站台。
立即拿出紙、筆來，想到甚麼就記下來，用草圖描繪出心中的輪廓或想法。
B.如何選定網站名稱與細項主題(理想面)
1、網站名稱要有幻想空間，越獨特越能吸引人。
2、細項主題不能與網站名稱脫離過遠。
3、想想您的童年願望，問問自己的未來目標。
4、瞭解您的訴求目標與服務對象。
5、參考別人的創意，但不要一昧模仿。
想到就寫出來，5個不嫌少10個不嫌多，過兩天再慢慢過濾不適用者；惟務必要有明確的目標。
C.如何編輯內容與規劃版面(實質面)
1、要用您的專長、嗜好、興趣為主要內容。
2、能力或實際作不到用的內容，不要太免強自己。
3、以現成、垂手可得的資料為主。
4、按大小、種類、性質、內容來逐一分類。
5、野心不要太太，也不要太過保守。
把您的資料搬出來，想一想要如何用上他。
充實的內容才是網站吸引人的秘方；簡潔易尋的版面才是最好的服務；記住，一定要有東西可用。
九月 9th, 2010 於
網頁設計教學 | 標籤:
網頁設計 |
No Comments
以下是,網頁設計,html+跑馬燈教學
<marquee>…</marquee>普通捲動
<marquee behavior=slide>…</marquee>滑動
<marquee behavior=scroll>…</marquee>預設捲動
<marquee behavior=alternate>…</marquee>來回捲動
<marquee direction=down>…</marquee>向下捲動
<marquee direction=up>…</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction=left></marquee>向左捲動
<marquee loop=2>…</marquee>捲動次數
<marquee width=180>…</marquee>設定寬度
<marquee height=30>…</marquee>設定高度
<marquee bgcolor=FF0000>…</marquee>設定背景顏色
<marquee scrollamount=30>…</marquee>設定捲動距離
<marquee scrolldelay=300>…</marquee>設定捲動時間
<!>字體效果
<h1>…</h1>標題字(最大)
<h6>…</h6>標題字(最小)
<b>…</b>粗體字
<strong>…</strong>粗體字(強調)
<i>…</i>斜體字
<em>…</em>斜體字(強調)
<dfn>…</dfn>斜體字(表示定義)
<u>…</u>底線
<ins>…</ins>底線(表示插入文字)
<strike>…</strike>橫線
<s>…</s>刪除線
<del>…</del>刪除線(表示刪除)
<kbd>…</kbd>鍵盤文字
<tt>…</tt> 打字體
<xmp>…</xmp>固定寬度字體(在檔中空白、換行、定位功能有效)
<plaintext>…</plaintext>固定寬度字體(不執行標記符號)
<listing>…</listing> 固定寬度小字體
<font color=00ff00>…</font>字體顏色
<font size=1>…</font>最小字體
<font style =font-size:100 px>…</font>無限增大
<!>區斷標記
<hr>水準線
九月 9th, 2010 於
網頁設計教學 | 標籤:
網頁設計 |
No Comments
模板語言Smarty－變數修改器
修改器使用方式
{$變數名稱|函數名稱:參數…}
修改器的組合使用
{$變數名稱|函數1名稱:參數…|函數2名稱:參數…} 函數可以一直加下去
修改器列表如下:
判斷 array 是否為空
{if $array|@count == 0}EMPTY{/if}
{$number|string_format:”%.2f”} 傳回小數點兩位
capitalize 英文字首大寫
{$變數|capitalize} 每個單字中若有非英文字母者不轉換
{$變數|capitalize:true}
cat 字串合併
{$變數|cat:”字串內容”}
count_characters算字串長度
{$變數|count_characters} 不計算空白及標點符號。
{$變數|count_characters:true}
count_paragraphs計算段落數
{$變數|count_paragraphs}
count_sentences 計算句數
{$變數|count_sentences}
count_words 計算單字數
{$變數|count_words}
default 設定變數預設值
{$變數|default:”字串內容”} 變數無內容時的預設值
date_format 轉換時間格式
{$變數| date_format:”時間格式字串”} 設定時間的格式 (時間參數請參照官網)
string_format 轉換數字格式
{$number|string_format:”%.2f”} 傳回小數點兩位
{$number|string_format:”%d”} 傳回整數
escape將字串轉換成編碼
{$articleTitle|escape} 預設為參數”html”
{$articleTitle|escape:”html”} 將 & ” ‘ <> 等字元轉換為編碼
{$articleTitle|escape:”htmlall”} 轉換所有的html
{$articleTitle|escape:”url”} 轉換成url編碼
{$articleTitle|escape:”quotes”} 轉換引號
{$EmailAddress|escape:”hex”} 轉換16進位(網址)
{$EmailAddress|escape:”hexentity”} 轉換16進位(字串)
upper轉成大寫
{$變數|upper}
lower 轉成小寫
{$變數|lower}
nl2br 將換行字元取代html的
{$變數|nl2br}
replace 取代字串
{$變數|replace:”被取代的字串”:”取代成的字串”}
regex_replace 使用正規式取代字串
{$變數|replace:”正規式”:”取代成的字串”}
truncate 裁切字串
{$變數|truncate} 預設長度為前80字元
{$變數|truncate:數字} 自訂裁切的長度,預設的字串結尾為”…”
{$變數|truncate:數字:”字串”} 自訂結尾的字串
{$變數|truncate:數字:”字串”:true} 長度計算包含結尾字串的長度
spacify 在字串的每個字元間插入空白
{$變數|spacify} 在每個字元之間插入一個空白
{$變數|spacify:”字串內容”} 在每個字元之間插入自訂的字串
strip 除去多餘的空白
{$變數|strip} 除去多餘1個以上的空白
{$變數|strip:”字串內容”} 將空白換成自訂的字串
strip_tags 除去html的標籤
{$變數|strip_tags}
indent設定縮排
{$變數|indent} 預設的縮排為四格空白
{$變數|indent:數目} 縮排格空白數
{$變數|indent:數目:”字串內容”} 自訂縮排的字串(非空白)
wordwrap 設定文字邊界
{$變數|wordwrap:長度} 設定每行文字的字數
{$變數|wordwrap:長度:”換行字串”} 設定換行結尾的字串
{$變數|wordwrap:長度:”換行字串”:true} 長度計算不包含換行的字串
數字加上千分號
變數 | number_format:””
tpl 內設定變數
< {assign var=total value=$info.total_amount+$info.amount_1 }>
陣列數量
{$陣列名稱|@count}
六月 5th, 2010 於
網頁設計教學 | 標籤:
網頁設計推薦 |
No Comments
如果你使用paypal的即時付款通知，在paypal會在付款操作的自動返回url裡POST一段參數給你，類似如下連接：
http://www.leoneo.com/paypal/test.php?tx=x9E67578X9184704L&st=Completed&amt=0.01&cc=CNY&cm=&sig=FYR%2fc2Q3NTzO0R….etc
其中主要參數是 tx=tx=x9E67578X9184704L ， 這是此次交易的標誌ID，可以利用腳本來依照此ID獲取當前交易的信息，發送查詢後，paypal會返回一串格式化信息，通常有以下信息
mc_gross 交易收入
address_status 地址信息狀態
paypal_address_id Paypal地址信息ID
payer_id 付款人的Paypal ID
tax 稅收
address_street 通信地址
payment_date 交易時間
payment_status 交易狀態
charset 語言編碼
address_zip 郵編
first_name 付款人姓氏
address_country_code 國別
address_name 收件人姓名
custom 自定義值
payer_status 付款人賬戶狀態
business 收款人Paypal賬戶
address_country 通信地址國家
address_city 通信地址城市
quantity 貨物數量
payer_email 付款人email
txn_id 交易ID
payment_type 交易類型
last_name 付款人名
address_state 通信地址省份
receiver_email 收款人email
address_owner 尚未公佈/正式啟用
receiver_id 收款人ID
ebay_address_id 易趣用戶地址ID
txn_type 交易通告方式
item_name 貨品名稱
mc_currency 貨幣種類
item_number 貨品編號
payment_gross 交易總額[只適用於美元情況]
shipping 運送費
六月 4th, 2010 於
網頁設計教學 |
No Comments
如果先前你有加過站長的『哈部落』請記得重新加入哦，如果我的最愛有加入也記得更
新哦～由於更換了網址，站長就順便來介紹有關更換網址後必做的301轉向，以免原先的
連結失效，對於網站的經營可會損失慘重哦！
由於丫湯我最近一直看著到處推著網域，主機，我看不下去啦，鐵了心的也買了個域名！
其實域名現在真的很便宜，如果你也想買域名或主機建議你可以參考高登老爺的新站，
裡面有介紹到主機及域名的購買，但因為換了一個網址之後要做的事情很多，比如以站
長來說，要做的事情總共有以下幾點：
１、DNS設定
２、部落格網址設定
３、贊助廣告資料修改（google,blogger ads）
４、統計分析網址修改（google,yahoo）
５、部落格觀察、流量統計（stat）、RSS（Feedburner）
６、Funp哈部落重建（通知重加或請工程師修改網址）、交換連結通知修改
７、令原網址所有連結轉向新網址
其中必做的是第７項，要如何來做轉向呢，在這邊丫湯跟大家分享利用htaccess來令
網址永久301轉向的方法，這樣的301轉向，就不會造成原連結失效，也對搜索引擎來
說是友好的行為，站長以下就介紹幾種htaccess的301轉向吧！
（前提是換域名的，如果舊域名取消了，做301轉向就沒意義囉）
一、為什麼要做301永久轉向：
網址不管是如何變更，做301永久轉向有益無害，最簡單比如說，原先別人有引用到
你的連結，當你變換網址後就失效了，如果做了301轉向則皆不受影響，特別是在搜
索引擎內的連結，假設站長變更網址前某篇文章為http://steach.twbbs.org/archives/705
大家可以點擊看看，是否自動轉變為http://steachs.com/archives/705呢？
如此一來原先連結就不會失效，若沒有設定301轉向，就只會看到404頁面。
另外，對於搜索引擎而言，也是一種友好的做法，總之，如果你變更了網址，記得
一定要做301的轉向設定哦！絕對是有益無害的。
二、網址變更：
站長開門見山就先來介紹這次更換網址所用的的301轉向語法
如果網址更換時會有二種情況
１、更換域名，但主機不變：
紅色部份為先前域名（使用 〝 . 〞分隔域名） ，藍色部份為新域名
RewriteEngine on
RewriteCond %{HTTP_HOST} ^steach.twbbs.org$ [NC]
RewriteRule ^(.*)$ http://steachs.com/$1 [R=301,L]
２、更換域名，主機也搬移：
此轉向必須舊主機及域名都在有效運作中
將.htaccess放置在舊主機根目錄中，語法如下
藍色部份為新域名
RewriteEngine on
RewriteRule (.*) http://steachs.com/$1 [R=301,L]
三、去掉資料夾，搬移至根目錄：
這則是站長先前由http://steach.twbbs.org/sblog→http://steach.twbbs.org
時所使用的301轉向方法，也就是將網站從資料夾搬移至根目錄
將.htaccess放置在網站根目錄，語法如下
紅色部份為原先網站所在資料夾名稱
RewriteEngine on
RewriteRule ^sblog(.*)$ $1 [R=301,L]
四、改變資料夾名稱：
就像是 http://steach.twbbs.org/sblog→http://steach.twbbs.org/newfd
也就是網站資料由紅色部份變更為藍色部份時
一樣將.htaccess放置網站根目錄，語法如下：
RewriteEngine on
RewriteRule ^sblog(.*)$ /newfd$1 [R=301,L]
五、檢測301轉向是否成功：
這邊就提供2個網站可以檢測出你的轉向方法是否為301正確無誤
第一個：
輸入你轉向前的網址（也就是舊的），再填入驗証碼即可
http://www.seochat.com/seo-tools/redirect-check/
如此一來就知道設定的轉向有沒有問題囉，如果不放心，下面還有一個
第二個：
輸入你轉向前的網址（也就是舊的），他會顯示出轉向的方式及轉向後的域名
http://www.internetofficer.com/seo-tool/redirect-check/
第一行為原連結，第二行為轉向方式，第三行為轉向後連結
經過了雙重確認，可以安心了吧！！
文章取自於http://steachs.com
十月 31st, 2009 於
網頁設計教學 |
No Comments
拿鐵盒子為大膽狂塗網頁設計工作室2007年設計作品
公司為機器人核心晶片模組產業
網頁設計功能包括公司簡介公司介紹,中英文網站及後台商品管理
網址http://mail2000.idv.tw/lattebox
中華基金會網頁設計內容,類似部落格網頁設計,功能包括文章發佈,可以上傳圖片及文章並有排序功能,自動將圖文連結為相簿等等,是功能齊全的網站
網址http://www.chinafoundation.org.tw
七里香公司最新作品
料理宅配網功能包括
購物車.電子目錄.留言版及後台管理等
網址http://www.gihb.com.tw
醫療網資訊提供您全省醫療資訊
網頁設計功能包括
醫療單位資訊更新.留言版管理
地圖功能等等包括後台管理
網址http://www.drgo.com.tw
電腦周邊大賣家
網頁設計功能包括
電子目錄,簡易型購物車
watchot視訊串流媒體服務
網址http://www.watchot.com
網頁設計功能包括
有法拍屋查詢排序,問題FAQ
求職求才及後台功能等等
想買便宜的法拍屋嗎請進
網址http://www.easyhouse.com.tw
琉璃項鍊首飾採購網
網站功能包括
會員機制.購物車.庫存訂單
電子產品目錄.留言版等
網址http://mail2000.idv.tw/happy
烤肉宅配第一選擇
網頁設計功能包括
電子留言版,產品目錄,
簡易型線上購物車及後台功能等等
網址http://mail2000.idv.tw/8bq
美學堂網頁設計功能包括
藝術作品介紹,藝術大師介紹
產品目錄,課程介紹及展覽檔期
後台功能等等
網址http://www.taiyugallery.com.tw
介紹哈士奇犬
網頁設計功能
包括電子圖片新增修改刪除等
網址http://mail2000.idv.tw/husky
日盛家具網頁設計功能包括
電子目錄,最新消息及後台管理系統
網址http://www.tw-js.com.tw/
機器人IC產業
網頁設計功能包括
留言版,線上產品目錄,中英文版本
及後台功能等等
網址http://mail2000.idv.tw/lattebox
網址http://www.8bq.club.tw
大膽狂塗|網頁設計工作室|最成功的作品
曾經在中秋節排名維持第一名,也是烤肉宅配第一首選
此網頁設計功能包括電子留言版,產品目錄,簡易型線上購物車及後台功能等等
<?php xml version=”1.0″ encoding=”UTF-8″?>
<rss version=”2.0″>
<channel>
網站描述區
文章區
</channel>
</rss>
基本格式
<?php xml version=”1.0″ encoding=”UTF-8″?>
<rss version=”2.0″>
<channel>
<title><![CDATA[網站名稱]]></title>
<link>http://網址/</link>
<description><![CDATA[網站描述]]></description>
<item>文章1</item>
<item>文章2</item>
<item>….</item>
</channel>
</rss>
F2blog的格式
<?php xml version=”1.0″ encoding=”UTF-8″?>
<rss version=”2.0″>
<channel>
<title><![CDATA[網站名稱]]></title>
<link>http://網址/</link>
<description><![CDATA[網站描述]]></description>
<language>語系utf-8</language>
<copyright><![CDATA[版權宣告]]></copyright>
<webMaster><![CDATA[網站管理者]]></webMaster>
<generator>網站建置軟體</generator>
<item>
<link>文章1網址</link>
<title><![CDATA[文章1標題]]></title>
<author>文章1作者</author>
<category><![CDATA[文章1類別]]></category>
<pubDate>文章1日期</pubDate>
<guid>文章1網址</guid>
<description><![CDATA[文章1詳細內容]]></description>
</item>
<item>
<link>文章2網址</link>
<title><![CDATA[文章2標題]]></title>
<author>文章2作者</author>
<category><![CDATA[文章2類別]]></category>
<pubDate>文章2日期</pubDate>
<guid>文章2網址</guid>
<description><![CDATA[文章2詳細內容]]></description>
</item>
</channel>
</rss>
八月 28th, 2009 於
網頁設計教學 |
No Comments
如何對網站做頻寬控制—-mod_bw
用過cband頻寬控制後覺得還是以下好用
理由:cband他限制網站所有檔案的流量,無法對檔案作控管
其實最有效果是對檔案作頻寬流量控制,比如說對jpg做限制…
先去http://apache.ivn.cl/#bandwidth 或者到http://bwmod.sourceforge.net/下載符合你作業平臺的Bandwidth Mod(mod_bw)版本。
下載這個安裝模組
tar -zxvf mod_bw-0.8.tgz
cd mod_bw
apxs -i -a -c mod_bw.c
這樣就安裝了這個模組
然後進去到httpd.conf裏面來添加
LoadModule bandwidth_module patch/apache/mod_bandwidth.so
DocumentRoot “/var/www”
BandWidthModule On ——加入些行
Options Indexes FollowSymLinks
AllowOverride None
BandWidth all 10240000 ——–這樣就限制整個站點的速度為10M
BandWidthModule [On|Off]
apaceh 預設是關閉的，所以請把他打開
BandWidthModule on
ForceBandWidthModule [On|Off]
這個設定預設情形，他不會對每個要求限制，如果你把他打開，他就會對每個要求做限制
普通要求：AddOutputFilterByType MOD_BW text/html text/plain
打開設定：ForceBandWidthModule On
BandWidth [From] [bytes/s]
這個設定有2個參數，第一是from，第二是速度，第一你可以用整個ip位址，或者是network mask例如：192.168.0.0/24 or 192.168.0.0/255.255.255.0) or all。最後的all就是全部皆可，不限制
BandWidth localhost 10240
BandWidth 192.168.218.5 0
上面針對 localhost 給 10KB的速度，然後針對 192.168.218.5 不限制速度
在版本0.8還可以針對client端的瀏覽器做限制
BandWidth u:[User-Agent] [bytes/s]
你可以利用正規語法比對client端瀏覽器
BandWidth “u:^Mozilla/5(.*)” 10240
BandWidth “u:wget” 102400
還蠻不錯的功能
MinBandWidth [From] [bytes/s]
BandWidth all 102400
MinBandWidth all 50000
The example above, will have a top speed of 100kb for the 1st client. If more clients come, it will be splitted accordingly but
everyone will have at least 50kb (even if you have 50 clients)
BandWidth all 50000
MinBandWidth all -1
上面這個例子是保證client端下載速度保證 50KB/s
LargeFileLimit [Type] [Minimum Size] [bytes/s]
這個專門是用來限制大型檔案，譬如說影音檔 avi wmv 之類的 還蠻好用的喔
LargeFileLimit .avi 500 10240
上面是說如果 avi檔案超過500KB 就限制速度在 10KB
BandWidthPacket [Size]
這個不用理他，不要隨便調整他
BandWidthError [Error]
這是錯誤訊息導向，比如說超過限制，你可以寫個html檔然後導向那邊
ErrorDocument 510 /errors/maxconexceeded.html
BandWidthError 510
MaxConnection [From] [Max]
限制連線數目，這個還蠻好用的
限制所有連線速度無限，但是只能有20條連線
BandWidth all 0
MaxConnection all 20
限制無限制ip速度無限，連線數20，然後網域192.168.0.0/24的速度 10KB，連線數目5
BandWidth all 0
BandWidth 192.168.0.0/24 10240
MaxConnection all 20
MaxConnection 192.168.0.0/24 5
然後在舉一些官方的例子
Limit every user to a max of 10Kb/s on a vhost :
BandwidthModule On
ForceBandWidthModule On
Bandwidth all 10240
MinBandwidth all -1
Servername www.example.com
Limit al internal users (lan) to 1000 kb/s with a minimum of 50kb/s , and
files greater than 500kb to 50kb/s.
BandwidthModule On
ForceBandWidthModule On
Bandwidth all 1024000
MinBandwidth all 50000
LargeFileLimit * 500 50000
Servername www.example.com
限制 avi 跟 mpg 速度 20kb/s.
BandwidthModule On
ForceBandWidthModule On
LargeFileLimit .avi 1 20000
LargeFileLimit .mpg 1 20000
Servername www.example.com
Using it the “right” way, with output filter by mime type (for text) to 5kb/s:
BandwidthModule On
AddOutputFilterByType MOD_BW text/html text/plain
Bandwidth all 5000
Servername www.example.com
連接數限制
先去這下載一個吧..http://dominia.org/djao/limitipconn2.html
下載後會得到
mod_limitipconn-0.23.tar.bz2
解壓出來..tar -jxvf mod_limitipconn-0.23.tar.bz2
直接make install即可.
並且在mod_status下添加了ExtendedStatus On這一行。這時我們的mod_limitipconn模組就安裝完畢，下一步就是對某個目錄進行併發連接數的設置了。
mod_limitipconn可以對全局和虛擬主機進行不同的限制，其語法結構都是
#所限制的目錄所在，此處表示主機的根目錄
MaxConnPerIP 3 #所限制的每個IP併發連接數為3個
NoIPLimit image/* #對圖片不做IP限制
#所限制的目錄所在，此處表示主機的/mp3目錄
MaxConnPerIP 1 #所限制的每個IP併發連接數為1個
OnlyIPLimit audio/mpeg video #該限制只對視頻和音頻格式的檔
當對全局進行限制時，將這段代碼放在httpd.conf檔沒有VirtualHost的地方，若是對某個虛擬主機進行限制，請將其放在 和之間，我們可以通過更改Location以及 MaxConnPerIP方便的控制所限制的目錄和併發連接數。
最後，只要重新啟動Apache服務，併發連接數的限制就可以生效。
八月 28th, 2009 於
網站架設教學,
網頁設計教學 | 標籤:
網站架設 |
No Comments
IIS的ISAPI伺服器擴展URL REWRITE(URL重寫)簡介
來源：http://www.zuoyefeng.com/show.aspx?id=79&cid=70
URL REWRITE，我的翻譯是URL重寫，或者URL重定義。在asp+iis的網站開發模式中，可以實現如將http://xxxxxx.cn/news.asp?id=220 變成http://xxxxxx.cn/220.html 的形式。例如某條新聞的實際網址是http://xxxxxx.cn/news.asp?id=220 ，通過URL重寫之後，我們就可以直接輸入 http://xxxxxx.cn/220.html 的網址，來訪問該條新聞。
對於iis伺服器，要實現此項功能，需從 http://www.helicontech.com/download/ 網站上，下載Lite Version (free)免費版的軟體，將此軟體安裝於伺服器之後，在其安裝目錄上，找到配置文件httpd.ini,用記事本打開，輸入相應的規則。然後，在相應的站點上，ISAPI中，添加此元件。OK，配置完成，功能生效。
2、URL_REWRITE的規則寫法參考：
當我需要將將news.asp?id=234的映射成news/234.html時，只需設置：
RewriteRule /news/(\d+)\.html /news\.asp\?id=$1 [N,I]
這樣就把 /news/234.html 這樣的請求映射成了 /news.asp?id=234
當有對/news/234.html的請求時：web伺服器會把實際請求轉發給/news.asp?id=234
比對於某一個簡單應用可以是：
RewriteRule /news/(\d+)\.html /news/news\.php\?id=$1 [N,I]
這樣就把 http://www.xxxxxx.com/news/234.html 映射到了 http://www.xxxxxx.com/news/news.php?id=234
一個更通用的能夠將所有的動態頁面進行參數映射的表達式是：
把 http://www.xxxxxx.cn/foo.php?a=A&b=B&c=C
表現成 http://www.xxxxxx.cn/foo.php/a/A/b/B/c/C
RewriteRule (.*?\.php)(\?[^/]*)?/([^/]*)/([^/]*)(.+?)? $1(?2$2&:\?)$3=$4?5$5: [N,I]
3、使用URL重寫功能的好處：
首先，有助於增加網站的安全性，因為它隱藏了諸如asp php jsp等相關的伺服器技術，以最原始的html文件形式，呈現於客戶。
其次，在平台移植時，不會各頁面的網站。如將news.asp?id=123轉移news.php?id=123，即將asp平台轉移php，如使用此URL重寫，這個頁面的網址就是news/123.html。
其它方面，方便URL引用，有助於搜索引擎的枚舉。
ISAPI_rewrite中文手冊
http://www.isapirewrite.cn/docs/
其他相關URL重寫擴展產品
ABC_Rewrite
http://www.jrsw.com/iis/index.html
紫雨軒IIS URL 重寫元件
http://www.redcheek.net/blogview.asp?logID=110
八月 28th, 2009 於
網頁設計教學 |
No Comments
