HELLO CODING HTML5 + CSS3 워드보다 쉬운 웹사이트 만들기

고객평점
저자황재호
출판사항한빛미디어, 발행일:2018/03/02
형태사항p.265 B5판:24
매장위치컴퓨터부(B2) , 재고문의 : 051-816-9500
ISBN9791162240502 [소득공제]
판매가격 19,800원   17,820원  (인터넷할인가:10%)
포인트 891점
배송비결제주문시 결제
  • 주문수량 

총 금액 : 0원

책 소개

오바마 전 미국 대통령이 코딩 교육을 강조하면서 미국은 물론이고 전 세계에서 조기 코딩 교육 열풍이 불고 있습니다. 우리나라 역시 2018년부터 초ㆍ중ㆍ고등학교에서 코딩을 의무적으로 가르치고 있습니다. 이에 따라 코딩 교육용 프로그램인 스크래치와 엔트리 등 관련 서적이 많이 출간되고 있습니다. 하지만 웹 분야에 관련해서는 초ㆍ중ㆍ고등학생이나 비전공 일반인을 대상으로 한 책과 콘텐츠가 절대적으로 부족한 실정입니다.

학생들과 비전공자들이 쉽고 재미있게 코딩을 배울 수 있는 분야 중 하나가 웹 프로그래밍인데 말입니다.
웹과 웹 프로그래밍의 기본이 되는 HTML과 CSS는 웹 프로그래밍을 직업으로 하려는 사람뿐만 아니라 웹 디자이너나 웹에 관심 있는 일반인들에게도 알아 두면 도움이 되는 컴퓨터 언어입니다. 이 책은 앞서와 같은 다양한 이유로 HTML과 CSS를 이제 막 시작하려고 하는 학생이나 비전공, 일반인을 대상으로 집필하였습니다. 즉, 처음 시작하는 사람들을 위해 아주 쉽고 재미있게 끝까지 완독할 수 있도록 다양한 예제 실습을 준비하였습니다. 이러한 실습을 따라해 보면서 자연스럽게 HTML과 CSS의 원리를 파악하고, 나아가 웹 페이지를 자유자재로 제작하기 위한 기초를 완성하는 데 목적이 있습니다.

저는 수년 동안 다양한 사람들을 대상으로 웹 디자인과 프로그래밍 강의를 진행하면서 누구나 쉽고 재미있게 HTML과 CSS를 배울 수 있는 책의 필요성을 절감했습니다. 어떻게 하면 어린 학생들을 비롯하여 프로그램을 전혀 알지 못하는 일반인들까지도 HTML과 CSS의 원리를 더욱 더 쉽게 파악하고, 이해하여 실제 웹 페이지까지 제작할 수 있을지 고민한 끝에 이 책을 집필하기로 마음먹었습니다.

이 책에는 장마다 새로운 실습 예제를 담아 지루할 틈이 없고, 쉽고 재미있게 이해하면서 복습까지 할 수 있도록 중간중간에는 다양한 퀴즈들을 준비했습니다. 또한, 각 장이 끝날 때마다 주어진 웹 페이지 제작 미션을 조건에 맞춰 수행해보도록 프로젝트식 연습 문제를 수록했습니다. 아무쪼록 이 책으로 공부하는 독자들이 HTML과 CSS의 기본과 웹 페이지 제작의 기초를 확립하는 데 도움이 되기를 간절히 바랍니다.

끝으로 이 책이 출간될 수 있도록 많은 도움을 아까지 않은 조희진 님을 비롯한 한빛미디어 관계자 분들께 감사의 인사를 전합니다. 그리고 편안하게 집필에 전념할 수 있도록 도움을 준 아내와 원고 검토에 많은 도움을 준 딸 리니에게 사랑의 마음을 전합니다.

