메뉴 건너뛰기

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
975 [제로보드강좌]12강. 최근게시물[이미지] 뽑아내기 [51] 네찌 2007.01.19 10290
974 병사그리기 [28] file 권영록 2003.02.28 10299
973 아이들 아동복 선전에 쓰일 듯한 텍스쳐... [6] file 엔스타일 2003.04.05 10299
972 특정부분 제거, 복사 방법 [29] file 여어자 2003.07.30 10301
971 사진 각도 바꿔서 이쁜 이미지 만들기! [9] file We'zle 2002.10.30 10302
970 알파값 적용 모션시에 꿈틀거리는 사진 문제해결..; [8] 세나^.^ 2002.05.22 10307
969 [포토샾]엠보싱 버튼 만들기-2 file Raspberry 2005.10.03 10307
968 세계최소형슬라이드핸드폰!!!!!!!!!!!!!!!!!!!!!!!!! [14] file Leesle 2003.02.01 10314
967 매트릭스 코드같은 이미지 만들기. [32] file whitecrow 2003.08.03 10335
966 [키르강좌] 잡티제거하기..-_-;; [2] 키르(SP) 2002.02.25 10354
965 동심원중심으로원하는이미지복사. [9] file DesignByXery 2004.04.03 10355
964 알아두면 유용한 포샵 팁!!! [11] 이광섭 2003.07.08 10377
963 [ 플래시 게시판 ] 튜토리얼 - loadVariables를 사용한 기초게시판 [2] file Fc 2004.02.25 10386
962 금속글씨만들기 [1] 이경빈 2003.08.13 10388
961 도트로 쪼꼬만 꼬맹이 만들기..ㅡ.ㅡ;; [21] zizibecap 2002.04.18 10407
960 [紅夜]사진을 유화 느낌이 나게 바꿔보자! [10] file 紅眼의정령사 2002.03.17 10415
959 라이트닝 이펙트,채널로 버튼 만들기 [9] file 유이【juːi】 2003.04.15 10428
958 Curves 이용해서 겹겹이 글자쓰기 [6] file 세비 2003.03.23 10430
957 불타는 문자 만들기 [15] file 어지니 2005.03.04 10444
956 마티오의 도트 강좌*건전지 그려보기~ [8] file 마티오 2004.09.26 10447