2012.12.08 「webデザインハンズオンセミナー」前半座学編スライド

1987.12.24

EC

WEB

WEB

Result

Theme.0

http://www.slimgate.com/ http://www.iwa-ki.com/

http://www.ymc.gr.jp/olive/ http://www.tokai-yakei.com https://itunes.apple.com/us/app/

hofukuzenshin/id510663468?mt=8

Result

Theme.0

WEB

1. WEB

WEB

1. WEB

2. SNS

(WEB)

(WEB)

WEB

1. WEB (WEB)

WEB

1. WEB (WEB)

wikipediaSNS

i-mode

WEB

1. WEB (WEB)

WEB

2. SNS(WEB)

WEB

2. SNS(WEB)

Twitter40.0

Facebook33.5http://www.impressrd.jp/news/120612/iwp2012

WEB

2. SNS(WEB)

WEB

2. SNS(WEB)

TwitterFacebook

WEB

1. IT

3.

2. ? ? Web?

WEB

1. IT

4

WEB

1. IT

WEB

1. IT

TwitterFacebook

WEB

1. IT

WEB

1. IT

FlashEC

WEB

1. IT

WEB

2. ? ? Web?

WEB

2. ? ? Web?

WEBWEB

WEB

2. ? ? Web?

WEB

WEB

2. ? ? Web?

AD

CD()

TVAD

WEB

2. ? ? Web?

WEB

WEB

2. ? ? Web?

HTMLCSSJavascriptWEB

Javascript

WEB

2. ? ? Web?

HTML

CSSJavascript

PHPRubyCJava

WEB

2. ? ? Web?

WEB

2. ? ? Web?

WEB

WEB

2. ? ? Web?

...

WEB

WEB

WEB

WEB

WEB

WEB

3.

WEB

3.

WEB

WEB

WEB

WEB

3.

WEB

1.

2.

WEB

1.

ARPANET

WEB

1.

ARPANET

ARPANETNSFNet

WEB

1.

ARPANET

ARPANETNSFNet

=

www

WebWorld Wide Web

WEB

1.

ARPANET

ARPANETNSFNet

=

www

WebWorld Wide Web

1995Microsoft

Windows95

WEB

2.

2.

WEB

2.

WEB

...? ?

?

WEB

2.

(wikipedia)

WEB

2.

(wikipedia)

PC

...

WEB

2.

(wikipedia)

PC

...

24365

WEB

2.

(wikipedia)

PC

...

24365

PC

2.

WEB

...? ?

IP

WEB

2.

000.000.0.0.IPwww.google.co.jp

.com.co.jp.jp.net.org

.co.jp

.com Company.jp ...

WEB

FTP

WEB

FTP

FTPWEB(HTML)

PC

MACFTP

Cyberduck

WINDOWSFTP

FFFTP

WEB

1. ? part.1(WEB)

(WEB)

WEB

2. ? part.2

WEB

1. ? part.1(WEB)

WEB

WEB

WEB

WEB

1. ? part.1(WEB)

WEB

WEB

WEB

WEB

WEB

...

WEB

1. ? part.1(WEB)

WEB

WEB

WEB

WEB

1. ? part.1(WEB)

WEB

WEB

WEB

...

WEB

1. ? part.1(WEB)

WEBTheme.1

WebForum http://web-tan.forum.impressrd.jp/e/2008/02/20/2456

WEB

2. ? part.2(WEB)

WEB

WEB

WEB

2. ? part.2(WEB)

SEO

CMS

HTML

WEB

WEB

1.

WEB

2. WEB3. WEB

WEB

1.

a.

b.

c.

d.

WEB

WEB

1.

Xmas Party 2012 at Sakae

DJ DAREKADJ SONOHOKA

PRICE2,000yen

a.

WEB

WEB

1.

PRICE2,000yen

...Xmas Party 2012

at Sakae


a.

WEB

WEB

1.

PRICE2,000yen

...

...

Xmas Party 2012

at Sakae


a.

WEB

8

13*$&ZFO

9NBT1BSUZ

BU4BLBF

%+%"3&,"%+40/0)0,"

B

8

WEB

1.

a.

c.

d.

WEB

b.

WEB

1.

WEB

b.

WEB

1.

WEB

...b.

WEB

1.

WEB

?

WEBDESIGN

MAIL:[email protected]

TEL:090-XXXX-YYYY

b.

WEB

1.

WEB

WEBDESIGN

MAIL:[email protected]:090-XXXX-YYYY

b. - -

WEB

1.

()

WEB

WEBDESIGN

MAIL: [email protected]:090-XXXX-YYYY

b. - -

WEB

1.

WEB

WEBDESIGN

MAIL: [email protected]:090-XXXX-YYYY

b. - -

WEB

1.

WEB

WEBDESIGN

MAIL: [email protected]: 090-XXXX-YYYY

b. - -

WEB

1.

WEB

b. - -

WEBDESIGN

MAIL: [email protected]: 090-XXXX-YYYY

WEB

1.

WEB

WEBDESIGN


b. - -

WEB

1.

WEB

WEBDESIGN


b. - -

WEBDESIGN


WEBDESIGN


WEB

1.

WEB

b. - -

Theme.1

http://www.panahome.jp/ie-yakudachi/

WEB

1.

WEB

b. - -

Theme.1


>

>>>

WEB

1.

WEB

b. - -

Theme.1


>

>

>>

>

WEB

1.

WEB

b. - -

Theme.1

WEB 2011/5/5

http://webdesignrecipes.com/web-design-beginner-learning-dtp-design/

MdN

WEB

1.

a.

d.

b.

c.

WEB

WEB

1.

c.

WEBTheme.1

WEB

1.

