강좌)홈페이지 나도 만들수 있다.5.(표 그리기)

이번에는 표를 사용 하여서 메인 화면 만들기 입니다.....

폭염...무섭습니다..

건강 관리 잘 하세요..

 

5-1. 표 만들기..

 

표를 만드는 것도..웹에디터에서는 워드 프로그램 보다도 더 간단 합니다..

 

#1.

새문서를 열고..

표-새표 를 클릭 합니다..

 

#2.

표 속성에서 줄 과 칸을 각각 1 로 만듭니다..

(표 속성은 나중에라도 언제든지 수정 할 수 있습니다..

수정하고자 하는 표안에 마우스 커서를 갔다 놓고 오른 쪽 버튼을 클릭 해서 표속성을 수정 할 수 있습니다)

 

#3.

커다란 한줄 짜리 표가 만들어 졌습니다..

이 표 안에 작은 표들을 넣어서 모양을 만들도록 하겠습니다..

 

#4.

일단은 기본이 되는 표를 수정 하겠습니다..

표의 크기와 선의 두께를 조정 하겠습니다.. 

 

#5.

표 속성에서 표의 넓이를 1024 픽셀에 고정 시킵니다..

선 두께를 0 로 하면 보여지지 않는 표가 됩니다..

 

#6.

편집창에서는 기본이 되는 표가 점선으로 표시 되지만..

웹상에서는 아무것도 안 보여 집니다..

표 안에 3줄에 2칸 짜리 아기표를 만들어 넣습니다..

표만드는 법은 위와 같습니다..

 

#7.

맨위에 셀을 두개 선택 한 후..

두개의 셀을 합칩니다..

 

#9.

아랫쪽 2개의 셀의 크기를 수정 합니다...

수정 하는 방법은 두개의 셀을 마우스로 드래그 한 후..

오른 쪽 버튼을 눌러서 셀속성을 원하는 크기로 바꾸어 주시면 됩니다..

 

#10.

아래 미리 보기 한 것 처럼 각각의 셀속성을 지정 하여 줍니다...

기본표의 넓이가 1024 픽셀 이었습니다..

배너 부분은 1020 픽셀..

메뉴와 메인 합하면 넓이는 1010..

1024>1020>1010..넓이를 조금씩 작게 하는 이유는 선두께나 여백등을 감안 해서 입니다..

이렇게 안하시고 % 로 조정 하셔도 됩니다만..%는 유동적이고..

픽셀은 완전 고정을 시키는 것입니다.. 

 

 

#11.

기본이 만들어 졌으니..

각각의 셀안에 적당한 그림과 버튼을 넣어 보겠습니다..

배너 부분의 크기가 1020 X 150 픽셀이니..

그만한 크기의 배너 그림을 만들어서 삽입 합니다..

배너 넣는 방법은 전편에서 설명 드렸습니다..

메뉴 부분 역시 아래와 같이 편집 해 보았습니다..

메뉴 버튼안에 또 다른 5줄 짜리 표를 넣고,,버튼을 넣어서 고정 시켰습니다.

이렇게 완성 되었습니다.

여러분들은 여러분들 나름대로의 메인화면을 만들어 보시기 바랍니다...

현재 파일의 이름은 정해 져 있지 않습니다..

작업을 종료 하실 때는 꼭 이름을 넣고 저장 하시기 바랍니다...

파일 이름은 되도록이면 영소문자를 쓰는 것을 원칙으로 하시기 바랍니다..

 

#12.

인터넷 익스플로어에서 띄어 보겠습니다..

 

오늘은 간단하게 설명 드렸습니다..

왜냐면..대부분의 방법이 지난편 강좌에서의 변환이기 때문입니다..

그림 넣기나..하이퍼 링크 시키기 같은 것은 지나번에 다 했기 때문에 이번에는 따로 설명드리지 않았습니다..

표를 만드는 것은 아주 쉬운 것 같으면서도..

표안에 표를 넣다 보면..

전체적인 넓이나 높이 계산을 잘 하셔야 합니다..

그게 잘 안되면..미리보기를 했을 때..내가 원했던 결과가 나오지 않고 이상하게 나오는 경우도 많이 있습니다...

다음 강좌 까지 기다리는 시간 동안..

표속성/셀속성..많은 연구 하셔야 합니다.. 

또한...항상 html 태그를 유심히 보셔야 합니다..

도대체 에디터에서 그린 표가..

html에서 보면 어떻게 되어 있는 것인지..

스스로 연구 하시다 보면 세밀하게 수정하여야 할 때나..

오류 부분을 스스로 찾아 낼 수가 있습니다...

 

잡담..

블로거들에게는 홈페이지가 필요 없을 수도 있을 겁니다..

그래서 그런지..생각 보다는 호응도가 많이 떨어지는 듯 합니다..

사실 블로그를 만드는 것은 아주 쉽습니다.

경제적으로도 돈도 들지 않고..

오로지 시간과 정성과 아이템만 있으면 각 포털 사이트에서 블로그를 개설하면 되기 때문이지요..

개설하는 방법도 간단하기 때문에 만들기도 쉽고..

그렇게 쉽게 만들어 놓으면 또..손님들이 알아서 방문을 해주게 되어 있지만..

홈페이지 라는 것은 만들려고 하면 ..

돈 도 들어야 하고...또 모든 소스를 스스로 만들어 내야 하고....

방문자를 늘리기 위해 많은 투자를 해야 한다는 것입니다..

그렇게 힘들게 만들었다고 하더라도..유지하기 또한 만만치 않습니다...

잘 생각 해 보시고..

홈페이지 만들기..포기 하셔도 됩니다...

그러나, 나만의 영토를 사이버 공간에 늘리고 싶으신 분은 끝까지 따라 오셔서

꼭 성공 하는 홈페이지 만드시기 바라겠습니다...