웹디자인 강의
기타 [나모]제로보드의 최근게시물의 위치를 교정하기 -(속성바로가기)
2003.11.26 19:25
홈페이지를 오픈한지 얼마되지 않는 사이트를 살펴보면
대개 아래와 같은 장면을 보실 수가 있습니다.
제로보드의 최근게시물을 이용할때,
게시물수 부족(?)으로 인해, Tabel 의 셀상에 위치한 최근게시물의 위치가
조금 엉성할때가 있습니다.
아래 [그림 1]에 보시면
자바스크립트 or 제로보드 tip의 최근게시물은 등록된 게시물이 어느정도(5개이상) 있어서,
정렬이 잘 되어 있지만,
웹디자인 tip 최근게시물은 정렬이 중앙으로 되어 있습니다.
[그림 1]
![na_ch01_01.gif](/files/attach/images/19360728/886/417/019/na_ch01_01.gif)
이제 나모웹에디터를 [그림 2]와 같이 불러봅시다.
[그림 2]
![na_ch01_02.gif](/files/attach/images/19360728/886/417/019/na_ch01_02.gif)
만약,
이러한
PHP를 표시하는 서식이 보이지 않는다면.
[그림 4]와 같이
서식 부호 보이기/감추기 메뉴를 이용하시면 됩니다. :-)
[그림 4]
![na_ch01_04.gif](/files/attach/images/19360728/886/417/019/na_ch01_04.gif)
[그림 5]와 같이
웹디자인 tip의 최근게시물이 위치한 셀(Cell)에 마우스 커서를 위치시킵니다.
[그림 5]
![na_ch01_05.gif](/files/attach/images/19360728/886/417/019/na_ch01_05.gif)
그 다음 속성바로가기메뉴의 단축키인 Alt+6을 실행시킵니다.
※ 참고로, 6은 NumLock에 위치한 숫자6이 아니라,
키보드의 F5키 바로 아래에 위치한 6입니다.
단축키가 아닌 메뉴창에서의 실행은
[그림 6]과 같이 [창]-[속성바로가기]메뉴에 위치합니다.
[그림 6]
![na_ch01_06.gif](/files/attach/images/19360728/886/417/019/na_ch01_06.gif)
[그림 7]에서 보다시피,
작업창에 속성바로가기(표)메뉴가 팝업창으로 생겼습니다.
[그림 7]
![na_ch01_07.gif](/files/attach/images/19360728/886/417/019/na_ch01_07.gif)
셀을 상단정렬로 하기 위해서 [그림 8]과 같이 체크를 합시다.
[그림 8]
![na_ch01_08.gif](/files/attach/images/19360728/886/417/019/na_ch01_08.gif)
F6 소스보기를 하시면 아래와 같이 valign="top" 태그가 새로이 삽입됨을 알 수 있습니다.
td valign="top"
결과는 [그림 9]과 같습니다.
[그림 9]
![na_ch01_09.gif](/files/attach/images/19360728/886/417/019/na_ch01_09.gif)
※ 차후, 게시물이 다량으로 등록되면, 이 설정이 그리 중요치 않을 수도 있지만,
초기에 홈오픈후, 방문자를 맞으실때, 조금 더 잘 정렬된 사이트의 이미지를 심어주실 수
있을 것입니다.
굳이, 제로보드의 최근게시물이 아니라,
td valign="top" 값은 표(table)로 꾸미는 사이트에서 유용하게 사용될 것이라 생각됩니다. :-)
※ 적용한 페이지는 아래와 같습니다.
http://woored.com/tip.php
대개 아래와 같은 장면을 보실 수가 있습니다.
제로보드의 최근게시물을 이용할때,
게시물수 부족(?)으로 인해, Tabel 의 셀상에 위치한 최근게시물의 위치가
조금 엉성할때가 있습니다.
아래 [그림 1]에 보시면
자바스크립트 or 제로보드 tip의 최근게시물은 등록된 게시물이 어느정도(5개이상) 있어서,
정렬이 잘 되어 있지만,
웹디자인 tip 최근게시물은 정렬이 중앙으로 되어 있습니다.
[그림 1]
![na_ch01_01.gif](/files/attach/images/19360728/886/417/019/na_ch01_01.gif)
이제 나모웹에디터를 [그림 2]와 같이 불러봅시다.
[그림 2]
![na_ch01_02.gif](/files/attach/images/19360728/886/417/019/na_ch01_02.gif)
만약,
![na_ch01_03.gif](/files/attach/images/19360728/886/417/019/na_ch01_03.gif)
PHP를 표시하는 서식이 보이지 않는다면.
[그림 4]와 같이
서식 부호 보이기/감추기 메뉴를 이용하시면 됩니다. :-)
[그림 4]
![na_ch01_04.gif](/files/attach/images/19360728/886/417/019/na_ch01_04.gif)
[그림 5]와 같이
웹디자인 tip의 최근게시물이 위치한 셀(Cell)에 마우스 커서를 위치시킵니다.
[그림 5]
![na_ch01_05.gif](/files/attach/images/19360728/886/417/019/na_ch01_05.gif)
그 다음 속성바로가기메뉴의 단축키인 Alt+6을 실행시킵니다.
※ 참고로, 6은 NumLock에 위치한 숫자6이 아니라,
키보드의 F5키 바로 아래에 위치한 6입니다.
단축키가 아닌 메뉴창에서의 실행은
[그림 6]과 같이 [창]-[속성바로가기]메뉴에 위치합니다.
[그림 6]
![na_ch01_06.gif](/files/attach/images/19360728/886/417/019/na_ch01_06.gif)
[그림 7]에서 보다시피,
작업창에 속성바로가기(표)메뉴가 팝업창으로 생겼습니다.
[그림 7]
![na_ch01_07.gif](/files/attach/images/19360728/886/417/019/na_ch01_07.gif)
셀을 상단정렬로 하기 위해서 [그림 8]과 같이 체크를 합시다.
[그림 8]
![na_ch01_08.gif](/files/attach/images/19360728/886/417/019/na_ch01_08.gif)
F6 소스보기를 하시면 아래와 같이 valign="top" 태그가 새로이 삽입됨을 알 수 있습니다.
td valign="top"
결과는 [그림 9]과 같습니다.
[그림 9]
![na_ch01_09.gif](/files/attach/images/19360728/886/417/019/na_ch01_09.gif)
※ 차후, 게시물이 다량으로 등록되면, 이 설정이 그리 중요치 않을 수도 있지만,
초기에 홈오픈후, 방문자를 맞으실때, 조금 더 잘 정렬된 사이트의 이미지를 심어주실 수
있을 것입니다.
굳이, 제로보드의 최근게시물이 아니라,
td valign="top" 값은 표(table)로 꾸미는 사이트에서 유용하게 사용될 것이라 생각됩니다. :-)
※ 적용한 페이지는 아래와 같습니다.
http://woored.com/tip.php
댓글 10
-
아치
2003.11.26 19:36
-
김도훈
2003.11.26 19:39
바로보기를 이용해서 valign=top 을 주시는군요.
전 테이블속성이나 셀속성에 들어가서 주거든요 ^^;
뭐 상관없지만.. -
아치
2003.11.26 19:47
테이블속성과 셀속성에서 들어가서 주신다는 말씀은.
오른쪽 마우스의 단축메뉴로 들어가신다는 말씀이신지요?
궁금해서 그렇습니다. 제가 모르는 부분이 있을지도 몰라서.. :-)
다들 취향이 다르실 것입니다.
HTML(F6)소스보기로 바로 작업하시는 분도 계시겠고 :-)
저희 회원들 중에, 처음 [그림1] 처럼 사용하시는 분들이 많으시길래.
이렇게 글을 구성해보았답니다.
저같이 오른쪽마우스를 싫어하고, 단축키를 주로 사용하시는 분들에게는 유용할지도
모르겠습니다. :-) -
아이러니
2003.11.26 21:19
뭐가 바뀐거지 =_=
바보는 심각하게 한번 더 고민을 ㅎ;; -
[클래식]Siny™
2003.11.26 22:32
근데 저기 있는 도트 집 강좌도 보고 싶;;;[퍽] -
김도훈
2003.11.27 21:02
네 원하는 셀을 오른쪽 눌러서 셀속성에서 탑을 주거나
표전체에 주죠 -
남상규
2003.11.27 21:51
저는 4.0이라 속성에 들어가야만 합니다.. -
남상규
2003.11.27 21:52
홈피 좋네요...
저도 비스무리한 주제이지만
확연히 차이나네요 -
아치
2003.11.28 11:51
아이러니// 네, 큰 차이점은 없습니다. :-)
단지 정렬만 바꿨을 뿐이죠.
그림1과 그림9를 비교해보시면 차이점이 보이실 듯 합니다. :-) -
Ukeri º▽º
2005.07.19 14:16
난항상 이렇시룸하는데 ㅎㅎ
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
1255 |
평화로운 물고기의 하루
[11]
![]() | 여어자 | 2003.05.06 | 13416 |
1254 | 레이어를 문자로 만들기 1부작 [30] | ZipShin | 2003.05.06 | 6328 |
1253 |
레이어를 문자로 만들기 2부작
[6]
![]() | ZipShin | 2003.05.06 | 8235 |
1252 |
플래시로 아이콘 만들기
[20]
![]() | zini | 2003.05.06 | 26898 |
1251 |
칼로 자른듯한 그림자 텍스트
[1]
![]() | 여어자 | 2003.05.06 | 10600 |
1250 |
CD 모양 만들기
[1]
![]() | 여어자 | 2003.05.06 | 12095 |
1249 |
네온싸인 만들기
[1]
![]() | 여어자 | 2003.05.06 | 12207 |
1248 |
물흐르듯 흐르는 문자
[6]
![]() | 여어자 | 2003.05.06 | 11706 |
1247 |
점차적으로 기울어지는 문자
[2]
![]() | 여어자 | 2003.05.06 | 10184 |
1246 |
예쁜 물방울 만들기
[6]
![]() | 여어자 | 2003.05.06 | 21978 |
1245 |
패턴을 이용한 꽃이있는 창가
[7]
![]() | 여어자 | 2003.05.06 | 11095 |
1244 |
마스크를 이용한 로고만들기
[3]
![]() | 여어자 | 2003.05.06 | 14499 |
1243 |
브러시기능을 이용한 바닷가(1)
[4]
![]() | 여어자 | 2003.05.06 | 12840 |
1242 |
브러시기능을 이용한 바닷가(2)
[6]
![]() | 여어자 | 2003.05.06 | 6837 |
1241 |
브러시기능을 이용한 바닷가(3)
[14]
![]() | 여어자 | 2003.05.06 | 19489 |
1240 |
신규문서 색 바꿔보기
[3]
![]() | 사라 | 2003.05.07 | 7402 |
1239 |
여러가지 문자 디자인
[5]
![]() | 여어자 | 2003.05.07 | 23039 |
1238 |
고여서 떨어지는 물방울
[10]
![]() | 여어자 | 2003.05.09 | 24566 |
1237 | cutout필터를 이용한 일러스트틱한 이미지만들기. [6] | SOO | 2003.05.10 | 8832 |
1236 |
패스를 이용한 점선 그리기
[9]
![]() | 쭘's | 2003.05.10 | 11026 |
요즘 개인홈페이지를 서핑하시다 보면, 나모강좌를 손쉽게 접하실 수 있을 것입니다.
참고로, 개인적으로 나모웹에디터는 99년도 대학내 pc에 설치된
2.0체험판을 우연히 알게되어 웹제작툴이라는 것을 알고 관심을 갖게 되었습니다.
현재는 텍스트에디터랑 번갈아 가면서 사용하지만,
저는 많이들 접하실 수 있는 내용보다
나름대로의 노하우(?)와 알아두면 좋은 기능이나 Tip위주로 올리도록 하겠습니다.
많은 관심부탁드리겠습니다.