Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業02] EDM/Newsletter製作

106-2《中國》竹視傳二C-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
  1. 1. 參照 
[講義] EDM/Newsletter製作
  2. 2. 課堂範例
  3. 3. 作業說明
  4. 3.1 講義影音

1. 參照 
[講義] EDM/Newsletter製作


[講義] EDM/Newsletter製作
http://mepopedia.com/forum/read.php?804,87725

[hr]

2. 課堂範例


(1) http://mepopedia.com/~jinjin/webclass/edm1.html
(2) http://mepopedia.com/~jinjin/webclass/edm2.html
(3) http://mepopedia.com/~jinjin/webclass/edm-3.html
[hr]

3. 作業說明


1.可參照範例
或從免費版型中挑選適合的版型修改。
Free newsletter templates 
http://templates.cakemail.com
Free Newsletter Templates 
https://www.templatesbox.com/newsletters/index.htm

2.自行選擇欲宣傳的主題製作，或以「金竹獎」主題製作。
「金竹獎」相關資料：
簡章：
http://mepopedia.com/~jinjin/webclass/gold.doc
海報：
http://mepopedia.com/~jinjin/webclass/gold.jpg


3.圖片可上傳至hw02資料夾後，貼上圖片絕對路徑。
如：http://mepopedia.com/~web106-2c/hw02/hw02-105/img/001.jpg

4.頁尾請註明學號。

5.製作完畢請上傳FTP


6.email給老師 whc915@gmail.com

7.並回覆於本篇作業文章

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-105ooooo

(2).設計概念與製作心得：


1. 講義影音


https://youtu.be/y26OtUmRBUM





Edited 2 time(s). Last edit at 03/27/2018 09:16PM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
林宥柔 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445075
(2).設計概念與製作心得：我這次做的主題是黏黏怪物研究所，顏色我設計成跟黏黏怪物的LOGO顏色是一樣的藍色系列，排版是找個簡潔 乾淨的
做完的感覺是很開心，但在製作的過程當中，圖片都上傳了到資料夾，也有貼上圖片的絕對路徑，但是有幾張圖片就是跑不出來。

推薦 / 評論　 分享到Facebook     回應文章 Quote
高慎妤 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445156
設計概念與製作心得：主題是做 日本大阪觀光局網站，色彩使用紅色，簡潔大方排版
我覺得開始有挑戰的難度了!

