메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

많이들 사용하시리라 믿는
나모와 같은 프로그램을 위지윅에디터라 하고,
EditPlus와 같은 프로그램을 텍스트에디터라고 칭합니다.

아래는 셀의 위치를 사이트 재개편상, 바꿔야 할 필요가 있을때
유용할 듯 하군요.
물론, 소스-HTML편집(F6)으로도 손쉽게 가능하지만,

초보자분들에게 유용할 듯 싶고,
아직, 표나 셀에 대한
나모의 WYSIWYG (What You See Is What You Get)기능을 충분히 활용 못하시는
분들이 있으신 것 같아서 올려봅니다.

편의상 아래의 최근게시물이 삽입된 표(table)화면을 그대로 이용하겠습니다.

[그림 1]


위의 [그림 1]에는 웹디자인 tip자바스크립트 최근게시물이 상단에 위치하고 있습니다.
사이트 개편상, 하단부에 위치한 제로보드 tip 추천제로보드스킨
제일 상단에 위치해야된다고 가정해봅시다.



[그림 2]와 같이 나모작업창을 다시 살펴봅시다.
[그림 2]



표(table)의 좌측의 셀에 마우스커서를 위치하면
이와 같은 화살표 아이콘이 보이게 됩니다. 이 화살표가 나타나면 셀선택을 할 수있다는 표시가 됩니다.
[그림 4]를 참조하십시오.

[그림 4]



화살표가 화면에 보인다면, 그대로 원하는 셀까지 드래그를 합니다.
현재 저는 웹디자인 tip자바스크립트최근게시물이 포함된
제로보드의 PHP코드를 선택하였습니다.
[그림 5]

※ 참고로, 최근게시물 상하의 간격을 두기위해서 저는 빈공백의 셀을 추가했기 떄문에,
두줄의 셀을 선택한 것입니다.


이제 아래와 같이 선택한 셀을 자르기명령으로 잘라냅니다. (단축키 : Ctrl+X)
[그림 6]



일단 잘라낸 셀은 클립보드에 임시적으로 저장되었으며, 작업창에서는 사라졌습니다.
[그림 7]




이제 아래와 같이 빈공백의 셀을 선택합니다.
※ 참고로, 이 선택된 셀은 제로보드 tip 추천제로보드스킨최근게시물의
하단부에 위치한 빈공백의 셀입니다.
[그림 8]



이제 클립보드에 저장된 조금전 잘라내었던 셀을 붙여넣기 합니다. (단축키 : Ctrl+V)
[그림 9]




이때, 표 붙이기 창이 뜨게됩니다.
웹디자인 tip자바스크립트최근게시물이 하단부에 위치하는 것이
목적이므로, 아래쪽 가로줄에 삽입을 선택한후, 확인 버튼을 클릭합니다.
[그림 10]




이제 적용한 결과를 FTP에 업로드 한후, 결과화면은
아래와 같습니다.
[그림 11]



위와 유사하게, 세로의 셀을 선택시에도 동일한 방법으로 위치변화를 줄 수 있습니다.
[그림 12]
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2155 [티모시] ::::::::: 초허접 간단 주사위 그리기..:::::::::; [16] 티모시 2003.02.27 4232
2154 →오라클의 물방울 만들기 3/4 - 톤 정리하기 file 오라클 2002.07.21 4238
2153 글자에 그림자효과 넣기 11 문학의향기 2006.07.28 4239
2152 [포토샵 초보자] Polygonal Lasso Tool 사용하기2부 [14] file ZipShin 2003.01.17 4242
2151 포토샵 7.0 - 16. 프레임제작과 웹에 링크하기 [2] 서기 2005.11.11 4250
2150 그라디언트 - 네모편 [4] file 미키 2002.08.21 4256
2149 Stained Glass [5] file 쭘's 2003.03.29 4258
2148 멋드러진 소용돌이? -ㅁ-;; [5] file w:)style 2002.10.29 4260
2147 포토샵 단축키 알아보기!! [5] file 박종익 2003.08.24 4262
2146 [기초中기초] 빤딱이 브러쉬 만들기 [3] file 프레 2002.08.08 4277
» [나모]셀의 위치를 손쉽게 변경하자. [3] 아치 2003.11.26 4281
2144 글씨 반짝이게 하기 3 문학의향기 2006.07.26 4294
2143 재미없는 수학이론 이용한 평면상의 거리 구하기 [3] 비무p 2005.01.12 4298
2142 [psp6]올록 볼록 버튼 디자인 [2] file 국왕-_-)/ 2002.02.23 4299
2141 [포토샵 7.0 동영상강좌] 9. 레이어마스크, 트랜스폼 [1] 서기 2005.10.24 4304
2140 이미지 주위 부드럽게 만들기 6 문학의향기 2006.07.27 4309
2139 에....제 두번째 도트입니다-_-; [10] Sia 2002.08.03 4314
2138 [동영상강좌] 제14회차 - Path로 간단한 도형을 그려보자 아이티스터디 2006.02.02 4319
2137 [SWISH]돋보기 효과 [3] file 여어자 2003.05.18 4320
2136 [퍼니페인트]노트북에 내 홈페이지 넣기 [21] file funnyPSP 2002.05.12 4323