본문 바로가기

2016/066

✔웹코딩기초강좌 4 - HTML '블록타입'과 '인라인타입' ✔웹코딩기초강좌 4 - HTML '블록타입'과 '인라인타입' 각 요소들은 블록타입과 인라인타입으로 구분되는데, html을 작성할 때 꼭 알아둬야 할 기본 항목 중 하나다. 1. 블록타입 (Block Type, Block Level Elements) 블록타입(블록요소)는 기본적으로 줄바꿈이 일어나는 형태로 하나의 요소가 웹페이지 영역 내에서 좌측끝에서 우측 끝까지 전체 너비만큼 차지한다. Width(가로)와 Height(세로) 영역을 설정할 수 있으며, 완벽한 여백과 주변요소와의 간격을 조정한다. 이러한 블록타입에 해당하는 요소들로는 대표적으로 H1~H6요소, P요소, div 등이 있다. (△ 블록타입 예시. 상단 Result 탭을 클릭해서 결과를 확인해보자) 2. 인라인타입(Inline Type, Inl.. 2016. 6. 27.
✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기 ✔웹코딩기초강좌 ③ - HTML문서 Head 요소 알아보기 HTML문서를 작성할 때에 가장 처음 들어가는 Head (머리) 부분에 관련하여 정리해본다. ★ HTML 문서의 구조를 만드는 기본 태그 ★ 문서내용 1. Doctype 독타입(Doctype)은 HTML 문서의 가장 상단에 명시하는데, 해당 HTML 문서의 타입과 버전을 알려주는 정보를 담는다. 웹표준으로 작성할 때에 필수로 들어가는 항목이다. ※ HTML5의 선언 ▶ 이라고 최상단에 작성해두면, 해당 문서의 버전이 HTML5버전이라는 것을 나타낸다. 2. Head head요소는 해당 웹페이지에 직접적으로 표현되지는 않으나, 이 페이지의 제목이나 웹페이지가 검색엔진에 노출이 될 수 있도록 하는 각종 정보('메타데이터'라고 한다)들을 담는 역할을 .. 2016. 6. 27.
✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념 ✔웹코딩기초강좌 ② - HTML문서구조, 요소와 속성 개념 1. HTML 문서 구조를 위한 기본 태그 ① 웹브라우저에게 해당 문서의 타입이 'HTML' 웹 페이지라고 선언하는 문장으로, HTML 코딩 작성시 가장 상단(첫번째 줄)으로 들어가는 기본 태그. ② html 태그로 코딩시 모든 내용은 HTML 태그 안에 작성하게 된다. 페이지 전체를 통틀어 감싸안는 성격을 갖고 있다. ③ 태그 안에 태그를 넣을 수 있는 구조로, head 태그는 웹 페이지의 보이지 않은 정보들을 담는 영역이며, body 태그는 웹 페이지에 보여지는 내용들이 들어간다. ☞ 작성 예 공부하자 ※ 웹 코딩을 할 때, '줄바꿈 & 들여쓰기'를 습관화 하자! 태그 및 소스 등을 작성할 때, 각각의 태그가 어느 태그 안에 있는지, 해당 태.. 2016. 6. 24.
✔웹코딩기초강좌 - HTML, CSS, JAVA Script 기초 입문 - ① ✔HTML기초 - HTML, CSS, JAVA Script 입문 - ① - HTML, CSS, JAVA Script 개념과 기능- 웹 코딩을 위한 에디터 소개 '오피스샵' 쇼핑몰 웹사이트를 운영하며 HTML에 관련한 기초지식이 없어 운영에 큰 어려움을 겪었습니다. 이에 큰 마음을 먹고 주말동안 웹 코딩 강의를 신청했습니다. 주중의 바쁜 나날들을 보내면 쉬고싶은 마음이 정말 굴뚝같은데 ㅠㅠ,, 그래도 직접 할 줄 알아야 한다라는 생각으로 시작했습니다. 포스팅을 통해 배운 것에 대한 복습을 하는 동시에, 웹코딩에 관련하여 저와 같이 전반 지식이 없는 분들께 도움이 되고자 카테고리를 만들었습니다. 개인적인 기록과, 공부를 위한 포스팅인만큼, 존댓말을 쓰지 않는 것에 대해 양해 부탁드립니다 ^^; (트..틀린 .. 2016. 6. 23.
네이버쇼핑, N페이, 스토어팜 판매불가상품 리스트 목록 온라인쇼핑몰 운영팁네이버쇼핑, 네이버페이 판매불가상품 리스트 목록 온라인쇼핑몰 운영시, 제품판매 극대화를 위해 네이버쇼핑 또는 다음쇼핑하우, 네이버페이 등과 같은 포털매체를 함께 활용하게 되는데요. 특히 네이버에서는 현법상 판매하지 못하는 품목 또는 판매제한을 두는 품목들이 있습니다. 즉, 모든 상품들을 네이버쇼핑이나 스토어팜, 네이버페이 등에서 판매할 수는 없답니다. 이에 현행법상 판매가 제한되거나, 아예 불가한 상품군은 어떤 것들이 있는지 쭉 정리해봅니다. 현재 판매하고자 하는 상품이 아래 항목들에 해당하는지 미리 꼭 확인해보세요 ^^ - 취급제한상품 - 1. 매매제한상품 채팅 및 폰팅 / 운세 등 서비스 / 대출정보·대출관련 / 광고서비스 / 예치금이 존재하는 대여상품 / 90일 이상 장기 예약상품.. 2016. 6. 7.
✔PG사수수료 비교, PG사 종류 - 내 쇼핑몰에 온라인결제시스템을 ! PG사수수료, PG사 종류 내 쇼핑몰에 온라인결제시스템을 달아보자! 사실, 제가 운영하는 "오피스샵" 온라인쇼핑몰은 처음 시작시 온라인으로 상품을 판매하기보다 사무기기를 렌탈하는 서비스가 주력적이므로 처음 시작시 결제시스템을 쇼핑몰에 붙이지 않았습니다. 프린터나 복합기 등 계약기간과 한달에 사용하는 매수, 기종 등에 따라 가격이 변동되고 맞춤견적으로 진행할 수 있기 때문에 대부분 전화문의를 통해 상담 및 계약을 진행해왔는데요. 품목이 품목이다보니, 프린터 및 복합기도 판매를 할 수 있고 사무실에 관련한 기타 빔프로젝터, 세단기 등을 판매해보고자 시작한 쇼핑몰이므로 과감히 결제시스템을 도입하자 라는 생각을 했습니다. 와.. 그런데 뭐가 이리 복잡한지요. 온라인 결제 시스템을 붙이려면 가장 먼저 국내 PG사.. 2016. 6. 2.