메뉴 건너뛰기

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
202 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 325
201 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
200 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
199 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
198 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
197 LECTORA - 작품마법사를 활용한 레이아웃 구성하기[제5-1강] [1] 에듀멘 2006.03.14 2161
196 ▣[제2-1강]렉토라의 구조와 페이지 구성 에듀멘 2006.03.12 2183
195 LECTORA - 학습주제 및 학습내용 제작하기[제7강] 에듀멘 2006.03.14 2205
194 렉토라-멀티미디어 자료 입력하기[400가지 디자인갤러리사용][제6-1강] 에듀멘 2006.03.14 2239
193 렉토라-작품마법사를 활용한 레이아웃 구성하기-[제5강] [1] 에듀멘 2006.03.14 2254
192 ▣이러닝콘텐츠제작방법 - [제2강] 렉토라 강좌 안내 에듀멘 2006.03.10 2369
191 ▣ 이러닝콘텐츠제작방법 - [제1강] 렉토라 강좌 안내 [1] 에듀멘 2006.03.10 2397
190 [동영상강좌]로그인 스킨 적용법 에관한 강좌 [3] 조한철 2006.01.19 2491
189 렉토라 교재다운로드[ox문제,주관식,객관식문제유형및다양한 자료개발] - 1분만에 제작 [1] 에듀멘 2006.03.10 2494
188 [동영상강좌]최근개시물 적용방법 [2] 조한철 2006.01.19 2601
187 [나모웹 초보자] 스크립트 마법사② file 나만의길 2004.07.18 2607
186 애플모션 강좌 14강 비헤이비어/Custom Negate Oscillate 덴디 2004.12.29 2667
185 [기초] 링크된 레이어 잠그기(Image Ready) 페류 2003.02.27 2753
184 [나모웹 초보자] 책갈피를 만들어 보자.~! file 나만의길 2004.07.18 2766
183 [냠냠이의 그림판 강의!]1. 그림판이란? [10] 냠냠이/그림판user 2002.05.02 2827