웹디자인2: 기말 크리틱 & 프로젝트공유


안정호
과제 포스트 URL : http://blog.naver.com/ricoda/118161945
포트폴리오 사이트 모바일웹 : http://hoddolru.dothome.co.kr/

기말 과제 슬라이드
모바일웹제안서
View more presentations from Hoddolru.

모바일웹 : http://www.howtodress.hostoi.com/
JQTouch 리스트 부분 구현이 잘 안됨.
모바일웹을 홈버큰으로 추가시의 아이콘 디자인해서 추가할것


강지연
포트폴리오홈페이지http://dreamealist.comyr.com
모바일포트폴리오http://dreamealist.comyr.com/mobile/mobile.html
기말 프로젝트 포스트 URL : http://www.cyworld.com/designarchive/5720396
프리젠테이션 화일 :
워드프로세로 구현한 프로젝트 사이트 : http://croqu.cafe24.com/
스마트폰 사이즈를 제공하여 그려준 초사화를 스마트폰 배경으로 이용하도록 제공하면 더 좋을것 같음
사람들에게 피드백을 받아본것이 좋은 경험이 되었을것
혼자서 하기 힘드므로 초상화를 그리는 다양한 방법이나 같이 그리는 사람들을 모아서 프로젝트를 지속하기를 바람

서윤석
기말 과제 포스트 URL : http://blog.naver.com/conyunv/20118446619
모바일포폴사이트 : http://shoc.dothome.co.kr
기말프로젝트사이트:
mobile web design
View more presentations from Younseok Seo.

워드프레스이용. 좀더 원하는 디자인에 가깝도록 수정 시도를 하는것이 필요할듯
데이터를 앞으로 계속 추적하는것이 필요.

이보림
http://blog.naver.com/dlqhfla22 - 발표자료
http://www.borim.comli.com - 포트폴리오 페이지

http://borim.hostoi.com - 모바일 웹 프로젝트
웹디자인_수정본
View more presentations from bororim.


프리젠테이션에 다큐멘테이션이 잘되어있음
유저피드백이 좋았음
모바일웹에 들어간 폰트들이 작아보임
스마트폰의 시스템 폰트와 비교해보고 스마트폰에서 작지 않은지 확인하면서 디자인하는것이 필요
희노애락이므로. 페이지안에서도 기쁠때 듣는.. 등의 일관적인 감정에 대한 메시지를 나타내는것이 좋을듯

박유나
기말과제 포스트 URL : http://blog.naver.com/design_yuna/80120190100
포토폴리오 사이트 : http://www.ordinarywave.com/

기말 프리젠테이션
Mobile web
View more presentations from yunapark.

모바일 포트폴리오 사이트 : 알수없음
카테고리 부분을 JQTouch로 구현
모바일프로젝트를 좀더 시간투자해서 했었으면 좋았으면 아쉬움이 있음

조예지

모바일포폴사이트: http://99dimension.com/mobile/index_m.html
- 기말 프로젝트 웹
http://ultimatevisualdesign.com - 사이트 URL
http://blog.naver.com/morphine_0/70098868342 - 블로그 게시물
0812490 조예지 uvdesign
View more presentations from rorymai.


워드프레스 플러그인중에 썸네일을 리스트에 보이게 하는것은 없었는지.
한국 디자인을 소개하는 지속성이 있는 블로그를 운영하는 사이트로 발전하기를 바람

박혜진
기말 포스트 URL: http://blog.naver.com/marchlioon/120119987245
모바일 포트폴리오사이트 http://jinspace.comuf.com

디자인 서적 모바일 사이트(워드프레스)http://marchlioon.cafe24.com
워드프레스의 플러그인에서 제공하는것외에 좀더 수정하여 자신의 디자인을 적용하려하여보기를 바람
지속적으로 업데이트 하기를 바람

성소정
기말 포스트 URL : http://blog.daum.net/saarahk/6
포폴 웹사이트 : http://jmbsas.hosting.paran.com

모바일포폴사이트 : http://jmbsas-m.comxa.com/
Web Design_midterm

모바일포폴사이트 : http://jmbsas-m.comxa.com/
슬라이드부분의 버튼 수정요망.수정해서 올렸는지?

서가은
기말 포스트 URL : http://crystalwine6.blog.me/140119701625
포폴 사이트 : http://alohaowl.dothome.co.kr/mobile/

모바일북 사이트 : http://alohaowl.dothome.co.kr/Pbook/
mobile picturebook pt


계속 문제가 생겼음에도 불구하고. 잘 해결해서 다행입니다.
조만간 다른 두권도 보기를 기대합니다.

김현진
모바일 포폴 사이트 : http://chatt.hosting.paran.com


모바일북 사이트 : http://sweetignt.dothome.co.kr/
웹디2기말피티
View more presentations from sweetignt.

아직도 안보이는 문제는 시간될때 보고 다시 연락할께요.

이효숙
기말 포스트 URL: http://hyosha.blog.me/90102051666
모바일포폴 사이트 : http://sookmyung.ac.kr/~hyosha/

모바일웹프로젝트 사이트 : http://designplause.hosting.paran.com/
Design plause2
View more presentations from Hyosook Lee.


디자인 동영상 블로그
동영상까지 연결하는 노력이 좋았음.
지속적인 관리를 위해서는 DB 형태의 게시판을 이용하는것을 검토해볼것

김윤아
기말 포스트 URL : http://blog.naver.com/unasdoll/10099123049
모바일포폴사이트 : http://unas.dothome.co.kr/
전시제공모바일웹사이트 : http://designinfo.hosting.paran.com/xe/dif
No2ppt
View more presentations from unasdoll.

제로보드 사용. PC 사이트가 없다는것이 단점이 될수 있음
모바일로 최적화해서 보기현재 어려움

이지향
기말 프로젝트 URL : http://hiei.tistory.com/13
포트폴리오사이트 : http://jihyang6.ivyro.net/
http://jihyang6.ivyro.net/m/index.html
제로보드를 이용한 추천게시판 활용
프로젝트 2
View more presentations from jihyang.

제로보드 사용으로 디자인 요소의 적용

오현아
포트폴리오사이트 : http://www.ohyuna.uphero.com/

모바일 프로젝트 사이트 : http://skygusdk.cafe24.com/
web mobile
View more presentations from drtryum.




과정 다큐멘테이션이 충실하게 되었음.
원래 의도를 살릴려고 노력한 점이 보임
워드프레스의 플러그인을 다시 잘 검토해 볼것

양혜진
기말포스트 URL : http://blog.naver.com/tricksoul/30098694467
모바일포폴사이트 http://allenx4.dothome.co.kr/

모바일 프로젝트 사이트 : http://shoeaholic.host56.com/
Mobileweb planning2
View more presentations from allenx4.

이미지가 큰듯함. 이미지 사이즈 용량을 줄여보려할것


강서현

모바일포폴사이트 : http://kkirugi.woobi.co.kr/mobile/main.html

모바일프로젝트사이트(전생) : http://kkirugi.woobi.co.kr/mobile/PT-main.html
Web design2
View more presentations from SeoHyun Kang.

모바일웹 환경에 맞도록 좀더 튜닝하는것이 필요

박성민
기말 포스트 URL http://blog.naver.com/xxxyoshiki7/60119936996
포트폴리오 사이트 http://mmiinn.hostoi.com/

모바일 포트폴리오 사이트 http://mcmin.hosting.paran.com/index.html
http://blog.naver.com/xxxyoshiki7/60119936996

posted by jisunlee