推薦 / 評論　 分享到Facebook     回應文章 Quote
lovecatandyou [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445119
(2).設計概念與製作心得：
剛好這次喜歡的歌手準備出新的專輯，於是就拿他當主角。
因為他的歌聲總是給人暖暖的感覺，所以是以暖色的橘色當主體色

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445134 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1045445134
(2).設計概念與製作心得： 這個中國製作的遊戲難得不是抄襲而是和原來的遊戲公司合作出產的作品，在遊玩上也很有趣，所以我就想要宣傳一下好的遊戲

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445004 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445004
(2).設計概念與製作心得：
原本的版面給我一種時尚高雅的感覺，而音樂劇本身也給我這種印象，所以做了一直很有興趣卻一直沒機會去看的《貓》
各種花色的貓在全黑的版面上也顯得很突出這點我很喜歡。

推薦 / 評論　 分享到Facebook     回應文章 Quote
Liuyucian [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055448122
(2).設計概念與製作心得：可愛的文鳥特輯!!!
貼上絕對路徑之後圖片反而沒辦法在信箱顯現出來?影片也不能呈現出來有點難過

推薦 / 評論　 分享到Facebook     回應文章 Quote
77 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445087
(2).設計概念與製作心得：因為覺得蠟筆小新很可愛,所以繼續使用蠟筆小新!

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445039 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445039
(2).設計概念與製作心得：找不到被景色的色碼所以就沒改嘞~且選到一個td裡面又包一個td的東西 看的很一頭霧水confused smiley~~~~
這次選用自己之前畫的小角色來使用 沒有版權問題~~文創 文創啦~thumbs up

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445110 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
網址 ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445110
設計概念 ：
主題：移動迷宮3-死亡解藥
顏色以黑色為主，盡量簡潔 文字取重點。

心得：
選擇做 "移動迷宮3" 的原因是1、2集都有上電影院看，本身也喜歡這樣題材的電影，
但因為一些原因耽誤到時間，等想去看的時候才發現下檔了QQ

一開始看到要做這樣的東西感覺很酷，可是看到程式碼快吐了...真的有夠長還很亂啊
剛開始做感覺很難，但是看久了目前也還可以吧...就是蠻花時間的。

我覺得碰到的最大問題是 "圖片絕對路徑"
因為是看講義做的，老師給到的範例是2b，我用到快死了才發現，最後改回2c也就正常了哈哈。
(但是老師在 "作業2" 那裏給的範例是對的)

推薦 / 評論　 分享到Facebook     回應文章 Quote
施婉晴 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
7.並回覆於本篇作業文章

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445186
(2).設計概念與製作心得：
設計概念:是我自己去沖繩玩拍的照片,用白色簡單的顏色來襯托出來沖繩的清新!
製作心得:圖片絕對路徑卡了很久,最後研究出來就瞬間懂了!!
沒有單獨把css分出來真的是在做的過程中很眼花撩亂,每一步都要仔細的看,很怕自己設定錯誤!!



Edited 1 time(s). Last edit at 03/28/2018 05:07PM by 施婉晴.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445086 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445086
(2).設計概念與製作心得：
2018 台北新藝術博覽會介紹，高中時期常常接觸藝術展覽，且展出作品多元豐富，
來自不同國家和表現方式，能夠激發自我的靈感，所以我很推薦大家! 由於展出作品
偏向純藝術，因此選擇橙色、粉色、粽色調，製造一種古典美的氣氛。

我覺得把css寫入html，再套用選擇的版型後，更改上有點亂掉，不過最終還是圓滿完成了~開心!

推薦 / 評論　 分享到Facebook     回應文章 Quote
大漢堡王 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445015
(2).設計概念與製作心得：
以小王子的故事作為主題，上星期因為請假所以沒有聽到課，老師上禮拜也剛好沒有影片教學sad smiley
所以看著講義慢慢摸索，上網查影片教學，也不知道做得對不對，不太清楚到底什麼是絕對路徑confused smiley
之後如果有缺少什麼，之後立馬補上，謝謝老師smileys with beer



Edited 1 time(s). Last edit at 03/28/2018 09:53PM by 大漢堡王.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445206 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445206
(2).設計概念與製作心得：
主題我是小小太空人─不可思議的星球互動特展,以藍色系列為主

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445033 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445033
(2).設計概念與製作心得：做的藍色小精靈主題，顏色用圖片顏色和加上淺粉藍，排版是有規矩簡約的格式，在過程中尋找更換語法要找還滿久的，不過做久就很熟悉位置。

推薦 / 評論　 分享到Facebook     回應文章 Quote
i19980730 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445003
(2).設計概念與製作心得：感覺在考驗我們對語法的熟悉度，找語法找到眼睛快脫窗了



Edited 1 time(s). Last edit at 03/28/2018 10:04PM by i19980730.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
zhuuu [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445024
(2).設計概念:簡單介紹喜歡的歌手與今年演唱會資訊
製作感想:覺得自己做得不夠好

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445144 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445144
(2).設計概念與製作心得：這次主題是電影 〝有一種喜歡〞是一部校園劇所以以明亮的藍色為主色，然後這次作業難爆，之前html和css分開就會找不到東西，這次更是找到眼睛脫窗，然後想要改變原本模板的樣式可是很難改，所以我的照片有跑出框框。

推薦 / 評論　 分享到Facebook     回應文章 Quote
exe99703 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445021

(2).設計概念與製作心得：

概念:
本身蠻喜歡有花當裝飾的事物，覺得很漂亮，以簡單的設計完成。

心得:
一開始可以理解，但是開始做之後發現，跟想像的差很多......
會忘記之前到底怎麼做的，但是最後再去試圖了解時發現大概
只是把style的部分打到html的前面那而已 對吧!?

推薦 / 評論　 分享到Facebook     回應文章 Quote
zhou [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055443135
(2).設計概念與製作心得：
不知道为什么下载的模板显示不相容
就只能按照老师的示范改
是关于街舞比赛的电视选拔之类的
我觉得做的特别丑还花了我很多时间

推薦 / 評論　 分享到Facebook     回應文章 Quote
amy2285210103 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445182
設計概念與製作心得：
滿有趣的，只是一開始完全沒有頭緒要做甚麼，
剛好最近有喜歡的團體來台灣開演唱會，就決定做他們的了!

推薦 / 評論　 分享到Facebook     回應文章 Quote
SCY [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
http://mepopedia.com/~web106-2c/hw02/hw02-1055445017/

推薦 / 評論　 分享到Facebook     回應文章 Quote
jolin82145 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
7.並回覆於本篇作業文章
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445059
(2).設計概念與製作心得：主題:文豪野犬劇場版 很喜歡這部動漫 簡約整齊排版 以暗色為主

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445111 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445111
(2).設計概念與製作心得：因為最近要實習了所以趁這次的作業來宣傳一下自己的作品 這次用的是作品集的主要顏色 粉紅 粉藍及深藍紫色三色搭配
東西真的很多尤其是改成自己的東西我覺得眼睛會先脫窗xdd
不過做起來還真的很有感覺呢xd

推薦 / 評論　 分享到Facebook     回應文章 Quote
薯片再一包 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445036
(2).設計概念與製作心得：是以BT21的主題來做 ，因為也是和:INE friend的公司合作喔!!

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445102 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445102
(2).設計概念與製作心得： 我找不到我要改字間的地方.....

推薦 / 評論　 分享到Facebook     回應文章 Quote
nine999999999 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445183
(2).設計概念與製作心得： 眼睛快瞎了

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445101 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1045445101
(2).設計概念與製作心得：我這次做的主題是壽司

推薦 / 評論　 分享到Facebook     回應文章 Quote
綰瑛 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
1055445085 林安情

網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445085

設計概念與製作心得:這次製作的是我平常在玩的一個手遊「崩壞3rd 」，介紹裡面的角色以及如何上手這款遊戲。
這次用另一種寫法來寫出網頁讓我覺得有很大的挑戰。一堆語法密密麻麻很容易看花，做完還是有種很大的成就感。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445177 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445177
(2).設計概念與製作心得：
概念:畫面簡潔，紅，白，藍為主

心得:覺得好難一開始沒搞懂，圖片置入的方法不同搞了很久，弄懂才從弄一次。
真心覺得怎麼一直用不好蠻挫折的....室友很認真教我我才做好一搞錯東西。

推薦 / 評論　 分享到Facebook     回應文章 Quote
gigiteng [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445054

(2).設計概念與製作心得：
我很喜歡日本的廟會尤其是晚上的活動
感覺跟氣氛就很不一樣。smiling bouncing smiley

在做背景顏色的時候
一直拉不進信箱裡面
後來找很久才發現他的在td裡面 ˊˇˋ)。。。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445168 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445168
(2).設計概念與製作心得： 宣傳宜蘭觀光景點為主題, 圖片一直顯現不出來



Edited 1 time(s). Last edit at 04/12/2018 08:47AM by 1055445168.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445042 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445042
(2).設計概念與製作心得：非常有趣的作業

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445150 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445150
(2).設計概念與製作心得：一開始搞不太清楚圖片要怎麼放，然後現在是不知道怎麼改背景顏色

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445205 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445205

(2).設計概念與製作心得：我覺得做edm不難
，但套用現成的語法架構，突然語法變的好複雜，讓人看了眼花撩亂，但找到要想改的語法，就超有成就感的。

推薦 / 評論　 分享到Facebook     回應文章 Quote
吳晉瑋 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02--1055445096

(2).設計概念與製作心得：
這個感覺比上一個難上10倍，沒有CSS一開始有點慌張。
做喜歡的插畫風格比較讓人歡樂的顏色。

推薦 / 評論　 分享到Facebook     回應文章 Quote
堯詩洪 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445132

(2).設計概念與製作心得：
非常有挑戰性

推薦 / 評論　 分享到Facebook     回應文章 Quote
湯劭崴 [ 站內寄信 / PM ]
Re: [作業02] EDM/Newsletter製作

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計

(1).網址: ：http://mepopedia.com/~web106-2c/hw02/hw02-1055445060
(2).設計概念與製作心得：我做世界no.1的dj宣傳他人生，一直過敏做網頁好辛苦

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic