Visual & Media Design

http://www.000webhost.com/order.php 계정을 신청하시고 파일 질라(다운로드: http://filezilla-project.org/download.php )에 가서 파일 > 사이트 관리자 를 선택하시고 자기가 만든 URL을 입력함 호스트(H) : www.(자신이입력한값).(랜덤주소값).net 사용자 : 입력하고 부여받은 번호 비밀번호 : 자기가 임의로 정한 비번 화일 5000개까지 공짜이고, 압축포맷은 잘 열리지 않음. 주의 할것 무료이면 언제든 날라갈수 잇으므로 반드시 백업을 자신의 컴에다가 해놓을것.

여기에 과제를 댓글로 달아주세요.

중간고사는 기 공지한대로 2주 후인 4월 19일 입니다. 지금 디자인하신 웹페이지를 html 을 이용하여 모두 코딩하여 ftp에 업로드 하는것까지가 중간고사 범위입니다. 따로 테스트 보는것은 없습니다. ^^; table 한글로 설명한것 http://bms.unionsteel.co.kr/union/webzine/academy/html12.asp 한글로 설명하는 동영상 http://imlcc.com/14 Adobe TV 드림위버 강의 http://tv.adobe.com/show/learn-dreamweaver-cs4/ 기본적인 드림위버의 기능을 알수있습니다. 포토샵에서 드림위버로 이미지를 슬라이싱 해서 가져오는 방법에 대한 동영상 입니다.

1. designing interactions 의 챕터 2까지 한명골라서 2~3 문단으로 summary 해올것 다음시간에 발표합니다. 2. http://www.snow.or.kr/lecture/culture/creative/7959.html 렉쳐의 영문 스크립트 한글스크립트 5~10분 번역이나 딕테이션하기 3. 디자인 더 보충해서 가져오기 자신의 웹사이트 오늘 여기에 디자인 보충한 자신의 웹사이트 숙제내용 댓글로 포스트 올려주세요.

http://www.w3schools.com/tags/ref_entities.asp FTP 접속프로그램 http://filezilla-project.org/download.php?type=client

Interaction Design History View more presentations from Marc Rettig Designing Interactions 책 공식 사이트 Visit Official Web Site of Designing Interactions Download Chapter 1 of the Book, PDF Format Download Chapter 2 of the Book, PDF Format Download Chapter 3 of the Book, PDF Format Download Chapter 4 of the Book, PDF Format Download Chapter 5 of the Book, PDF Format Download Chapter 6 of the Book, P..

Cooper-Hewitt: Bill Moggridge- What is Design? http://www.snow.or.kr/lecture/culture/art/6050.html Bill Moggridge: Designing Interactions 번역숙제 나갔던것. 다음주까지 입니다. http://www.snow.or.kr/lecture/culture/creative/7959.html

숙제 1. SNOW 웹페이지에 가서 스크립트 참여하기를 눌러서 한글 또는 영문 스크립트 참여하기 http://www.snow.or.kr/lecture/culture/creative/7959.html 여기 SNOW 페이지의 참여하기를 눌러서 하시면 됩니다. 자신의 블로그에 번역한 부분을 넣아놓아도 좋구요. (이건 옵션) 2주 후, 3월 29일 까지로 연장 3. 중간고사때까지 자신의 홈페이지를 만들것입니다. 다음주 까지 어떻게 만들었으면 좋은지에 대한 간단한 스케치를 손으로 하셔서 디카로 찍어서 자신의 블로그에 올리시거나 포토샵으로 작업하셔서 자신의 블로그에 올리세요. 앞으로 계속 작업할것이니 우선 간단하게 생각해와주세요. ==> 다음주에 영어로 한명씩 저에게 프리젠테이션 하고 그 다음주 3월 29일에 영어..

http://www.headfirstlabs.com/books/hfhtml/ 챕터 2의 코드를 다운로드 받아서 작성해 보세요. 코드를 여기에서 다운로드 받으세요. Code 1. Let's add "New and Improved" to the heading => Welcome to the New and Improved Head First Lounge 2. add the HTML for the link "elixir.html" to the elixirs 3. add the HTML for the link "directions.html" to detailed directions