웹디자인2: 기말 제출 및 발표 가이드라인

  • ordinarywave.com
    http://blog.naver.com/design_yuna/80120190100 - 포트폴리오 사이트
    http://blog.naver.com/design_yuna/80120305998 - 모바일 웹

    박유나 2010.12.12 01:37
  • http://blog.naver.com/ricoda/118161945

    안정호 2010.12.12 21:12
  • http://croqu.cafe24.com
    http://www.cyworld.com/designarchive/5202257- 포폴사이트
    http://www.cyworld.com/designarchive/5720396 -프로젝트 웹

    강지연 2010.12.12 22:40
  • http://blog.naver.com/conyunv

    서윤석 2010.12.13 01:02
  • http://blog.naver.com/marchlioon/120119987245

    박혜진 2010.12.13 01:36
  • http://blog.daum.net/saarahk/4 포폴 사이트
    http://blog.daum.net/saarahk/6 모바일프로젝트

    성소정 2010.12.13 01:43
  • http://crystalwine6.blog.me/140119700390 - 포트폴리오
    http://crystalwine6.blog.me/140119701625 - 모바일그림책

    서가은 2010.12.13 01:55
  • http://blog.naver.com/sweetignt/40119343403 모바일 포트폴리오
    http://blog.naver.com/sweetignt/40119356938 모바일그림책
    교수님 모바일 그림책은 보이는데 좀 문제가 있어서 파일통째로 가져갈게요

    김현진 2010.12.13 03:18
  • http://hyosha.blog.me/90102051666

    이효숙 2010.12.13 03:48
  • http://blog.naver.com/unasdoll/10099123049

    김윤아 2010.12.13 04:48
  • http://hiei.tistory.com/4 - 포트폴리오
    http://hiei.tistory.com/13 - 모바일

    이지향 2010.12.13 04:51
  • 웹 www.ohyuna.uphero.com
    모바일 http://skygusdk.cafe24.com
    기말PPt및 프로포잘
    교수님 슬라이드 쉐어가 올라가지않아서 따로 가져가서 발표할꼐요~
    http://blog.naver.com/drtryum

    오현아 2010.12.13 06:04
  • http://blog.naver.com/tricksoul/30098694467 -> 모바일웹
    http://blog.naver.com/tricksoul/30098694689 -> 구현동영상

    양혜진 2010.12.13 06:51
  • http://caramelice.tistory.com/entry/웹-디자인-기말-최종-모바일-포트폴리오-사이트

    http://caramelice.tistory.com/entry/웹디자인-기말-최종모바일-웹-프로젝트

    강서현 2010.12.13 07:49
  • 교수님 저도 슬라이드쉐어가 계속 fail되서 ppt 따로 가져갈께요.

    강지연 2010.12.13 08:42
  • http://blog.naver.com/dlqhfla22 - 발표자료
    http://borim.hostoi.com - 모바일 웹 프로젝트
    http://www.borim.comli.com - 포트폴리오 페이지

    이보림 2010.12.13 10:44
  • 포트폴리오 사이트_ http://mmiinn.hostoi.com
    모바일 포트폴리오 사이트_http://mcmin.hosting.paran.com/index.html
    블로그 사이트_http://blog.naver.com/xxxyoshiki7/60119936996

    박성민 2010.12.13 12:28
  • http://borim.hostoi.com - 말씀하신 제목 수정했습니다.

    이보림 2010.12.13 13:03
  • - 모바일 포폴사이트
    http://99dimension.com/mobile/index_m.html - 사이트 URL
    http://blog.naver.com/morphine_0/70096128545 - 블로그 게시물

    - 기말 프로젝트 웹
    http://ultimatevisualdesign.com - 사이트 URL
    http://blog.naver.com/morphine_0/70098868342 - 블로그 게시물

    조예지 2010.12.13 14:30
  • http://blog.naver.com/drtryum?Redirect=Write
    슬라이드쉐어 다시 되었고 영상도 유투브로 올렸습니다.
    웹사이트도 검색부분 수정했어요~^^

    오현아 2010.12.17 23:41

12월 13일 월요일 기말 과제 제출및 발표를 합니다.

- 포트폴리오사이트 (모바일 or PC 버전)
URL 과 캡쳐받은것 or  구동화면의 동영상을 블로그에 올리고 아래에 댓글로 달것
- 프로젝트 모바일웹
프로포잘(슬라이드쉐어에 등록하고 블로그에 임베디드로 삽입) + URL 과 캡쳐받은것 or  구동화면의 동영상을 블로그에 올리고 아래에 댓글로 달것


http://collagefactory.blogspot.com/2009/09/how-to-capture-iphone-screen.html

How to capture iPhone screen


iPhone OS 2.0 이후 화면 capture 기능이 내장되어 있습니다. Home button을 누른 상태에서 Power/sleep button을 누르면 찰칵하는 소리와 함께 iPhone의 현재 화면이 capture되어 cameraroll에 저장됩니다.
posted by jisunlee

웹디자인 2: 보강 - Totyo TDC 2010 서울전, 삼원페이퍼 갤러리


12월 18일 토요일 10시 삼원페이퍼 갤러리
http://www.papergallery.co.kr/

12명정도... 종이 강의 가능한지는 문의해놓겠음.

참고로..
http://www.siggraph.org/asia2010/content/attendees/registration

posted by jisunlee

웹디자인 2: 11월 22일 수업공지

  • 교수님, 워드프레스 게시판 플러그인을 설치하다가 wptouch이외의 플러그인이 안먹혀서 재설정을 다시 건드렸는데, 원래 잘 되던..wptouch조차 실행이 안되는데..어떻하죠..ㅜㅜ 뭐가 문제가 된지 잘 모르겠는데...재설정이 원인인 것인지..요,,,

    오현아 2010.11.23 00:53
오늘 게시판을 이용하신분들은 테마 및 플러그인을 설치해보시면서 모바일용으로 자신이 만드는 사이트 디자인을 구현해보시고 다음시간에 질문바랍니다.
* 다음시간에 워드 프레스와 FTP를 연결하는 방법을 배우도록 하겠습니다.

11월 22일에는 그림책을 구현하는 방법에 대해서 배워보도록 하겠습니다.
- JQ Touch 로 아이폰 타겟으로 만해서 이미지 슬라이딩으로 하던가
- 워드 프레스등의 플러그인을 찾아서 솔루션을 알려드리도록 요청하겠습니다.
다음시간까지는 기술적 지원을 모두 드릴예정이니 질문있으신분 꼭 질문바랍니다.
posted by jisunlee

웹디자인 2: 카페 24 가상서버 호스팅 신청방법


1. CAFE24 홈페지에서 가상호스팅 클릭합니다.

2. 리눅스 가상서버 호스팅에서  신청합니다
 cafe1.png


3. 회원가입을 하고 들어 오면 기본적인 정보를 넣는곳이 있습니다. (관리자 정보 넣을때 유념해서 보시기 바랍니다)
    나중에 가상 서버 관리할대 필요합니다.

cafe2.png

4. 동의 하고 넘어가시면. 도메인 선택 과 서비스 선택이 있습니다
   1) 일단 무료 도메인 사용하시고
   2) 서비스 선택에서 상품명은 (가상서버 일발형), 서비스기간(알아서 선택), 설치O/X(Fedora11)+APM설치, 보안설정(사용)
   3) 결재 하시면 됩니다.

cafe3.png

5. 결제가 끝나고, 가상 서버 설치가 끝나면 메일이 오게 됩니다. (이상입니다)


posted by jisunlee

웹디자인2 :11/15 디자인 완성한 과제 여기에 댓글로 달아주세요.

  • Http://blog.naver.com/conyunv

    서윤석 2010.11.15 09:36
  • http://blog.naver.com/morphine_0/70097323205 (ppt)
    http://blog.naver.com/morphine_0/70097324631 (design)

    조예지 2010.11.15 09:49
  • http://crystalwine6.blog.me/140118162717

    서가은 2010.11.15 10:00
  • http://blog.naver.com/design_yuna/80118798974

    박유나 2010.11.15 10:35
  • http://blog.naver.com/dlqhfla22

    이보림 2010.11.15 10:37
  • http://www.cyworld.com/designarchive/5453474

    강지연 2010.11.15 10:37
  • 오현아 2010/11/15 02:00
    http://blog.naver.com/drtryum

    오현아 2010.11.15 10:46
  • http://blog.naver.com/ricoda/116648197

    안정호 2010.11.15 10:50

