메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

아이프레임홈제작강의)) 01 . 기본디자인 구성하기

안녕하세요 샤르프입니다.
음.. 지금부터 홈페이지 제작 강의?를 시작해보려고합니다.
크하하 이상하더라도; 이해해 주시구요 많이 허접합니다만 ㅠ
제 샤르프방식대로 진행하도록 하겠습니다.

첫번째, 우선 포토샵으로 기본디자인을 구성해야겠죠?
저는 조그맣게 디자인을 하겠습니다. ^^

포토샵 :)  File - New
누르셔서 원하시는 사이즈를 적어주시고 엔터를 눌러주신후
이제부터 자신이 원하는 디자인을 맘껏 찌끄려? 주세요


모두들 자 디자인 짜셨나요?^^
디자인을 짜신후 저장해주세요
그다음 현재 작업하신 창을 닫고 저장하신 파일을 불러오세요

그럼 다음 단계로 넘어가도록 하겠습니다.

이제 이미지를 잘라주셔야 겠죠?
어렵지 않으니까요 모두 잘따라오실수 있을꺼에요?^^~

포토샵에서 아무것도 누르지않은채로
( K ) 키를 눌러주세요  [ 한글을 영문으로 바꿔주신후 눌러주셔야합니다. ]
누르시면 칼모양같은 툴로 선택이 되죠? 슬라이스 툴인데요

이것을 이용해서 이미지를 잘라보려고합니다.
그럼 아래와같이 자신이 원하시는 이미지로 잘라주세요


다 짜르셨으면 저장을 해줍시다
ALT + CTRL + SHIRT + S  를 눌러주세요
그럼 창이 하나뜨죠
그 창위에 상단에  ( 오리지널 ) ( 2 -UP ) ( 4 - UP )
이란 메뉴가 있죠 거기서 4 - UP으로 들어갑니다.

그럼 똑같은 이미지가 네등분 되있죠?
그중에서 이미지 퀄리티가 제일 좋은것으로 선택합니다.
용량이 클수록 퀄리티가 높아지겠죠?
오른쪽 위에 SAVE 를 누르시면 됩니다.

누르시게 되면 조그만 창이 하나뜨는게 OK 눌러주시면됩니다.
이제 저장된 이미지를 확인해봐야겠죠? 저장하실때 지정해주신
폴더로 들어가봅시다.

폴더로 들어가보니 main.html 이란 파일하고
(imges) 란 폴더가 생겼죠?!

어랏! 못보던 폴더인데 무엇이 들어있나 열어보았더니;
아까 잘라주었던 이미지들이 들어있었네요 >ㅁ< 크하하 ㅎ

main.html 이란 파일을 열어보니 아까 잘랐던 이미지들이
테이블속에 박혀?! 있네요 그쵸 이정도 하셨다면 50% 정도
따라오신거에요 ~  시간도 적게 들고 너무 빨라서 놀라지 마세요~

그럼 다음편에선 나모웹에디터에서 main.html 파일을
수정하는 작업을 해보겠습니다. 기대해주세요

Cooming Soon ...
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48028
162 초보자도 간단한 기본 프로그램으로 깔쌈한 메뉴만들기 [5] file 미미피천사 2002.07.10 8935
161 [제로보드강좌]6-2강. 여러가지 스킨 적용해보기[갤러리 스킨] [29] 네찌 2006.12.23 8769
160 [나모]제로보드의 최근게시물의 위치를 교정하기 -(속성바로가기) [10] file 아치 2003.11.26 8769
159 [페인터] 귀여운 차이나풍의 소녀 케릭 그리기 [4] file Hwoarang 2005.02.10 8757
158 LECTORA-평가문항제작(2) 단답형 / 논술형 문제[제11-1강] [1] 에듀멘 2006.03.14 8735
157 [SWISH]책이 펼쳐지는 효과 [8] file 여어자 2003.05.18 8615
156 팝플과 MSN Checker를 이용해서 "지금 누구있지?" 구현하기 [22] @gecko~ 2003.07.09 8613
155 웹디자이너를 위한 드림위버MX에서 ASP어플리케이션 작성하기.... [11] file 박진현 2003.10.13 8519
154 [웹사이트만들기]홈페이지 제작 강좌에 앞서 한마디 [3] file HomeBox™ 2004.04.19 8453
153 [HomePage Step] 홈페이지의 제작단계 [12] ZipShin 2002.12.27 8325
152 [웹사이트만들기]홈페이지 제작전 준비해야 할 것들 file HomeBox™ 2004.04.19 8228
151 [아이콘 셋] 퀄리티 높은 아이콘 셋입니다. [3] file jury 2002.07.16 8112
150 MSN 접속 상태를 내홈페이지 표시하기! [13] 임동일 2003.07.28 8093
149 LECTORA - 평가문항제작(4) drag&drop형 / Hot Spot형 문[제13-1강] [2] 에듀멘 2006.03.14 8090
148 [SWISH] 잔상효과. [4] file 아메 2003.04.18 7969
147 SWISH - 버튼만들기 8) 장면(Scene)이동하기 [3] file 아메 2003.04.09 7957
146 [SWIFT 3D] 3D 회전하는 문자 만들기(로고나 배너등으로 응용해보아요~) [6] file ⓘ아이샤이 2003.09.14 7952
145 [레이아웃] 레이아웃의 수정법과 문서수정 [11] 구루미 2004.12.10 7877
144 [제로보드강좌]3강. 제로보드 설치하기 [22] 네찌 2006.12.20 7783
143 #07. 홈페이지의 분위기 극대화시키기. [13] Nersion 2003.01.19 7747