1.1. 6. 도서 특징
프로그래밍이 처음인가요? 배운 적은 있지만, 재미를 느끼지 못했다고요? 그래서 [Hello Coding] 시리즈를 준비했습니다! 이 시리즈의 목표는 ‘쉽고’, ‘재미있게’, ‘끝까지’ 책을 읽는 데 있습니다.이 책 한 권으로 프로그래밍의 고수가 될 수는 없겠지만, 프로그래밍의 재미는 확실하게 느낄 수 있을 겁니다.

- 초보자를 위한 헬로 코딩 카페(http://cafe.naver.com/codinghello)
혼자서 책을 공부하다가 도저히 모를 때는 헬로 코딩 카페에 놀러오세요. 친절하게 답해드리겠습니다.
? http://cafe.naver.com/codinghello

- 당장 컴퓨터가 없어도 괜찮아요
프로그래밍 책은 지하철에서, 버스에서 읽을 수 없다고요? 실습할 수 없는 환경에 있더라도, 염려하지 마세요! 코드와 실행 화면을 바로바로 매칭해서 책만으로도 학습이 가능합니다.

- 꼭꼭 씹어서 내 것으로 만드는 4단계 반복 학습
이론+짧은 퀴즈+프로젝트 완성, 요점 정리, 이 4단계를 통해서 책의 내용을 확실하게 익힐 수 있습니다. 책을 다 읽어가는 데 기억이 안 난다고요? 그래서 마지막 장에는 종합 프로젝트를 준비했습니다.

- 10개의 프로젝트
이론은 배웠지만, 어떻게 써야 할지 모른다고요? 각 장의 마지막에는 프로젝트가 있어 이번에 배운 내용이 어디에 어떤 식으로 사용하는지 바로바로 확인할 수 있습니다.

작가 소개

저 : 황재호
경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 경희대학교 컴퓨터공학과 등에서 C++ 네트워크 프로그래밍, 자바 프로그래밍, HTML/CSS, PHP, 자바스크립트 등을 강의하였다. 현재는 수원여자대학교 예술학부에서 UX/UI 디자인과 프로그래밍 등을 강의하고 있다. 최근에는 코딩스쿨 사이트(http://codingschool.info)를 운영하고 관련 서적을 집필하며 비전공 입문자들을 위한 코딩 교육에 힘쓰고 있다. 

 

목 차

Part 1 HTML 기본기 다지기
chapter 1 HTML이란?
[!-- HTML과 CSS는 웹사이트를 꾸미는 뼈대와 살입니다. 이제 뼈대를 만들 준비를 해볼까요? --]
__01 HTML과 웹 브라우저 알아보기
__02 실습 준비하기
__03 HTML 문서 구조 이해하기
__04 CSS 맛보기
__요점 정리

chapter 2 글자 관련 태그를 익혀보자
[!-- 문단을 나누고 글자에 색칠하고 힘을 줘볼까요? --]
__01 글 제목 만들기 - [h1]~[h6] 태그
__02 단락 나누기 - [p] 태그
__03 글자 두껍게 하기 - [b] 태그
__04 줄바꿈과 공백 삽입하기 - [br] 태그
__05 목록 만들기- [ul], [ol], [li] 태그
__06 HTML 문서에 설명 글 달기
__프로젝트 1 : 간단한 로제 파스타 만들기
__요점 정리

chapter 3 멀티미디어와 링크에 대해 알아보자
[!-- 이제 웹사이트에 동영상과 그림, 음악을 추가해봅시다. --]
__01 이미지 삽입하기 - [img] 태그
__02 [img] 태그의 속성 알아보기
__03 오디오 삽입하기- [audio] 태그
__04 비디오 삽입하기- [video] 태그
__05 링크 걸기 - [a] 태그
__프로젝트 2 : 이미지, 소리, 비디오 보여주기
__요점 정리

chapter 4 테이블과 폼 양식을 만들어보자
[!-- 스케줄 표를 만들어보고 싶어요. --]
__01 테이블 삽입하기
__02 테이블의 행과 열 합치기
__프로젝트 3 : 태풍 정보
__03 폼 양식이란?
__04 텍스트와 비밀번호 입력 창 만들기
__05 라디오 버튼과 체크 박스 만들기
__06 파일 선택 창 만들기
__07 선택 박스 만들기
__08 다중 입력 창 만들기
__09 버튼 만들기
__프로젝트 4 : 문의 게시판 글쓰기
__요점 정리91

Part 2 CSS 기초와 응용
chapter 5 CSS 기본을 다지자
[!-- 드디어 CSS입니다. 이제부터 웹사이트에 살을 붙일 겁니다. --]
__01 CSS란?
__02 글자 스타일 지정하기
__03 목록 스타일 지정하기
__04 CSS에 설명 글 달기
__프로젝트 5 : 루바토 펜션 안내
__요점 정리

chapter 6 CSS 선택자에 대해 알아보자
[!-- 꾸며주려는 영역을 선택하는 방법을 알아봅시다. --]
__01 CSS 선택자란?
__02 태그 선택자
__03 id 선택자
__04 클래스 선택자
__프로젝트 6 : 양평 국제 기타 페스티벌
__요점 정리

chapter 7 레이아웃의 기초, 박스 모델을 이해하자
[!-- 대체 웹사이트는 어떤 식으로 구성될까요? 레이아웃의 기초를 익혀 꾸며봅시다. --]
__01 박스 모델이란?
__02 경계선 그리기
__03 패딩과 마진 설정하기
__04 패딩과 마진 초기화하기
__프로젝트 7 : 주말 야간 개장 안내
__요점 정리

chapter 8 배경 색상과 이미지를 설정해보자
[!-- 웹사이트의 배경을 꾸며볼까요? 저는 꽃무늬 벽지를 넣고 싶어요. --]
__01 배경 색상 설정하기
__02 배경 이미지 삽입하기
__03 배경 이미지 반복 설정하기
__프로젝트 8 : 봄맞이 세일
__요점 정리

chapter 9 테이블을 꾸며보자
[!-- 4장에서 만들었던 표도 조금 더 보기 좋게 만들어봅시다. --]
__01 테이블 경계선 그리기
__02 테이블 너비 지정과 텍스트 정렬하기
__03 테이블 배경 색상 지정하기
__프로젝트 9 : 일정(스케줄)표
__요점 정리

Part 3 레이아웃과 포토 강좌 페이지 제작하기
chapter 10 레이아웃의 기초를 다지자
[!-- 이제 준비가 됐습니다. 드디어 나만의 레이아웃을 만들어봅시다. --]
__01 레이아웃이란?
__02 display 속성
__03 float 속성
__04 clear 속성
__프로젝트 10 : 판매 도서 목록
__요점 정리

chapter 11 웹 페이지 레이아웃에 대해 알아보자
[!-- 10장에서 만든 레이아웃을 조금 더 다듬어 볼까요? --]
__01 HTML5의 레이아웃 태그
__02 전체 웹 페이지 레이아웃
__03 상단 헤더와 내비게이션 메뉴 레이아웃
__04 콘텐츠 영역과 사이드바 레이아웃
__05 하단 푸터 레이아웃
__06 전체 웹 페이지 레이아웃 완성하기
__요점 정리

chapter 12 포토 아카데미 페이지를 만들어보자
[!-- 지금까지 배운 내용을 기반으로 드디어 완성된 페이지를 만들거에요. --]
__01 실습용 포토 아카데미 페이지 소개
__02 웹 페이지 기본 틀 만들기
__03 상단 헤더 만들기
__04 메인 이미지 만들기
__05 서브 메뉴와 메인 콘텐츠 만들기
__06 하단 푸터 만들기
__07 소스 정리하여 완성하기
__요점 정리

역자 소개

01. 반품기한
  • 단순 변심인 경우 : 상품 수령 후 7일 이내 신청
  • 상품 불량/오배송인 경우 : 상품 수령 후 3개월 이내, 혹은 그 사실을 알게 된 이후 30일 이내 반품 신청 가능
02. 반품 배송비
반품 배송비
반품사유 반품 배송비 부담자
단순변심 고객 부담이며, 최초 배송비를 포함해 왕복 배송비가 발생합니다. 또한, 도서/산간지역이거나 설치 상품을 반품하는 경우에는 배송비가 추가될 수 있습니다.
상품의 불량 또는 오배송 고객 부담이 아닙니다.
03. 배송상태에 따른 환불안내
환불안내
진행 상태 결제완료 상품준비중 배송지시/배송중/배송완료
어떤 상태 주문 내역 확인 전 상품 발송 준비 중 상품이 택배사로 이미 발송 됨
환불 즉시환불 구매취소 의사전달 → 발송중지 → 환불 반품회수 → 반품상품 확인 → 환불
04. 취소방법
  • 결제완료 또는 배송상품은 1:1 문의에 취소신청해 주셔야 합니다.
  • 특정 상품의 경우 취소 수수료가 부과될 수 있습니다.
05. 환불시점
환불시점
결제수단 환불시점 환불방법
신용카드 취소완료 후, 3~5일 내 카드사 승인취소(영업일 기준) 신용카드 승인취소
계좌이체 실시간 계좌이체 또는 무통장입금
취소완료 후, 입력하신 환불계좌로 1~2일 내 환불금액 입금(영업일 기준)
계좌입금
휴대폰 결제 당일 구매내역 취소시 취소 완료 후, 6시간 이내 승인취소
전월 구매내역 취소시 취소 완료 후, 1~2일 내 환불계좌로 입금(영업일 기준)
당일취소 : 휴대폰 결제 승인취소
익월취소 : 계좌입금
포인트 취소 완료 후, 당일 포인트 적립 환불 포인트 적립
06. 취소반품 불가 사유
  • 단순변심으로 인한 반품 시, 배송 완료 후 7일이 지나면 취소/반품 신청이 접수되지 않습니다.
  • 주문/제작 상품의 경우, 상품의 제작이 이미 진행된 경우에는 취소가 불가합니다.
  • 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우에는 취소/반품이 제한됩니다.
  • 제조사의 사정 (신모델 출시 등) 및 부품 가격변동 등에 의해 가격이 변동될 수 있으며, 이로 인한 반품 및 가격보상은 불가합니다.
  • 뷰티 상품 이용 시 트러블(알러지, 붉은 반점, 가려움, 따가움)이 발생하는 경우 진료 확인서 및 소견서 등을 증빙하면 환불이 가능하지만 이 경우, 제반 비용은 고객님께서 부담하셔야 합니다.
  • 각 상품별로 아래와 같은 사유로 취소/반품이 제한 될 수 있습니다.

환불불가
상품군 취소/반품 불가사유
의류/잡화/수입명품 상품의 택(TAG) 제거/라벨 및 상품 훼손으로 상품의 가치가 현저히 감소된 경우
계절상품/식품/화장품 고객님의 사용, 시간경과, 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우
가전/설치상품 전자제품 특성 상, 정품 스티커가 제거되었거나 설치 또는 사용 이후에 단순변심인 경우, 액정화면이 부착된 상품의 전원을 켠 경우 (상품불량으로 인한 교환/반품은 AS센터의 불량 판정을 받아야 합니다.)
자동차용품 상품을 개봉하여 장착한 이후 단순변심의 경우
CD/DVD/GAME/BOOK등 복제가 가능한 상품의 포장 등을 훼손한 경우
내비게이션, OS시리얼이 적힌 PMP 상품의 시리얼 넘버 유출로 내장된 소프트웨어의 가치가 감소한 경우
노트북, 테스크탑 PC 등 홀로그램 등을 분리, 분실, 훼손하여 상품의 가치가 현저히 감소하여 재판매가 불가할 경우