기말까지 작업할 프로젝트, 프리젠테이션 업그레이드한것. 그리고 디자인 완성한것 블로그에 붙이고 블로그 URL을 여기에 댓글로 달아주세요.
오늘은 민원기님의 특강이 있을 예정입니다. 게시판 쓰실분들 미리 계정신청하세요.
참고 블로그 글 : http://visualcommunication.tistory.com/entry/웹디자인2-워드프레스-설치를-위해서는-가상서버-신청-필요

posted by jisunlee

모션그래픽 2: 물감 텍스춰 하는 정윤 참고영상



posted by jisunlee

웹디자인2: 11월 22일 또는 다른날 디자인 전시 관람?

  • 수업을 거기서 하는건가요 교수님?

    오현아 2010.11.14 01:14
  • 우와! 디자인&아트페어 가고 싶어요!! 1시에 수업있는데 올 수 있을까요 ㅠㅠㅠ

    김현진 2010.11.14 11:13
  • 디자인&아트페어에 한표요~

    강서현 2010.11.15 00:27
예술의 전당 한가람미술관 : 디자인 & 아트페어
http://www.designartfair.com/sub01_02.html

삼원페이퍼갤러리 : 도쿄디렉터즈클럽 전시. -> 작년에 갔엇는데... 전시규모는 작았지만 괜찮았음
http://www.papergallery.co.kr/
posted by jisunlee

웹디자인2 : 11월 8일과제.. 다음주까지 디자인 완성

  • http://blog.daum.net/saarahk/5

    성소정 2010.11.14 13:37
  • http://blog.naver.com/morphine_0/70097323205 (ppt)
    http://blog.naver.com/morphine_0/70097324631 (design)
    (조예지)

    99dimension 2010.11.14 23:49 신고
  • http://blog.naver.com/ricoda/116648197

    안정호 2010.11.15 00:51
  • http://www.cyworld.com/designarchive/5453474

    강지연 2010.11.15 01:27
  • http://blog.naver.com/unasdoll/10097586654

    김윤아 2010.11.15 01:49
  • http://hyosha.blog.me/90099189889

    이효숙 2010.11.15 01:56
  • http://blog.naver.com/drtryum

    오현아 2010.11.15 02:00
  • http://blog.naver.com/conyunv

    서윤석 2010.11.15 02:26
  • http://blog.naver.com/tricksoul/30097169920

    양혜진 2010.11.15 02:53
  • http://crystalwine6.blog.me/140118162717

    서가은 2010.11.15 03:20
  • http://blog.naver.com/sweetignt/40117834084

    김현진 2010.11.15 09:56
다음주까지 디자인 이미지작업 완료해 옵니다.
숙제한것은 블로그에 올리시고 여기에 댓글로 블로그 포스트 URL을 달아주세요.
코딩은 그 다음주부터 본격적으로 들어가서 기말에 최대한 완성도를 높이는것에 포커스를 맞추시기 바랍니다.

디자인 컨셉이 바뀌신분은 프리젠테이션 화일도 업그레이드 하시고
디자인 이미지 작업도 완료해 오시기 바랍니다.

다음주에는 민원기님이 동화책, 동영상 모바일웹에서 삽입하는것을 특강하실 에정이고
워드프레스는 현재 서버문제로 다시 방법을 찾고 있습니다. 조만간 다시 공지토록하겠습니다.
그리고, 금요일 열린대학 디자인전공 금요일 오후 2시 한상은 라운지 꼭 참석바랍니다.
http://www.snow.or.kr/common/notice.html?mode=viewForm&uid=36
posted by jisunlee

웹디자인2: 다음주 특강 민원기님


게시판 이용 : 썸네일이 표시되는 목록, 그림과 텍스트의 내용페이지 표시
-> tistoy,  직접 DB 구성 (Word Press => 민원기님)

동화책을 구현할수 있는 방법
-> 다음, 이전으로 이미지를 이동하면서, 목차로 이동하는 기능의 구현

동영상을 삽입하여 구동하는 방법
-> YouTube의 URL 삽입,  MP4, H.264 코덱 동영상 삽입
-> 태그를 입력하여 동영상과 같이 띄우는데. 검색하는 방법에 대해서도 추가하였으면 함

posted by jisunlee

웹디자인 2: 11월 1일 과제 ~11월 8일 까지

  • http://blog.naver.com/sweetignt/40117429896

    김현진 2010.11.07 23:29
  • http://crystalwine6.blog.me/140117771046

    서가은 2010.11.08 00:39
  • http://hyosha.blog.me/90099701720

    이효숙 2010.11.08 00:59
  • http://hiei.tistory.com/

    이지향 2010.11.08 01:11
  • http://blog.naver.com/unasdoll/10097184631

    김윤아 2010.11.08 01:15
  • http://caramelice.tistory.com/

    강서현 2010.11.08 01:23
  • http://blog.naver.com/tricksoul/30096779127

    양혜진 2010.11.08 01:58
  • http://blog.naver.com/drtryum

    오현아 2010.11.08 01:59
  • http://blog.naver.com/morphine_0/70096940329

    조예지 2010.11.08 02:29
  • http://blog.naver.com/marchlioon

    박혜진 2010.11.08 02:32
  • http://blog.naver.com/ricoda/116262742

    안정호 2010.11.08 10:15
  • http://www.cyworld.com/designarchive/5339213

    강지연 2010.11.08 11:34

1. 자신의 모바일 웹프로젝트는 작은 두꺼운 종이 카드에 그리고. 어떻게 구현할것인지 스케치해볼것.

2. 친구/가족에게 자신의 종이카드로 만든 모바일 사이트를 보여주고 사용해보라고 하면서 클릭하는대로 다음 화면을 보여줌. 좋고 나쁜것에 대한 피드백을 받고 정리할것. 이것을 반영하여 스케치를 고침.  

3. 정보구조도 형태 또는 수행 프로세스(task 수행순서)에 따라서 늘어놓고 디지털 카메라로 사진을 찍어서 블로그에 올릴것.
posted by jisunlee

웹디자인2: 중간발표 크리틱 & 다음시간 과제

  • http://hyosha.blog.me/90099189889

    이효숙 2010.10.31 23:59
  • http://www.flickr.com/groups/croqui/ 플리커 내에 개설한 그룹
    http://www.cyworld.com/designarchive/5208349

    강지연 2010.11.01 00:40
  • http://blog.naver.com/ricoda/115889512

    안정호 2010.11.01 01:26
  • http://blog.naver.com/morphine_0/70096552219

    교수님 뭔가 착오가 있었던 것 같습니다. 저는 지난 학기에 진행했던 기말프로젝트를 연계하여 진행하는 것이 아닌데요. 이 건에 관해서는 수업시간에 다시 말씀드리도록 하겠습니다. 일단은 지난 주에 발표한대로 진행하였습니다.

    조예지 2010.11.01 02:21
  • http://blog.naver.com/tricksoul/30096377303

    양혜진 2010.11.01 02:27
  • http://blog.naver.com/drtryum

    오현아 2010.11.01 03:40
  • http://blog.naver.com/marchlioon

    박혜진 2010.11.01 03:46
  • http://crystalwine6.blog.me/140117388098

    서가은 2010.11.01 04:04
  • http://blog.naver.com/unasdoll/10096770213

    김윤아 2010.11.01 04:40
  • http://blog.naver.com/sweetignt/40117051142

    김현진 2010.11.01 07:38
  • http://blog.naver.com/dlqhfla22

    이보림 2010.11.01 10:07
  • http://blog.naver.com/cola_ice/10096802072

    강서현 2010.11.01 11:31
중간 발표를 못하신 분은 저에게 직접 찾아와서 pt할것
전화를 미리주어서 시간을 확인하시기 바람