http://www.chugoku-ds.co.jp/Festival Rock en Seinehttp://www.rockenseine.com/en/

http://www.loft.co.jp/bikkehttp://bikke-bikke.jp/Lowdihttps://lowdi.com/

c.

WEBTheme.1

WEB

1.

WEB

s5-stylehttp://bm.s5-style.com/

http://www.zzrock.net/

c.

WEBTheme.1

WEB

1.

c.

WEB

WEB

1.

c.

WEBTheme.1

Shikisoukan

Web

http://creators-manual.com/color_foundations/

WEB

1.

c.

WEB

WEB

1.

c.

WEBTheme.1

Web

http://creators-manual.com/color_foundations/

Saido

WEB

1.

c.

WEB

WEB

1.

c.

WEB

RGB

...

WEB

1.

c.

WEB

WEB

1.

Google Chrome()Color Picker

c.

WEB

WEB

1.

c.

WEB

WEB

1.

...

c.

WEB

WEB

1.

...

c.

WEB

...

WEB

1.

kulerhttps://kuler.adobe.com/

c.

WEB

WEB

1.

kulerhttps://kuler.adobe.com/

AnalogousMonochromatic

Triad

c.

WEB

WEB

1. c. - -

WEBTheme.1

http://www.slideshare.net/saucerjp/ss-14902681

!

WEB

1.

a.

b.

c.

d.

WEB

WEB

1.

d.

WEB

WEB

1.

/

Fonts

/

d.

WEB

WEB

1.

/

Fonts

/

Fonts

Fonts

d.

WEB

WEB

1.

/

d.

WEB

/

Fonts

WEB

1. d.

WEBTheme.1

/

ZEN

A1

WEB

1. d.

WEB

/

Web Design Century

Web Design

Web Design Times

Georgia

WEB

1. d.

WEB

/

Type ProjectAXIS Fonts

G

WEB

1. d.

WEB

/

Web Design Arial

Web Design

Web Design DIN

Gill Sans

Web Design Helvetica

WEB

1. d.

WEB

8

E

8

WEB

1. d.

WEB

WEB

1. d.

WEBTheme.1

Vermicularhttp://www.vermicular.jp/

PRESENTS http://www.uniqlo.com/bicqlo-vader/

WEB

1. d. - -

WEBTheme.1

2011.9.26

http://webya.opdsgn.com/webdesign/fontsforwebdesigne/

WEB

2. WEB

WEB

WEB

2. WEB

WEB

WEB

)

WEB

2. WEB

3

WEB

WEB

)

WEB

Handy CMS LACNE ()

http://lacne.jp/cms/

2. WEB

WEBTheme.1

WEB

WEB

2. WEB

WEB

WEB

WEB

2. WEB

WEB

WEB

2. WEB

WEB

WEB

HTML

(

)

WEB

2. WEB

WEB

HTML

WEB

HTML

(

)

WEB

http://www.kobelco2103.jp/

WEB

Tips

Theme.1

WEB

WEB

Tips

Theme.1

WEB

3. WEB

WEB

NHKhttp://www.nhk.or.jp/studiopark/

WEB

http://tokyo-skytree.jp/

WEB

WEB

3. WEB

WEB

NHKhttp://www.nhk.or.jp/studiopark/

WEB

http://tokyo-skytree.jp/

WEB

WEB

WEB

WEB

Fonts

OK!Sublime Text

+ or

2.

()

-----

100

FacebookFacebook

EveOkamoto

Twitter / @eveokamotoFacebook / Eve OkamotoMail / [email protected] Thank U!!;-)

slideshow01.pdfslideshow02slideshow03slideshow04slideshow05slideshow06slideshow07slideshow08slideshow09slideshow10slideshow11slideshow12slideshow13slideshow14slideshow15slideshow16slideshow17slideshow18slideshow19slideshow20slideshow21slideshow22slideshow23slideshow24slideshow25slideshow26slideshow27slideshow28slideshow29slideshow30slideshow31slideshow32slideshow33slideshow34slideshow35slideshow36slideshow37slideshow38slideshow39slideshow40slideshow41slideshow42slideshow43slideshow44slideshow45slideshow46slideshow47slideshow48slideshow49slideshow50slideshow51slideshow52slideshow53slideshow54slideshow55slideshow56slideshow57slideshow58slideshow59slideshow60slideshow61slideshow62slideshow63slideshow64slideshow65slideshow66slideshow67slideshow68slideshow69slideshow70slideshow71slideshow72slideshow73slideshow74slideshow75slideshow76slideshow77slideshow78slideshow79slideshow80slideshow81slideshow82slideshow83slideshow84slideshow85slideshow86slideshow87slideshow88slideshow89slideshow90slideshow91slideshow92slideshow93slideshow94slideshow95slideshow96slideshow97slideshow98slideshow99slideshow100slideshow101slideshow102slideshow103slideshow104slideshow105slideshow106slideshow107slideshow108slideshow109slideshow110slideshow111slideshow112slideshow113slideshow114slideshow115slideshow116slideshow117slideshow118slideshow119slideshow120slideshow121slideshow122slideshow123slideshow124slideshow125slideshow126slideshow127slideshow128slideshow129slideshow130slideshow131slideshow132slideshow133slideshow134slideshow135slideshow136slideshow137slideshow138slideshow139slideshow140slideshow141slideshow142slideshow143slideshow144slideshow145slideshow146slideshow147slideshow148slideshow149slideshow150slideshow151slideshow152slideshow153slideshow154slideshow155slideshow156slideshow157slideshow158slideshow159slideshow160slideshow161slideshow162slideshow163slideshow164slideshow165slideshow166slideshow167slideshow168slideshow169slideshow170slideshow171slideshow172slideshow173slideshow174slideshow175slideshow176slideshow177