[講義] HTML & CSS網頁基礎複習整理
1. 相關網站2. 相關講義3. 其他推薦教學網站4. 網頁基本的認識與任務4.1 安裝相關軟體4.2 開始閱讀關於html、css相關書籍與相關資料4.2.1 相關認知4.3 請進入教學網站註冊4.4 FileZilla 免費又好用的FTP軟體，供客戶端和伺服器端使用4.5 安裝目前主流的三個瀏覽器：IE、Google Chrome、FireFox至少三種瀏覽器4.6...
View ArticleClik here to view.
[講義] 網頁格線排版系統
1. 網站設計事前需了解的事1.1 好的網站的元素1.2 網站的組成元素1.3 網站的目標1.4 網站的架構1.5 網站的內容、資訊及細節2. 網站編排設計需了解的事2.1 版面編排與構圖2.2 藝術層面2.3 字型與字體大小2.4 色彩2.5 圖形2.6 創新2.7 產出3. 網站類型4. 網頁格線排版系統5. 格線排版相關網頁4. 網頁格線排版系統...
View ArticleClik here to view.
[講義] 網頁設計的美學原則
1. 網站設計事前需了解的事1.1 好的網站的元素1.2 網站的組成元素1.3 網站的目標1.4 網站的架構1.5 網站的內容、資訊及細節2. 網站編排設計需了解的事2.1 版面編排與構圖2.2 藝術層面2.3 字型與字體大小2.4 色彩2.5 圖形2.6 創新2.7 產出3....
View Article[講義] 以Photoshop製作網頁版型
1. 範例說明2. 首頁範例製作步驟2.1 HTML語法2.2 CSS語法3. Html標籤--編號清單OL,UL,LI、區塊定義DL,DT,DD認識3.1 編號清單 ul、ol3.2 區塊定義 dl、dt、dd4. 以Photoshop製作網頁版型4. 以Photoshop製作網頁版型 對應[作業02] 網頁格線排版練習 可參考以下範例製作 http://youtu.be/O-Z4GcufNJ0 )
View ArticleClik here to view.
[講義] HTML與CSS練習--首頁實作篇
1. 範例說明2. 首頁範例製作步驟2.1 HTML語法2.2 CSS語法3. Html標籤--編號清單OL,UL,LI、區塊定義DL,DT,DD認識3.1 編號清單 ul、ol3.2 區塊定義 dl、dt、dd1. 範例說明 http://mepopedia.com/~web102-c/hw03/hw03/ 本範例將就一教學網站 說明HTML與CSS之間的關係...
View ArticleClik here to view.
[講義] HTML與CSS練習--內頁實作篇--資料整理--以DIV製作表格效果
1. 範例說明2. 首頁範例製作步驟2.1 HTML語法2.2 CSS語法1. 範例說明 http://mepopedia.com/~jinjin/web/hw04a/works.html 本範例延續上個範例http://mepopedia.com/forum/read.php?804,43670 繼續其他內頁的編輯 說明HTML與CSS之間的關係...
View Article[講義] HTML與CSS練習--內頁實作篇--其他頁面完成與CSS3初探
1. 範例說明2. 內頁實作篇-連結頁面3. CSS3語法初探3.1 邊框圓角語法3.2 漸層語法3.3 邊框陰影語法3.4 文字陰影語法1. 範例說明 http://mepopedia.com/~jinjin/web/hw05a http://mepopedia.com/~jinjin/web/hw05a/link.html 本範例延續上個範例...
View ArticleClik here to view.
[講義] HTML5與CSS--網頁版型設定
1. 概述2. 網頁版型的語法2.1 雙欄式網頁版型2.2 三欄式網頁版型2.2.1 HTML5部分2.2.2 CSS部分3. 特別注意1. 概述 HTML網頁的描述是由上到下，逐行的方式顯示，HTML5之前要製作區塊內容都是用div標籤來設計，但在HTML5中新增文件結構功能，讓網頁能以區塊的形式呈現。...
View ArticleClik here to view.
FunTaipei HTML 網頁架構分析
1. 整體設計2. 佈景設計3. 頂部選單4. 頂部細部設計5. 主佈局設計6. 上課影音1. 整體設計 .message-body img { width: 83% } 2. 佈景設計 step1.html FunTaipei body { width:100%; background-image:url(../images/bg.png); overflow:hidden; }...
View ArticleClik here to view.
FunTaipei HTML/CSS/jQuery 動態效果分析
step5: 地標設定 重點： CSS絕對定位：position: absolute; CSS定位座標：top, bottom, left, right FunTaipei /* STEP 1: 佈景設計 */ body { width:100%; background-image:url(../images/bg.png); overflow:hidden; } #header{...
View Article[講義] 網頁探索-切版練習與HTML+CSS設計
1. 參考講義2. 參考講義2. 參考講義 網頁探索-切版練習與HTML+CSS設計 JUDE WANG編輯 http://cute.jude.asia/week-1/ 熟讀學習網站 W3Schools http://www.w3schools.com/...
View Article[講義] 網頁探索-PSD 2 HTML
1. 參考講義1. 參考講義 網頁探索-PSD 2 HTML JUDE WANG編輯 http://cute.jude.asia/week-2/ PSD練習檔下載 http://goo.gl/TemDGG 於PSD中選擇欲輸出的圖檔 1.於圖層中按右鍵→複製圖層→新增 2.於新檔案中→影像→修剪 有不同的圖層可以ctrl連選 Sublime Text 3編輯器下載...
View Article[講義] 網頁探索-PSD 2 HTML+CSS
1. 參考講義1. 參考講義 網頁探索-PSD 2 HTML+CSS JUDE WANG編輯 http://cute.jude.asia/week-3/ jpg圖檔下載 http://goo.gl/6Wjo6Q 程式碼 http://goo.gl/H8zZfM Sublime Text 3編輯器下載 http://www.sublimetext.com/3 PACKAGE CTRL...
View Article[CSS][Table] cellpadding=0 效果等於 td {padding:0;} - Re: 表格的製作
補充： 在 table 中設定 <table cellpadding="0"> 效果等於在 CSS 設定 td { padding:0;}。 也因此，在 CSS 設定一次 td { padding:0;} 就不用每次在 table 中設定 cellpadding="0" 了。 另外，CSS 中的 padding-left、padding-right 等屬性也適用於 td 中。用來控制...
View Article[講義] 網站設計新技術需求
0.1 長網頁(Long Page Design)0.2 資訊式頁尾(Informative Fat Footer)0.3 巨型導覽選單(Mega Menu)0.4 扁平化介面設計(Flat UI Design)網站設計新技術需求 1.網站版面需有響應式設計(Responsive Web Design),使不同瀏覽裝置皆可獲得最佳之瀏覽體驗。 http://mediaqueri.es/...
View ArticleRe: 網頁圖檔RGB與CMYK的問題
http://mepopedia.com/~web103-a/hw03/hw03-1025445214/ (2) 風格設定:採用老師的範本練習 再添加流行電影 (3) 有無遇到的問題 :很多問題，邊做邊看講義，尋求是有協助 (4) 製作感想 :有點難 (5) 製作作業的時間 :2個半小時左右 視傳二a1025445214 蘇子玲
View ArticleRe: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型
作業網址 : http://mepopedia.com/~web103-c/midterm/midterm-1025445156 做好久 但是很有成就感! 1025445156 蔡佳芬
View ArticleRe: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型
http://mepopedia.com/~web103-a/hw03/hw03-1025445175/ (2) 風格設定:採用老師的範本練習 (3) 有無遇到的問題 :很多問題，邊做邊看講義，尋求是有協助 (4) 製作感想 :覺得超難 一堆設定搞不好 (5) 製作作業的時間 :4個半小時左右 視傳二a1025445175 張怡萱 **上次交過作業了 忘記回復文章><
View ArticleRe: [講義03] 利用Div標籤與CSS建立基本單欄網頁版型
http://mepopedia.com/~web103-c/midterm/midterm-1025445027/index.html 影片不知道為什麼出不來 一開始著手還滿難的存檔圖會亂跑東西會跳掉 後來另存新黨開始就有FU了 1025445027
View Article[參考] 參考網站
1. 首頁2. 列表3. 文章4. 個人頁面5. 登入6. EVENT7. 行動版/響應式1. 首頁 http://www.eslitecorp.com/index.aspx?a=tw&l=b http://www.esliteliving.com/ http://tudesignoffice.com/ http://2think.com.tw/...
View Article