아래 코멘트를 참고하여 기말까지의 과제 진행 스케쥴을 짜서 자신의 블로그에 올릴것
기술적으로 어떻게 구현할지. 필요한 도움은 무엇인지도 올릴것.
IA를 좀더 보강하고, 디자인 시안을 메인과 서브페이지, 내용페이지 세단계로 나누어 디자인하여올것
그리고 데이타를 모으거나, 벤티마킹을 좀더 진행하는 과제를 수행할것.

기술적 정보를 제공이 추가적으로 더 이루어 질것임
게시판 이용 : 썸네일이 표시되는 목록, 그림과 텍스트의 내용페이지 표시
동화책을 구현할수 있는 방법
동영상을 삽입하여 구동하는 방법

강지연
포트폴리오 홈페이지 : http://dreamealist.comyr.com/
모바일 포트폴리오 홈페이지 : http://dreamealist.comyr.com/mobile/mobile.html
어떤것을 클릭하고 클릭하지 못하는지를 표시해주어야..
기말 프로젝트 프로포잘 : http://www.cyworld.com/designarchive/5203951
당신의 초상화를 그려드립니다.
선물이나 소통의 컨셉이 좋음, 영어사이트
우선은 어떻게 인터렉션할것인가의 룰을 먼저 구체적으로 규정하는것이 필요
워드프레스, 티스토리등의 게시판을 활용하는것이... (민원기님)

조예지
포트폴리오 홈페이지 : http://99dimension.com/
모바일 포트폴리오 홈페이지 : http://99dimension.com/mobile/index_m.html
트윗이나 페이스북을 접목한 시도가 좋았음
모바일 사이트는 어떻게 클릭이 가능한지 녹화를 해서 프리젠테이션 하는것이 좋을듯
기말 프로젝트 프로포잘 : http://www.slideshare.net/rorymai/webdesign2-mobileweb
brain factory
원래 홈페이지가 tistory에 개발되었던것으로 기억하는데... 사이트와 모바일 웹을 연동해서 구현하는방안으로 고민해 볼것. 우선은 한글이든 영어든 하나만 선택하는것이...
모바일 썸네일과 내용을 볼수 있는 게시판을 찾는것... tistory를 이용하는것이?
워드프레스로 기존 티스토리를 옮기고 그것을 모바일 워드프레스로 옮기는 방식을 고민하는것이 좋을것 같음

안정호
포트폴리오 홈페이지 : http://hoddolru.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://hoddolru.dothome.co.kr/
PC 사이트를 연결하는 링크를 메인에 노출하는것이... work에 많은 것들이 있음에도 잘 보이지 않음...
기말 프로젝트 프로포잘 : http://www.slideshare.net/Hoddolru/mobile-web-project
게시판을 쓰는 방법을 고민해야 할듯... 이미지 슬라이드 방식과...
컨텐트를 수집해서 사람중심으로 분류하는것이 일일것 같음. 먼저 컨텐트를 모으고 그다음에 모바일웹을 개발해야...

성소정
포트폴리오 홈페이지 : http://jmbsas.hosting.paran.com/
웹브라우저 버전에 대한 공지 및 이를 디텍팅하는 코드를 추가하면 좋을것 같음
기말 프로젝트 프로포잘 : http://www.slideshare.net/sojungsung/microsoft-power-point-web-designppt
모바일은 좀 힘들지 않을런지... 가로로 가는 인터페이스에 대한 벤치마킹을 하고 기술적으로 좀더 검토하는과정이 필요할듯. 다음주까지 이 과정을 실행할것

김윤아
포트폴리오 홈페이지 : http://unashome.hosting.paran.com/  (다른 수업에서 구축함)
모바일 포트폴리오 홈페이지 : http://unas.dothome.co.kr/
홈버튼을 상단에서 빼서 상단 네비의 우측으로 가져가도 될듯
기말 프로젝트 프로포잘 : http://www.slideshare.net/unasdoll/no2ppt
디자인 분야 전시 소개
게시판을 이용하는 방법을 동이하게 사용하면 될것 같음
너무 많은 컨텐트를 혼자서 수급하는방법이 어려울수도 있음.  다음시간에 먼저 디자인 전시정보를 10개~20개를 수집해 볼것

이효숙
포트폴리오 홈페이지 : http://hyosha.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://sookmyung.ac.kr/~hyosha/
기말 프로젝트 프로포잘 : http://www.slideshare.net/marchlioon/0812485-mobile-5544608
동영상을 삽입하려면 YouTube등의 URL을 가져가야 하는지 등의 기술적인 부분이 고민이 되어야... mp4 동영상화일 H.264 코덱으로 컨버팅해서... 제공하는 형태로...
디자인 관련 동영상 ==> 지금 현재 글로벌 컨텐트로 정리하고 있는 내용을 활용하셔도 될듯.
벤치마킹 사이트 : http://the99percent.com/
영문제작으로 가려면 동시에 컨텐트를 가공하는능력도 갖추어야...
YouTube의 ifame을 html 5로 넣는것으로 일괄적으로 통해서 정리해서 작업. 우선 엑셀화일을 넘겨줄터...

박혜진
포트폴리오 홈페이지 : http://marchlion.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://jinspace.comuf.com
기말 프로젝트 프로포잘 : http://www.slideshare.net/marchlioon/0812485-mobile-5544608
범위를 좀 축소해서 진행하는것으로... 디자인관련서적으로 한정하는것이 좋을듯
미리 데이타를 확보해볼것.
이전에 언급한것과 마찬가지로 워드프레스나 티스토리를 쓰면 될것 같음

김현진
포트폴리오 홈페이지 :
모바일 포트폴리오 홈페이지 : http://sweetignt.hosting.paran.com/
기말 프로젝트 프로포잘 : http://www.slideshare.net/sweetignt/2-5544912
성인을 위한 동화책
인덱스 페이지가 필요히지 않을까 함
몇페이정도로 할지 챕터로 나뉠지 안나뉠지를 고민한것

서가은
포트폴리오 홈페이지 :
모바일 포트폴리오 홈페이지 : http://alohaowl.dothome.co.kr/mobile/index.html
기말 프로젝트 프로포잘 : http://www.slideshare.net/alohaowl/pt-5544967
읽어주는 그림책. 동물 울음소리도 나옴. 한개의 타겟 디바이스(아이폰?)을 정하고 거기에서 간단하게 구현할수 있는 정도로 만듬.  이미지가 움직이거나 소리가 나는등의 구현을 하는것이 좋을것 같음

강서현
포트폴리오 홈페이지 :
모바일 포트폴리오 홈페이지 : http://kkirugi.woobi.co.kr/mobile/main.html
가운데 정렬로 바꿀것
기말 프로젝트 프로포잘 : http://www.slideshare.net/SeoHyunKang/web-design-5545143
심리테스트 잘못하면 너무 단순하게 갈수도... 이전 답변을 기억하게 할수있는 장치?
아니면 좀더 다양한 심리테스트를 하게하는방법을 고민하면...
아니면 디자인적인 요소를 잘 들어가게 할수 있는 방법을 고민해야...

이지향
포트폴리오 홈페이지 :  http://jihyang6.ivyro.net/
기말 프로젝트 프로포잘 : http://www.slideshare.net/jihyang/2-5545338
아직 모바일을 개발한 경험이 없으므로 좀더 범위를 좁혀서 순정추천을 포커스해서 해보면... 추천수... 정도를 시도해보는것이..
게시판 형태를 적용해 보는것이...

오현아
포트폴리오 홈페이지 : http://www.ohyuna.uphero.com/
기말 프로젝트 프로포잘 : http://www.slideshare.net/ohyunah/mission-mobile-web
어플 개발을 어려움... 그럼므로 자신의 경험을 공유하는정도...
아임In은 그 장소에서 히스토리를 남기는것. 
자신의 경험을 공유하는정도로 ... 트위터를 통해서 그것을 공유하는정도로 정리할것

