본문 바로가기

Design/퍼블리싱 지식창고

(41)
홈페이지 제작에 대한 두가지 방법 지난시간에 홈페이지를 제작하기 위해 환경과 기술적 요인을 알아보았는데요 환경적요인에는 인터넷주소(도메인주소)를 필수로 구입​해야한다는것을 배웠습니다. 기술적요소(서버와 언어)를 마련하는법에 대해 좀 더 알아볼게요 ​ 홈페이지를 제작하기 전에 상품이나 컨텐츠의 성격을 먼저 파악하는것이 중요한데 쇼핑몰인지? 회사 소개 사이트인지? 제품의 소개 사이트인지? 등등.. ​ 이 과정을 통해서 간단하고 심플하게 작업을 하면 되는지 메뉴별로 복잡한 구성을 해야하는지의 선별작업을 먼저 끝내셔야 합니다 ​ 선별작업을 끝내셨으면 이제 홈페이지를 만드셔야 겠죠? 첫번째는 임대방식 제작입니다 제작에 관련된 기술을 모르기 때문에 만들어진 홈페이지를 임대하는방식으로 유료와 무료에 따른 서비스 요금의 차이가 있고 두번째는 직접제작 ..
홈페이지를 제작하기 위해 필요한 3가지 홈페이지에 대한 이론을 알아보는 시간을 가졌는데요 이제 유형을 정했다면 홈페이지를 제작해야겠죠? ​ 홈페이지를 제작하기 위해서는 크게 3가지가 필요합니다. ​ ​ 하나는 홈페이지를 찾아가기 위한 주소 (인터넷주소) 하나는 홈페이지를 저장하기 위한 저장소(서버) 하나는 홈페이지를 만들기 위한 기술 (언어) 입니다. 첫번째. 인터넷 주소란? 온라인을 이용할 수 있는 기반이 마련된 상태라는 전제하에 https://www.abc.com 등의 세가지의 조합으로 이루어져있고 홈페이지의 필수사항입니다. 구성요소를 간단히 살펴보면 http://또는 https:// 라는 세팅값을 맨 앞에 선택하는데 이는 자동차가 다니는 터널과 같습니다. 일반 터널인가? 보안 터널인가? 의 차이입니다. www는 인터넷에서 정보를 공유하는..
다양한 홈페이지의 제작 유형을 크게 3종류로 분류한다면? 다양하게 제작된 홈페이지들의 유형을 대분류로 나누어 쉽게 기록하고 짚어가도록 하겠습니다. 홈페이지는 인터넷을 토대로 온라인상에서 다양한 소비자 및 고객과 소통하는 창구로서, 정말 많은 종류의 홈페이지가 있지만, 아래와 같이 크게 세 유형의 대 분류로 구별 할 수 있습니다. 새로 시작하는 아이템과 브랜드등 제품과 회사를 알리기 위한 홍보형, 커뮤니티방식으로 다양한 의견을 주고 받는 소통형, 제품을 사고 파는 수익을 올리기 위한 판매형 때에 따라서는 아래와 같이 분야별로 상호보완을 하면서 홈페이지를 제작하기도 합니다. 홍보형 홍보형 + 소통형 홍보형 + 소통형 + 판매형 1) 홍보형 홈페이지 성격 말 그대로 사업이나 아이템, 신규제품등을 온라인에서 정확한 정보와 함께 방향성을 제시하는것은 물론, 소비자에게 ..
홈페이지에 사용하는 리스트 표현 방법 (ul,li,ol,dt,dd,dl) 홈페이지를 제작하면서 빠지지 않는 리스트의 표현 방법입니다. 흔히 리스트를 표현할 때, 자음+한자를 넣어 "■ 리스트1번" 등으로 표현하는 간단한 문구부터, 숫자를 넣어서 표현하는 방법등, 헤깔리는 순서를 한번 짚고 넘어가는 포스팅입니다. ul,li 순서가 없는 목록을 만드는 리스트 태그문으로 목록의 시작은 ul로 시작하고 안에 리스트들은 li로 시작합니다. 순서 없는 목록은 기본적으로 작은 ㆍ이와같은 점을 만들게 되는데, 아예 css reset문에서 목록에 대한 점 표시를 none;으로 만들거나 많은 리스트를 만드는게 아니라면 html상에서 제거해도 무방합니다. ​ ※ 기본 목록에서 ul에 style을 강제로 입력해 리스트에 대한 표시를 변경 할 수 있습니다. Coffee Tea Milk list-st..
반응형 홈페이지의 제작의 기초 4 (text) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. ​ 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 지정 마크업,(html+css) 표와 폼 양식을 만드는 테이블과 폼 마크업, (html) 글을 게시하는 텍스트 마크업, (html) ​ 크게 4종류를 들 수 있습니다. 그 중 마지막으로 글을 게시하고 꾸며주는 텍스트 마크업에 대해 알아보겠습니다. h1~h6 글에서의 중요도가 높은 부분에 해당 태그를 넣어..
반응형 홈페이지의 제작의 기초 3-2 (form & fieldset & input) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다 ​ 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블, 폼 마크업, (html) 글을 게시하는 텍스트 마크업, (html) 세 번째 두번째 테마 이야기 폼 만들기입니다. 홈페이지에서 기존에 가지고 있는 정보들을 차례대로 보기 쉽게 나열하거나 정렬이 필요할 때, 또는 도표의 형태로 만들어 정..
반응형 홈페이지 제작의 기초 3-1 (html table) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. ​ 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. ​ 마크업의 대표적 해당 요소는 ​ 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블, 폼 마크업, (html) 글을 게시하는 텍스트 마크업, (html) ​ 으로 크게 4종류를 들 수 있습니다. ​ 세 번째 첫번째 테마 테이블,표 만들기입니다. 홈페이지에서 기존에 가지고 있는 정보들을 차례대로 보기 쉽게 나열하..
반응형 홈페이지 제작의 기초2 (block, inline) 홈페이지를 제작하는 것은 건축물을 생각하면 이해하기가 쉽습니다. 먼저 토지를 다듬어 건축물을 올릴 장소를 마련한 후, 건축물의 뼈대를 만들고, 전기의 배선 및 수도공사 등 과 인테리어를 끝낸 후 건축을 마무리하게 됩니다. ​ 그 중 뼈대를 만드는 부분이 홈페이지 제작에 있어서는 마크업이라고 부릅니다. ​ 마크업의 대표적 해당 요소는 홈페이지를 구성하는 레이아웃 마크업.(html+css) 영역을 구분 짓는 블록,인라인 마크업,(html+css) 표와 폼 양식을 만드는 테이블 마크업, (html) 글을 게시하는 텍스트 마크업, (html) 으로 크게 4종류를 들 수 있습니다. 그중 두 번째로 영역을 구분해 섹션 설정을 하는 지정 마크업 대해 알아보겠습니다. 홈페이지는 각 섹션마다 들어가는 부분에 대한 별도의..

반응형