교재 Head First HTML with CSS & XHTML Elisabeth Freeman & Eric Freeman O'Reilly 한국어판 http://www.yes24.com/24/Goods/2104548?Acode=101 Designing Interactions Bill Moggridge 숙제 1. 내용을 여기 댓글에 달아주세요. 이름/이메일/블로그또는 웹사이트 URL (매주의 숙제를 포스트하기 위한) 2. SNOW 웹페이지에 가서 스크립트 참여하기를 눌러서 한글 또는 영문 스크립트 참여하기 http://www.snow.or.kr/lecture/culture/creative/7959.html 여기 SNOW 페이지의 참여하기를 눌러서 하시면 됩니다. 자신의 블로그에 번역한 부분을 넣아놓아도 좋..

http://www.w3schools.com/html/default.asp HTML Tutorial 1 - Designing A Website In Notepad - Basics and Beginnings HTML Tutorial 2 - Colours, Fonts, Backgrounds Website Design HTML Tutorial 3 - Adding Images & Backgrounds To Your HTML Website HTML Tutorial 4 - HTML Website Tables & Layouts Tutorial HTML Tutorial 5 - Links & Menu Bars - Website Design Tutorial HTML Tutorial 6 - Putting Your Websi..

강 의 계 획 서(Syllabus) 2011학년도 제 1학기 숙명여자대학교 *강의과목 교과목명 (Course Name) 인터랙티브미디어디자인Ⅰ INTERACTIVE MEDIA DESIGNⅠ 학수번호/분반 (Course No./Class) 06285/02 수강대상 (Major) 학점/시간 (Credits/Hours) 2/4 요일/교시 (Day/Period) 화 7-10 강의실 (Classroom) 미술대404 강의종류 (Method) 이론(Theory)( ) 이론 및 실습(Theory&Practice)( ) 실험,실습,실기Experiment&Practice( ) *담당교수(Professor) 교수명 (Name) 소속 (Department) 연락처 (Personal Number) 공개전화번호 (Office ..

안정호 과제 포스트 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..

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을 누르면 찰칵하는 소리와..

스매싱 매거진의 아이폰 앱중에 디자인잘된것에 대한 기사입니다. 2009년도 10월 http://www.smashingmagazine.com/2009/10/09/iphone-app-design-trends/ Be Happy Now25 (iTunes Link26) Be Happy Now’s big buttons convey the “be happy” mantra through a mellow color scheme and light, calm and clear typeface. Flickr13 [iTunes link14] Flickr is another example of how to achieve a good balance between functionality, visual design and the s..

http://blog.cocoia.com/2010/iphone-4-icon-psd-file/

http://www.junapps.com/bbs/board.php?bo_table=iphone_web http://b.headvoy.net/315 기본 투토리얼 http://webdevmobile.com/xe/jsframework iPad 용 JQ Touch https://gist.github.com/340427

12월 18일 토요일 10시 삼원페이퍼 갤러리 http://www.papergallery.co.kr/ 12명정도... 종이 강의 가능한지는 문의해놓겠음. 참고로.. http://www.siggraph.org/asia2010/content/attendees/registration

http://neofuture.cafe24.com/jqtouch_medi/jqtouch-r148/sample/index.html 지난번에 민원기님이 주신것으로 간단한것을 만들어보았습니다. 음. 잘 뜯어서 해보세요. 저는 여기에 몇가지 기능을 추가하고 싶은데... 동영상 플레이연결하는것등등... 추가적인 질문 있으면 댓글로 달아주세요. 이번주 수업 월요일날 수시때문에 못한것은 주말에 미술관에 필드트립을 옵션으로 가는것으로 대치하려고 합니다. 좋은전시 있으면 알려주세요~

쉬운 설치 방법 (테마 및 플러그인) Winscp를 통해서 접속하고(cafe 24인경우 root 아이디로 들어가야함) 터미널을 구동함 1. VSFTP 실행 /etc/init.d/vsftpd restart 터미널창에 명령어입력에 위의 빨강글씨를 복사하여 입력 2. VSFTP 설정 FTP에서 최상위로 이동 /etc/vsftps/ftpusers (화일명) , user_list

사파리 브라우저는 깔고 기본설정의 고급의 제일하단에 개발자용으로 보기에 체크박스를 선택한 후 브라우저의 개발자용에서 사용자에이전트를 safari 4.1 iPhone으로 설정한다. 참고 : http://wkimin.tistory.com/15 샘플 데모 http://www.inheart.kr/html5/jqtouch-r148/sample/index.html 샘플 코드 http://www.inheart.kr/html5/jqtouch_sample.zip 테마 변경 themes/apple 또는 jpt 를 복사해서 새로운 자기 많은 테마를 만든다. 디자인 변경이 필요한곳 (이미지 변경 필요) sample/jqt_startup.png (320 * 480) sample/jqtouch.png (57 * 57) ABOUT..

오늘 게시판을 이용하신분들은 테마 및 플러그인을 설치해보시면서 모바일용으로 자신이 만드는 사이트 디자인을 구현해보시고 다음시간에 질문바랍니다. * 다음시간에 워드 프레스와 FTP를 연결하는 방법을 배우도록 하겠습니다. 11월 22일에는 그림책을 구현하는 방법에 대해서 배워보도록 하겠습니다. - JQ Touch 로 아이폰 타겟으로 만해서 이미지 슬라이딩으로 하던가 - 워드 프레스등의 플러그인을 찾아서 솔루션을 알려드리도록 요청하겠습니다. 다음시간까지는 기술적 지원을 모두 드릴예정이니 질문있으신분 꼭 질문바랍니다.

민원기님 블로그 참고 http://wkimin.tistory.com/13 모바일 웹에서도 동영상을 재생할수 있는 간단한 방법을 알아 보겠다. * 3가지 방법이 있는데, blip.tv, youtube, vimeo 사이트를 사용하는 방법을 알아보자. * 주의점 blip.tv를 제외하고는 default로 모바일 영상을 제공하지 않습니다. 동영상을 업로드 하는 사용자의 선택에 의해서 모바일 영상 제공여부가 구분됩니다. 본인이 직접 동영상을 제작해서 업로드 한다면, 동영상 업로드시 mobile 동영상 제공 여부를 확인해야 합니다. 1) blip.tv 영상 (embed 코드) 2) youtube 영상 (iframe 코드) 3) viemo 영상 (iframe 코드) 4) test link www.inheart.kr/..

참고 : http://wkimin.tistory.com/14 1. 가상 서버 호스팅을 한다. 2. 신청 완료까지 카페 24의 경우 한시간정도 걸린다. 3. http://ko.wordpress.org/ 한국 워드프레스에 접속 http://ko.wordpress.org/download/ 에서 오른쪽의 빨간 버튼을 눌러 다운로드 한다. 4. 보안을 추가한 FTP 파일 전송 프로그램을 다운로드 받아 설치해 놓을것 winscp download (http://winscp.net/download/winscp429setup.exe) 5. 가상 서버 호스팅이 신청된 메일을 확이하여 Winscp 의 바탕화면의 아이콘을 더블클릭하여 실행... 호스트 이름 Domain neofuture.cafe24.com 포트번호가 비보안채..

1. CAFE24 홈페지에서 가상호스팅 클릭합니다. 2. 리눅스 가상서버 호스팅에서 신청합니다 3. 회원가입을 하고 들어 오면 기본적인 정보를 넣는곳이 있습니다. (관리자 정보 넣을때 유념해서 보시기 바랍니다) 나중에 가상 서버 관리할대 필요합니다. 4. 동의 하고 넘어가시면. 도메인 선택 과 서비스 선택이 있습니다 1) 일단 무료 도메인 사용하시고 2) 서비스 선택에서 상품명은 (가상서버 일발형), 서비스기간(알아서 선택), 설치O/X(Fedora11)+APM설치, 보안설정(사용) 3) 결재 하시면 됩니다. 5. 결제가 끝나고, 가상 서버 설치가 끝나면 메일이 오게 됩니다. (이상입니다)

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