이보림
포트폴리오 홈페이지 : http://www.borim.comli.com/
모바일 포트폴리오 홈페이지 : http://www.borim.comli.com/mobile/index.html
모바일과 PC 홈이 지나치게 유사한듯... 추후에. 좀더 고민해서 업그레이드하면 좋을듯.
기말 프로젝트 프로포잘 : http://www.slideshare.net/bororim/ss-5545541
그릴수 있는 인터페이스를 공유하는것이 쉽지 않을듯...
모바일 폰에서 자신의 찍은 사진을 가져오거나 자신의 그림판등의 기능을 혼용할수 있는 방법이? 이것이 부담스러울수도 있으니 사진을 찍고 공유하는정도로 대체안을 생각해 보는것도...
다음시간까지 개발자를 찾던 개발방법을 확정할것

양혜진
포트폴리오 홈페이지 : http://albbangbbangfam.wo.to/
모바일 포트폴리오 홈페이지 : http://allenx4.dothome.co.kr/
원래 PC 사이트 페이지도 맞추어서 변경하는것이 필요할듯...
기말 프로젝트 프로포잘 : http://www.slideshare.net/allenx4/mobileweb-planning-5545699
어메리칸 어패럴의 컨텐트보다는 자신만의 컨텐트를 만들어가는쪽으로...
자신이 직접 스타일에 관한 컨텐트를 모으거나.. 아니면 있는 웹상의 컨텐트를 엮어서 새로 만드는쪽으로 프로포잘을 다시한번 업드레이드할것
동화책정도를 만드는 정도의 기술을 적용하는것이 좋을듯

박유나 -> 직접찾아와서 pt 할것
포트폴리오 홈페이지 : http://ordinarywave.com/
기말 프로젝트 프로포잘 : http://www.slideshare.net/yunapark/ss-5548407

이송희
포트폴리오 홈페이지 : http://meanheart.com/
모바일 포트폴리오 홈페이지 : http://meanheart.lil.to/
기말 프로젝트 프로포잘 : http://www.slideshare.net/SongheeLee/webdesign-2nd
구현하고자흔 기술의 어플이 어려울듯. 구글맵의 모바일 api 를 이용해 볼 수 있는지 가능성을 확인하고 기술적인 부분을 다음주까지 결정할것
만약 불가능하다면 본인의 컨셉을 쉽게 표현할수 있는방법정리.

서윤석
포트폴리오 홈페이지 : http://shoc.hosting.paran.com/
모바일 포트폴리오 홈페이지 : http://shoc.dothome.co.kr/
wmi 자기 소개부분에는 자신의 디자인에 대한 설명이 들어가는것이
기말 프로젝트 프로포잘 : http://www.slideshare.net/YounseokSeo/ss-5538883
잘 알려진 디자이너등으로 디자인하는경우에 발생하는 원래 그 디자이너의 웹사이트와 비교된다든가의 감점 요소를 따져보고 판단할것
이 패션디자이너의 것으로 그대로 가는경우 디자인을 더 개발할것
새로하는 경우에는 프로포잘을 새로 쓸것

박성민
포트폴리오 홈페이지 : 다음주까지는 어떻게든 해결해서 올릴것
플래시로 구현?  잘안되는부분을 질문해주면 플래시를 잘하는 사람에게 도움을 받아보도록 해줄께요. 메일을 주세요.
기말 프로젝트 프로포잘 : http://www.slideshare.net/curirin/pre-5548781
포트폴리오 및 비슷한 느낌의 모바일까지 개발하는것이 목표.
우선은 지금 PC 사이트를 다음주까지 완성하고. 모바일을 포폴을 먼저 완성할것. 그 이후에 시간을 내서 PC사이트를 업그레이드 할것
posted by jisunlee

웹디자인2: 중간발표 준비

  • http://99dimension.com/mobile/index_m.html
    http://blog.naver.com/morphine_0/70096128545 (블로그)
    http://blog.naver.com/morphine_0/70096128645 (PPT)

    조예지 2010.10.24 22:05
  • http://hoddolru.dothome.co.kr/
    http://blog.naver.com/ricoda/114281294

    http://blog.naver.com/ricoda/115492514

    안정호 2010.10.25 00:34
  • http://jmbsas.hosting.paran.com

    http://blog.daum.net/saarahk/4
    http://blog.daum.net/saarahk/3

    성소정 2010.10.25 01:00
  • http://unas.dothome.co.kr

    http://blog.naver.com/unasdoll/10096328701
    http://blog.naver.com/unasdoll/10096328943

    김윤아 2010.10.25 01:21
  • http://jinspace.comuf.com

    http://blog.naver.com/marchlioon/120117270447
    http://blog.naver.com/marchlioon/120117281577 (PPT)

    박혜진 2010.10.25 01:52
  • http://sweetignt.hosting.paran.com
    http://blog.naver.com/sweetignt/40116241114
    http://blog.naver.com/sweetignt/40116640491 (ppt)

    김현진 2010.10.25 02:48
  • http://alohaowl.dothome.co.kr/mobile/index.html
    http://crystalwine6.blog.me/140116981320
    http://crystalwine6.blog.me/140116981184

    서가은 2010.10.25 03:14
  • http://kkirugi.woobi.co.kr/mobile/main.html
    http://blog.naver.com/cola_ice/10096370880

    강서현 2010.10.25 03:32
  • http://jihyang6.ivyro.net/
    http://hiei.tistory.com/4
    http://hiei.tistory.com/5

    이지향 2010.10.25 03:58
  • http://allenx4.dothome.co.kr/
    http://blog.naver.com/tricksoul

    양혜진 2010.10.25 05:12
  • 홈페이지_ http://www.borim.comli.com
    모바일 _ http://www.borim.comli.com/mobile/index.html

    블로그 _ http://blog.naver.com/dlqhfla22

    이보림 2010.10.25 05:17
  • http://www.ohyuna.uphero.com/
    다시 수정해서 올립니다. 자바스크립트 이미지 조절이 미흡해서 제각각이지만ㅡㅜ
    http://blog.naver.com/drtryum(블로그 PPt)

    오현아 2010.10.25 06:21
  • http://dreamealist.comyr.com
    http://dreamealist.comyr.com/mobile/mobile.html
    http://www.cyworld.com/designarchive/5202257
    http://www.cyworld.com/designarchive/5203951

    강지연 2010.10.25 06:41
  • http://meanheart.com //포폴홈
    http://meanheart.lil.to //포폴모바일

    http://betheart.tistory.com/?page=2 //모바일최종
    http://betheart.tistory.com/?page=1 //PT

    이송희 2010.10.25 09:30
  • 모바일 http://shoc.dothome.co.kr

    블로그 http://blog.naver.com/conyunv

    서윤석 2010.10.25 10:39
  • http://sookmyung.ac.kr/~hyosha
    http://hyosha.blog.me/90098742189
    http://hyosha.blog.me/90097256186

    이효숙 2010.10.25 11:12
  • ordinarywave.com

    http://blog.naver.com/design_yuna/80117630039 (웹사이트)

    http://blog.naver.com/design_yuna/80117630080 (pt)

    박유나 2010.10.25 11:27
  • 블로그 http://blog.naver.com/xxxyoshiki7/60117222515

    박성민 2010.10.25 12:50

10월 25일 중간발표 준비사항

1.  자신의 포트폴리오 html or mobile 사이트 완성
자신의 포트폴리오 사이트를 CSS 화일을 연결한 (external) HTML 작업하여 파란 웹호스팅에 업로드할것
모바일 웹은 사파리 브라우져로 보여주세요.
** 해당 웹호스팅 URL을 여기에 댓글로 달고 자신의 블로그에 캡쳐한 화면과 동시에 URL을 포스팅 할것

2. 중간발표 이후 기말까지 진행할 프로젝트 기획 발표
아래내용이 포함되어야함. 기존의 웹디자인 5주차에 이미 기 공지된 내용임.
** slideshare.net 슬라이드쉐어닷넷에 업로드 하고 그것을 자신의 블로그에 삽입한뒤에 그 포스트 URL을 아래에 댓글로 달것
- 파워포인트 업로드할때 폰트가 깨져보인다면, pdf로 만들어서 업로드 하면됨

