출처 원본 : http://www.homejjang.com/05/layout.php | ||||||||||||||||||||||||
홈페이지를 제작할때 가장 많이 사용되는 태그는 <table>태그입니다.(<tr>,<td>와 함께) 이유는 레이아웃을 잡을때 <table>태그만큼 효율적인 것이 없기 때문입니다. 대부분의 홈페이지는 top 부분과 left 부분에 네비게이션(메뉴)이 위치합니다. 이를 최대한 간단하게 만들어 보겠습니다.
다소 복잡한 테이블이지만 실제로 만들어 보면 크게 어렵지 않습니다.
너비의 단위는 %를 사용하였지만 100% 레이아웃을 차지하는 홈페이지가 아닌 이상 % 보다는 픽셀을 사용하는 것이 보다 일반적입니다. 그리고 테이블의 셀안에 다시 테이블이 들어가는 것을 볼 수 있습니다. 테이블을 이렇게 중첩시켜 나가면서 복잡한 레이아웃을 구현합니다. 예제에서는 이미지를 전혀 쓰지 않았지만 대부분의 홈페이지 작업은 전체적인 화면의 이미지를 먼저 만들고 이 이미지를 잘라서 테이블을 이용하여 배치를 하는 방식으로 진행됩니다. |
아이프레임이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다. 일반적인 프레임(frame)과 비교해보면 아이프레임은 <frameset> 태그 사이에 올 필요가 없으며, 독립적으로 마치 <img> 태그를 사용하듯 문서내의 원하는 위치에 삽입할 수 있습니다. 아이프레임에서 사용할 수 있는 속성도 <img> 태그과 유사합니다. src 속성 inline frame 내에 불러올 문서의 주소를 적어주면 됩니다. 홈짱 홈페이지를 불러오는 예제를 만들어 보겠습니다.
width와 height 속성 inline frame의 너비와 높이를 지정할 수 있습니다.
frameborder 속성 inline frame의 경계선의 두께를 지정할 수 있습니다.
marginwidth와 marginheight inline frame의 여백을 지정할 수 있습니다.
scrolling inline frame내에서 스크롤바 사용여부를 지정할 수 있습니다.
scrolling 값을 no로 지정하면 스크롤바가 생기지 않습니다. | |||||
배경음악 사용하기 Bgsound와 Embed | ||||||||||||||||||||||||||||||||||||||||||||||||||
좀더 분위기 있는 홈페이지를 만들기 위해서 배경 음악을 사용하는 경우가 많습니다. 그러나 방문자가 배경음악을 원하지 않는 경우도 있으므로 배경음악을 사용할때 아래의 내용을 고려해 봐야 합니다.
| ||||||||||||||||||||||||||||||||||||||||||||||||||
배경음악 사용 방법 ① bgsound
bgsound element는 인터넷 익스플로러에서만 작동합니다. 그리고 화면에 아무런 내용이 출력되지 않으므로 방문자가 음악을 끄기가 힘듭니다. loop 속성은 배경음악의 반복 횟수를 지정합니다. -1 이나 INFINITE 값으로 지정하면 계속적으로 반복됩니다. ② embed
embed 엘리먼트에서 사용할 수 있는 속성은 아래와 같습니다.
|
'프로그래밍 > 웹 프로그래밍' 카테고리의 다른 글
php 기초 실습 (0) | 2016.03.13 |
---|---|
php 입문 사전 지식 (0) | 2016.03.13 |
html 중급? (0) | 2016.02.21 |
HTML 기초 (0) | 2016.02.21 |
비즈니스 로직(Business logic)? (0) | 2016.02.14 |
웹서버(Web Server) / 웹 서버 어플리케이션(WSA) (0) | 2016.02.14 |
댓글을 달아 주세요