웹표준 (3) 썸네일형 리스트형 반응형 홈페이지 제작의 기초1 (layout) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블 마크업, (html) 글을 게시하는 텍스트 마크업, (html) 으로 크게 4종류를 들 수 있습니다. 그 중 홈페이지를 구성하는 레이아웃 마크업에 대해 알아보겠습니다. 먼저 웹사이트 제작을 시작하기 전에 2가지 측면을 고려하.. 절대경로와 상대경로 개발언어와 퍼블리싱 소스코드를 제작하는 경우에는 경로 지정이 필수적으로 필요한데, 이와 같은 작업은 절대경로와 상대경로를 지정할 수 있습니다. 절대경로 웹사이트의 주소와 경로이름으로 설정한 방법을 이야기합니다. 예를 들어 웹사이트 주소와 경로가 정해져있는 abc폴더를 지정하기 위해선 http://blueseal.kr/main/sub/abc.html 와 같이 해당하는 도메인 주소를 기입한 후 해당폴더를 하단카테고리로 지정하는 /로 구분지어 줍니다. 각 폴더의 지정된 이름을 나열한다고 하여 절대경로라고 부르고 있습니다. (도메인을 제외한 폴더 이름을 지정하는 루트상대경로와도 일맥상통하는 부분입니다.) 장점은 폴더 구성을 눈으로 쉽게 볼 수 있는 반면, 단점은 서버를 옮기거나 폴더 구성이 바뀔 경우 다.. 홈페이지 이미지 요소와 속성 속성이라고 말하는 부분은 모든 태그 요소에 들어가는 html이 이해하도록 명령해주는 코드라고 생각하면 이해가 쉽습니다. img ▲이미지는 이렇게 시작되며, src=""라는 속성을 붙여줌으로서 정상적으로 동작합니다. 확장자명은 .jpg처럼 꼭 붙여주어야 인식합니다. ▲또한 이미지의 크기도 지정할 수 있는데, 가로(width) 세로(height)를 지정해 원하고자 하는 크기를 정해줄 수 있습니다. (가로와 세로를 지칭하는 width, height는 나중에 CSS에서도 많이 쓰는 퍼블리싱 요소기 때문에 단어 입력을 손에 꼭 익혀 놓으시는 게 좋습니다.) ▲ alt 요소로 이미지가 가진 내용의 의미를 붙여 줄 수 있으며, 이는 엑박이 뜨는 현상을 대체하거나 시각장애인들을 위한 태그 요소로 꼭 붙여주시는 게 좋습.. 이전 1 다음