1단계 전략수립(strategy / research)
1-1. Mission & Objectives
- 개발 하고자 하는 사이트의 미션과 목적은 무엇인가? 몇문장으로 정리
1-2. Target Users (optional)
- Primary Target 사용자와 Secondary Target 사용자를 정의
1-3. Scope of the Project

- 유사/ 경쟁 사이트 벤치마킹

2단계 디자인 및 스펙결정 (design / Ideation)
2-1. 컨셉개발
- 개발하고자 하는 사이트의 디자인 컨셉을 몇문장으로 정리
2-2. 크리에이티브 디자인
- 비쥬얼 디자인 시안 (메인1, 서브1)
2-3. 기술설계
- IA(Inforamtion Architecture) 정보구조 설계
사이트의 웹페이들(또는 컨텐츠)가 연결된 구조도

SNOW.or.kr at CC Asia 2010 confence
View more presentations from Ji Lee.




posted by jisunlee

웹디자인 2: 과제 & 민원기님 다음시간 & 18일 수업 예정 내용

  • http://hyosha.blog.me/90097760310
    (블로그에 포스팅한)인디자인단축키어플같은것 만들어보기어려운지 궁금해요

    이효숙 2010.10.10 23:46
  • http://dreamealist.comyr.com/

    3번째로 사이트 리뉴얼했습니다

    강지연 2010.10.11 00:54
  • http://blog.naver.com/tricksoul.do

    양혜진 2010.10.11 04:12
  • http:/www.ohyuna.uphero.com/
    링크정리했습니다. 사이즈 조절로 더이상 박스가 깨지지않습니다.
    ㅜㅡ근데...제가 원하는 위치에 링크버튼이 안들어옵니다.
    이멜 보냈는데 답변이 없으세용 ㅜㅡ

    오현아 2010.10.11 07:49
  • http://borim.comli.com/

    이보림 2010.10.11 10:08
  • http://blog.naver.com/sweetignt/40115833439
    이미지 슬라이드도 가능한가요?

    김현진 2010.10.11 11:04
  • ordinarywave.com/mobile/jqtouch-r148/index.html
    을 모바일로 들어가시면, 저번에 알려주신 jqtouch를 이용해서
    메뉴를 수정중에 있습니다. (웹사이트는 전면 수정중에 있습니다아-)
    그런데 저번에 알려주신 것 말고 테마안에 들어가서 소스를 고치면서
    메뉴바의 색상과 클릭시 연두색인것을 고치고 싶은데...
    테마 안에 있는 소스들이 너무 복잡해서 모르겠어요!

    박유나 2010.10.15 13:03
  • 저번시간에 민원기님 강의듣고 웹을 만진후 사이트가 위에 하나가 보이고 밑에 또 하나가 보이는
    두개씩보이는 현상이 나타나고있습니다 ㅠㅠ 왜이런지 모르겠어요..

    http://alohaowl.dothome.co.kr/mobile

    그리고 중간고사 이후 로모카메라, 로모그래피에 대한 모바일 사이트를 만들고 싶습니다.
    로모그래피코리아 라는 기존 웹사이트를 참고해 만들 예정입니다. 이미 개발된 모바일 웹사이트를 찾는게 어렵네요..

    http://crystalwine6.blog.me/140116560920

    서가은 2010.10.18 01:16
  • http://shoc.dothome.co.kr

    서윤석 2010.10.18 12:28
다음주 과제는 코딩을 마무리하시고
민원기님에게 질문사항을 여기에 댓글로 올리시고
각자 모바일웹 구현하고 싶은것을 몇자로 적어서 댓글로 달던지
블로그에 자기가 구현하고 싶은 어플사이트나 모바일 웹 사이트를 올리고
그 블로그 URL을 여기에 댓글로 달것

민원기님이 다음시간에 매쉬업 에 대해서 설명해 주실예정이고
이미지 슬라이드 등의 초간단 자바스크립트에 대해서 설명해주실겁니다.
**** 귀한 시간내서 오시는것이므로 미리미리 질문을 준비해 오시길 바랍니다.
*** 모바일 웹은 이때 모두 종료하시기 바랍니다.


10월 18일에는 CSS를 다시한번 리뷰해드리도록 하겠습니다.
그리고 시간이 허락하는대로 뷰티뷸 웹디자인의 2장도 강의할 예정

10월 25일은 중간고사 발표로
- 자신이 이제 까지 개발완료한 모바일웹 포트폴리오 또는 포트폴리오 사이트를 정리한 내용를 발표
- 중간고사 이후에 작업하고 싶은 모바일 웹 프로젝트의 제안서를 발표합니다.

템플릿은 18일에 소개해 드릴예정입니다.

posted by jisunlee

웹디자인 2: 4주차 과제

  • http://hyosha.blog.me/90097256186 (블로그)
    http://sookmyung.ac.kr/~hyosha (모바일웹사이트)

    이효숙 2010.10.03 18:26
  • http://crystalwine6.blog.me/140115729293

    서가은 2010.10.03 23:32
  • http://dremealist.comze.com/

    강지연 2010.10.04 00:14
  • http://hiei.tistory.com/

    이지향 2010.10.04 00:49
  • http://blog.naver.com/ricoda/114281294
    http://hoddolru.dothome.co.kr/

    안정호 2010.10.04 01:04
  • http://borim.comli.com/

    이보림 2010.10.04 01:42
  • http://www.ohyuna.uphero.com/
    이상하게 엑박이 뜨는데, 코드자체에 뭐가 문제인지...반복해도 모르겠어요

    오현아 2010.10.04 04:39
  • http://unas.dothome.co.kr

    김윤아 2010.10.04 08:43
  • Http;//allenx4.dothome.co.kr

    양혜진 2010.10.04 10:10
  • http://blog.naver.com/morphine_0/70094909910

    조예지 2010.10.04 10:17
  • http://jmbsas.hosting.paran.com/

    학교에서 이 주소로 바로 연결하여 열어보니까 몇까지 javascript가 드림위버를 통해 웹브라우저로 봤을때랑 다르게 뜹니다.

    성소정 2010.10.04 10:39
  • http://blog.naver.com/conyunv

    서윤석 2010.10.04 10:49
  • 영상을 제작하고 나면 디자인 전체를 수정하게 될지도 모르지만 일단은 ㅠㅠㅠ 이렇게 해서 계속 작업중입니당................ ㅜㅜ
    ordinarywave.com

    박유나 2010.10.04 11:10
  • http://sweetignt.hosting.paran.com
    css 1학기때랑 똑같이 했는데 안되더라구요 ㅠ 따로 뭐 넣어야 하는 태크가 있나요??? 이미지 만들때 투명도를 줘서 gif로 저장했는데 투명도가 적용이 안되던데 왜그런가요?

    김현진 2010.10.04 11:18
  • http://meanheart.com
    http://meanheart.lil.to

    이송희 2010.10.04 11:43
  • http://blog.naver.com/cola_ice/10095142810

    강서현 2010.10.04 12:29
과제는 수업시간에 공지한대로 현재 작업중이 모바일웹 또는 인터넷 포폴 사이트의 코딩을 완료하는것입니다. 혼자 끙끙대지 마시고 문제가 생기면 저에게 이메일을 보내서 물어보시기 바랍니다.

그리고 다음월요일부터는 민원기님이 수업에 들어오셔서 코딩부분에 대한 특강을 진행할 예정이오니 이점 양지 바랍니다.

posted by jisunlee

웹디자인 2: 3주차 과제

  • http://hyosha.blog.me/90096820900

    이효숙 2010.09.26 21:13
  • http://jmbsas.hosting.paran.com

    성소정 2010.09.26 21:50
  • http://blog.naver.com/cola_ice/10094732715

    강서현 2010.09.26 22:53
  • http://hiei.tistory.com/

    이지향 2010.09.26 23:22
  • http://borim.comze.com/

    이보림 2010.09.26 23:42
  • http://crystalwine6.blog.me/140115349820

    서가은 2010.09.27 00:02
  • http://bittersweet.comule.com

    강지연 2010.09.27 00:26
  • 아 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ교수님 저 드디어 해냇어요 ㅠ
    http://www.ohyuna.uphero.com/

    오현아 2010.09.27 01:01
  • http://blog.naver.com/marchlioon

    박혜진 2010.09.27 01:42
  • http://blog.naver.com/ricoda/113906568

    안정호 2010.09.27 01:50
  • http://blog.naver.com/tricksoul

    양혜진 2010.09.27 02:47
  • http://limramga.net/mobile/index.html

    main, about만 작업완료 했습니다.

    임가람 2010.09.27 03:26
  • http://99dimension.com/mobile/index_m.html

    조예지 2010.09.27 04:18
  • http://meanheart.com/

    index에서 모바일로 이동할 수 있습니다~

    이송희 2010.09.27 10:35 신고
  • http://unas.dothome.co.kr

    김윤아 2010.09.27 10:46
  • http://sweetignt.hosting.paran.com/

    김현진 2010.09.27 10:59

모바일 웹을 하시는 분들은 코딩을 어느정도 완료해서 FTP에 올려주세요.
모바일 에뮬레이터로 확인해보겠습니다. 다음시간에.

자신 포폴 하고 계신분들, CSS 쓰셔서 코딩완료
모른시는분들 꼭 질문하세요.

Beautiful Web Design 좋아보이는 웹사이트를 만드는 디자인 원칙
The Principles Of Beautiful Web Design
View more documents from SitePoint.


직접 다운로드 받으실수 있으니 책을 구매하시기 어려운 분들은 읽어보시길 바랍니다.
1장만 원서로 보실수 있습니다.
posted by jisunlee

웹디자인2 : 2주차 과제

  • http://hyosha.blog.me/90096341384

    이효숙 2010.09.19 02:29
  • 현재 졸전 진행중인 사이트는 ordinarywave.com 이구요(여기 들어가셔도 css 작업은 있습니다만;)
    과제는 ordinarywave.com/hw.html 들어가시면 교수님이 예제로 주신 css 변경하여 작업했습니다.

    박유나 2010.09.19 15:49
  • http://blog.naver.com/ricoda/113539934

    안정호 2010.09.19 20:28
  • 메일보냈습니다!!

    서가은 2010.09.20 00:26
  • http://hiei.tistory.com/

    이지향 2010.09.20 00:43
  • http://borim.comze.com/

    이보림 2010.09.20 02:15
  • www.ohyuna.uphero.com/
    CSS로 코딩하는건 연습해봤는데 다시 코드를 끼웠더니 엉켜서 이미지도 안나오고 해서
    ftp에 이미지 업뎃하는거까지 한걸 올린겁니다.

    오현아 2010.09.20 02:26
  • http://99dimension.com/mobile/index_m.html

    index, illustration, extras thumnail만 작업되어 있는 상태입니다.

    조예지 2010.09.20 03:05
  • http://blog.naver.com/sweetignt/40114698508
    디자인작업 다시했습니다! 작업하면서 고칠 부분 계속 고치겠습니다

    김현진 2010.09.20 03:36
  • http://allenx4.dothome.co.kr/
    portfolio의 ilust, character만 작업되있습니다.

    양혜진 2010.09.20 04:03
  • http://blog.naver.com/cola_ice/10094384704
    코딩은 아직입니다..

    강서현 2010.09.20 04:24
  • http://meanheart.com

    이송희 2010.09.20 10:08 신고
  • http://mcmin.comuf.com 홈페이지 계정은 열었는데,
    코드가 꼬여서 계속 작업중입니다.. ;;

    박성민 2010.09.20 10:31
  • http://blog.naver.com/conyunv
    코딩은 못했습니당 ㅠㅠ

    서윤석 2010.09.20 11:31
  • http://bittersweet.comule.com/
    http://mkel.hosting.paran.com/
    다시 css로만들었습니다 (틀만)

    강지연 2010.09.20 11:33
  • http://unas.dothome.co.kr
    작년에 웹디자인스튜디오1을 들었어서 모바일웹으로 바로 작업들어갔습니당!!
    + 디자인 수정하고 코딩 중간작업까지 들어갔습니다~~

    김윤아 2010.09.20 11:41

웹디자인 1을 듣지 않은 사람은
지난주 과제에 CSS를 적용하여 코딩하여 볼것
참고 : http://visualcommunication.tistory.com/entry/사이트가-전체-테이블-100인경우와-CSS화일을-불러들이기extenal

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Links
Styling Lists
Styling Tables

CSS Box Model

CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding


모바일 웹디자인 작업이 진행되는 사람들은 코딩에 돌입할것. 코딩작업시 CSS 반드시 사용

모바일 디자인으로 우선정한 교재
Mobile Web Design For Dummies
http://www.amazon.com/Mobile-Design-Dummies-Janine-Warner/dp/0470560967/ref=sr_1_1?ie=UTF8&s=books&qid=1284346206&sr=8-1#_
posted by jisunlee

웹디자인 2: 다음주 과제 (~9/13)

  • http://blog.naver.com/morphine_0/70093706994

    조예지 2010.09.12 05:48
  • http://blog.naver.com/tricksoul

    양혜진 2010.09.12 21:46
  • http://blog.naver.com/garam1024/150093764671

    임가람 2010.09.12 22:49
  • http://hyosha.blog.me/90095927306

    이효숙 2010.09.12 23:11
  • http://blog.naver.com/cola_ice/10093978644

    강서현 2010.09.12 23:42
  • http://hiei.tistory.com/entry/홈페이지

    이지향 2010.09.13 00:37
  • http://crystalwine6.blog.me/140114603242

    서가은 2010.09.13 00:47
  • http://mkel.hosting.paran.com/
    (최대화로 봐야해요.)

    강지연 2010.09.13 00:56
  • http://blog.naver.com/marchlioon

    박혜진 2010.09.13 00:59
  • http://blog.naver.com/ricoda/113177967

    안정호 2010.09.13 01:39
  • http://bororim.uphero.com/

    이보림 2010.09.13 01:54
  • http://blog.naver.com/unasdoll

    김윤아 2010.09.13 01:59
  • 교수님...저는 FTP에 업로드 자체가 되질 안네요..ㅠㅠ태그를 써도..ㅠㅠㅠ어쩌죠..
    일단html로 홈페이지는 다 됬는데...ㅠㅠ이멜로 보내드릴꼐요..ㅠ

    오현아 2010.09.13 03:18
  • http://blog.naver.com/sweetignt/40114309293

    김현진 2010.09.13 03:42
  • http://blog.daum.net/saarahk

    교수님께 멜보냈던 학생입니다.
    일단은 블로그만 만들었습니다

    성소정 2010.09.13 07:34
  • http://blog.naver.com/xxxyoshiki7

    박성민 2010.09.13 09:29
  • http://meanheart.com

    이송희 2010.09.13 10:48
  • www.ordinarywave.com

    들어가셔서 왼쪽 첫번째 동그라미 입니다-

    박유나 2010.09.13 11:17
  • 파란 계정이 용량초과되서 계정을 옮겼습니다.
    http://bittersweet.comule.com

    강지연 2010.09.13 12:05

http://www.w3schools.com/html/html_css.asp

HTML Introduction
HTML Get Started
HTML Basic
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML Formatting
HTML Styles
HTML Links
HTML Images
HTML Tables
HTML Lists


웹페이지 제작을 위한 HTML & 드림위버 CS4

교재로 공부하는 경우
Part 0 홈페이지 제작을 위한 HTML 정복하기
Section 1 HTML의 기본 이해하기
Section 2 문서와 관련된 태그
Section 3 문자와 관련된 태그
Section 4 이미지와 관련된 태그
Section 5 하이퍼링크와 관련된 태그
Section 6 테이블과 관련된 태그


영상을 보고 공부하려는 경우
http://visualcommunication.tistory.com/entry/웹디자인-html을-메모장에서-시작하기


화일을 만든후에 FTP에 업로드하고 그 URL을 자신의 블로그에 올리고 여기에 댓글로 숙제를 한후에 달것
http://visualcommunication.tistory.com/entry/숙명-계정으로-50M까지-홈페이지-만들수-있음
http://visualcommunication.tistory.com/entry/개인-웹사이트-만들기-도메인-호스팅-드디어-무료-웹호스팅-발견
http://visualcommunication.tistory.com/entry/파란-웹호스팅-FTP-접속업로드-방법


이미 웹디자인 1을 들은 사람은 모바일 웹 사이트 디자인을 현재 자신의사이트에 기초하여 시작할것. 다음주에 초안을 작성하여그림화일을 블로그에 올릴것
3단계정도. 메인/ 리스트/ 컨텐츠페이지를 디자인.
http://visualcommunication.tistory.com/entry/iPhone-디자인-재료들

posted by jisunlee

웹디자인 2: 강의계획서


강 의 계 획 서(Syllabus)


2010학년도 제 2학기   

 

숙명여자대학교

*강의과목

교과목명
(Course Name)

웹디자인Ⅱ

Web design Ⅱ

학수번호/분반
(Course No./Class)

06286/02

수강대상
(Major)

 

학점/시간
(Credits/Hours)

2/3

요일/교시
(Day/Period)

월 3-5
 

강의실
(Classroom)

미술대407  

강의종류
(Method)

이론(Theory)( ) 이론 및 실습(Theory&Practice)(∨)
실험,실습,실기Experiment&Practice( )

*담당교수(Professor)

교수명
(Name)

소속
(Department)

연락처
(Personal Number)

공개전화번호
(Office Number)

E_Mail

상담시간
(Available Hours)

이지선 

교양교육원 

 

 

 

월~금 수업시간외 

1.교과목 개요 및 교육목표(Course Description & Objective)

1)교과목 개요(Course Description)

시각정보의 요소들을 합리적이고 효과적으로 표현하는 창조적 디자인 능력을 웹 편집 프로그램을 활용한 실기를 통하여 기른다.

2)교육목표(Course Objective)

HTML 5 등의 차세대 웹표준을 이용하여 인터넷 웹사이트 및 모바일 웹 등의 진화하는 IT 환경에 적합한 서비스 디자인을 편집 프로그래밍을 이용하여 실습하고 구현한다.

2. 강의방법(Course Resources)

세미나
Seminar

(∨)

발 표
Presentation
(∨)

질의응답
Q&A

( )

초청강의
Special Lecture
(∨)

현장답사
Field Trip
( )

유인물
활용
Handouts
( )

Audio/Video/TV/


(∨)

Team
Teaching

( )

토의/토론
Discussion

( )

소집단
분단수업

Small Group ( )

문제풀이
Problem Solving

( )

실험/실습/
실기
Experiment
Practice
(∨)

사례분석
조사
Case Study
( )

컴퓨터
보조학습
Computer Assisted
( )

OHP/Slide


( )

기타
Other

(웹디자인의 실무에서 프로세스 및 다양한 스킬을 교재를 통해서 배우고 실습, AdobeTV 동영상 강의 등을 이용할 예정)

3. 주교재 및 참고문헌 (Main Textbooks & References)

1) 주교재(Textbook)

Head First HTML with CSS & XHTML : 웹2.0 시대의 웹 표준 학습법
Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서
모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

2) 참고문헌(Reference)

실전 HTML5 가이드(http://webstandards.or.kr/html5)
Communicating Design: Developing Web Site Documentation for Design and Planning by Dan Brown
(UX 디자인 커뮤니케이션: 성공적인 UX전략과 산출물을 위한 노하우, 댄 브라운 저)  

4. 지정도서(Assigned Books)

- 임영한. 모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한. 2010.
- 댄 필로네,트레이시 필로네. Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서. 한빛미디어, 2010.
- 엘리자베스 프리먼,에릭 프리먼 공저/. Head First HTML with CSS & XHTML : 웹2.0 시대의 웹 표준 학습법 . 한빛미디어, 2006.  

5. 학습과제 (Assignments)

과제물명
Assignment

제출
횟수
(No. of Times)

제출
시기
Due Week)

부과점수
Weighing
(%)

내용
Contents

작성방법
Method

중간과제 

7주차

30 

개인 포트폴리오 사이트의 온라인 웹 및 모바일 웹구현 

개인홈피 연결주소를 제출 

기말과제 

15주차

50 

웹 또는 모바일 관련 개인 프로젝트  

프로젝트 결과물 소스와 프리젠테이션 화일 제출 

*과제물 보충설명 (Additional Explanation for assignments)


 

6. 평가계획(Grading Policy)

평가방법
(Method of Evaluation)

평가횟수
(No. of Times)

평가내용
(Content of Evluation)

결과처리 (계 100%)
(Weighing)

과제물
(Assignment)

중간과제 평가, 기말과제 평가 

80 

정규시험
(Mid-Term Exam)

 

 

 

정규시험
(Final Exam)

 

 

 

수시시험
(Quizes)

 

 

 

수업참여도
(Participation)

 

 

 

실험/실습/실기
(Experiment/Practice)

과제물 제출, 숙제 블로그 업데이트 

10 

출석
(Attendance)

 

10 

기타(1)
(Others)

 

 

 

※교양과목은 인원수에 상관없이 무조건 상대평가를 적용한다.

※regardless of the number of students, courses of general cultural studies shall be applied to the curve(relative Evaluation).0

*보충설명 (Notes)


 

7.강의 내용, 강의방법, 진도계획(Weekly Schedule)


(week)

강의(실험/실습/실기/)내용
(Theme)

강의방법
(Method)

진도계획(페이지),비고
(Pages)

1주

웹디자인 개론, 교재 설명, 수업진행방향 설명 

개론 강의 

뷰티풀 웹디자인, UX 디자인 서적참고 

2주

웹디자인의 주요 프로세스 및 방법 

강의, 실습 

뷰티풀 웹디자인, UX 디자인 서적참고 

3주

웹디자인 1에서 진행하였던 html 과 css의 기본적 원리의 리뷰 

강의, 실습 

1학기 진행교재 참고, w3c 웹코딩 참고, Head First HTML with CSS & XHTML : 웹2.0 시대의 웹 표준 학습법  

4주

모바일 환경 디자인 개론 

강의, 초청강연 

모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

5주

모바일 웹을 구현하기 위한 코딩 1 

강의, 실습 

모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

6주

모바일 웹을 구현하기 위한 코딩 2 

강의, 실습 

모바일 웹 사이트 제작 및 프로그래밍: 모든 휴대폰을 위한 

7주

중간 발표, 개인 웹사이트 포트폴리오와 모바일 웹 포트폴리오 발표 

개인 발표 

 

8주

실용적이고 심미적 디자인의 웹디자인 

강의 

뷰티풀 웹디자인 

9주

모바일 어플리케이션 디자인 개론 

강의 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

10주

모바일 어플리케이션을 구현하기 위한 코딩 1(아이패드 또는 아이폰 또는 안드로이드) 

강의, 실습 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

11주

모바일 어플리케이션을 구현하기 위한 코딩 2(아이패드 또는 아이폰 또는 안드로이드) 

강의, 실습 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

12주

모바일 어플리케이션을 구현하기 위한 코딩 3(아이패드 또는 아이폰 또는 안드로이드) 

강의, 실습 

Head First iPhone Development: 사용자 경험 중심의 아이폰 앱 개발 입문서 

13주

기말 발표를 위한 개인 프로젝트 리뷰 1 

리뷰, 개인질의응답 

 

14주

기말 발표를 위한 개인 프로젝트 리뷰 2 

리뷰, 개인질의응답 

 

15주

웹사이트, 모바일웹, 어플등의 개인 프로젝트의 발표 

기말발표 

 

8.수강학생의 참고사항(Consultation for Students Taking the Course)

posted by jisunlee