프로그래밍이 처음인가요? 배운 적은 있지만, 재미를 느끼지 못했다고요? 그래서 시리즈를 준비했습니다! 이 시리즈의 목표는 ‘쉽고’, ‘재미있게’, ‘끝까지’ 책을 읽는 데 있습니다.이 책 한 권으로 프로그래밍의 고수가 될 수는 없겠지만, 프로그래밍의 재미는 확실하게 느낄 수 있을 겁니다.
- 초보자를 위한 헬로 코딩 카페(http://cafe.naver.com/codinghello)
혼자서 책을 공부하다가 도저히 모를 때는 헬로 코딩 카페에 놀러오세요. 친절하게 답해드리겠습니다.
? http://cafe.naver.com...
더보기
이 책의 이벤트
해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.-
상반기 베스트/추천도서 확인하고 머그&노트 사은품도!2022.06.24 ~ 2022.07.31 -
![[교보단독] 코로나보드 이모티콘 스티커([교보단독] 코로나보드 이모티콘 스티커)](https://simage.kyobobook.co.kr//ink/images/prom/2022/book/220419_corona/bnY_03.jpg)
[교보단독] 코로나보드 이모티콘 스티커2022.04.20 ~ 2022.07.31 -
기술스택 별 개발자 채용공고 비중 공개+추천도서!2021.12.24 ~ 2022.12.31
| ISBN | 9791162240502(1162240504) |
|---|---|
| 쪽수 | 288쪽 |
| 크기 | 184 * 237 * 19 mm /662g 판형알림 |
책소개
이 책이 속한 분야
이 책의 주제어
- 문서 작성만큼, 아니 그보다 더 쉬운 웹페이지 만들기, 초보자를 위한 맞춤형 입문서
워드나 PPT 문서를 만들 수 있나요? 그러면 문제 없습니다. 지금 바로 웹페이지 제작에 도전해보세요. 지금 당장 컴퓨터가 없어도 괜찮습니다. 코드와 실행 화면이 바로 보여서 눈으로만 읽어도 어떻게 작동하는지 쉽게 파악할 수 있는 것은 기본이고, 중간중간 퀴즈를 추가하여 재미있게 게임하듯 복습할 수 있습니다. 또한 이제 막 입문하여 도움을 구할 곳이 없는 여러분을 고려하여, 궁금해할 내용을 알아서 질문하고, 팁으로 친절하게 답해줍니다. 각 장의 끝에는 앞에서 배운 내용을 자연스럽게 복습할 수 있는 프로젝트도 있습니다.
헬로 코딩 시리즈로 초보에서 탈출했다고 끝내거나 멈추지 마세요. 웹페이지를 자유자재로 만들 수 있도록 <모던 웹 디자인을 위한 HTML5+CSS3 입문>,까지 완독해서 HTML5를 정복해보세요. Hello Coding 시리즈는 독자의 첫 걸음을 응원합니다.
누구를 위한 책인가요?
+ 프로그래밍을 전혀 경험해보지 못한 비전공자 (중/고등학생, 대학생, 일반인)
+ 웹 개발을 처음 접하는 사람
+ 블로그를 직접 꾸며보고 싶은 사람
+ 홈페이지를 직접 제작하고 싶은 사람
워드나 PPT 문서를 만들 수 있나요? 그러면 문제 없습니다. 지금 바로 웹페이지 제작에 도전해보세요. 지금 당장 컴퓨터가 없어도 괜찮습니다. 코드와 실행 화면이 바로 보여서 눈으로만 읽어도 어떻게 작동하는지 쉽게 파악할 수 있는 것은 기본이고, 중간중간 퀴즈를 추가하여 재미있게 게임하듯 복습할 수 있습니다. 또한 이제 막 입문하여 도움을 구할 곳이 없는 여러분을 고려하여, 궁금해할 내용을 알아서 질문하고, 팁으로 친절하게 답해줍니다. 각 장의 끝에는 앞에서 배운 내용을 자연스럽게 복습할 수 있는 프로젝트도 있습니다.
헬로 코딩 시리즈로 초보에서 탈출했다고 끝내거나 멈추지 마세요. 웹페이지를 자유자재로 만들 수 있도록 <모던 웹 디자인을 위한 HTML5+CSS3 입문>,
누구를 위한 책인가요?
+ 프로그래밍을 전혀 경험해보지 못한 비전공자 (중/고등학생, 대학생, 일반인)
+ 웹 개발을 처음 접하는 사람
+ 블로그를 직접 꾸며보고 싶은 사람
+ 홈페이지를 직접 제작하고 싶은 사람
상세이미지
작가의 말
오바마 전 미국 대통령이 코딩 교육을 강조하면서 미국은 물론이고 전 세계에서 조기 코딩 교육 열풍이 불고 있습니다. 우리나라 역시 2018년부터 초ㆍ중ㆍ고등학교에서 코딩을 의무적으로 가르치고 있습니다. 이에 따라 코딩 교육용 프로그램인 스크래치와 엔트리 등 관련 서적이 많이 출간되고 있습니다. 하지만 웹 분야에 관련해서는 초ㆍ중ㆍ고등학생이나 비전공 일반인을 대상으로 한 책과 콘텐츠가 절대적으로 부족한 실정입니다.
학생들과 비전공자들이 쉽고 재미있게 코딩을 배울 수 있는 분야 중 하나가 웹 프로그래밍인데 말입니다.
웹과 웹 프로그래밍의 기본이 되는 HTML과 CSS는 웹 프로그래밍을 직업으로 하려는 사람뿐만 아니라 웹 디자이너나 웹에 관심 있는 일반인들에게도 알아 두면 도움이 되는 컴퓨터 언어입니다. 이 책은 앞서와 같은 다양한 이유로 HTML과 CSS를 이제 막 시작하려고 하는 학생이나 비전공, 일반인을 대상으로 집필하였습니다. 즉, 처음 시작하는 사람들을 위해 아주 쉽고 재미있게 끝까지 완독할 수 있도록 다양한 예제 실습을 준비하였습니다. 이러한 실습을 따라해 보면서 자연스럽게 HTML과 CSS의 원리를 파악하고, 나아가 웹 페이지를 자유자재로 제작하기 위한 기초를 완성하는 데 목적이 있습니다.
저는 수년 동안 다양한 사람들을 대상으로 웹 디자인과 프로그래밍 강의를 진행하면서 누구나 쉽고 재미있게 HTML과 CSS를 배울 수 있는 책의 필요성을 절감했습니다. 어떻게 하면 어린 학생들을 비롯하여 프로그램을 전혀 알지 못하는 일반인들까지도 HTML과 CSS의 원리를 더욱 더 쉽게 파악하고, 이해하여 실제 웹 페이지까지 제작할 수 있을지 고민한 끝에 이 책을 집필하기로 마음먹었습니다.
이 책에는 장마다 새로운 실습 예제를 담아 지루할 틈이 없고, 쉽고 재미있게 이해하면서 복습까지 할 수 있도록 중간중간에는 다양한 퀴즈들을 준비했습니다. 또한, 각 장이 끝날 때마다 주어진 웹 페이지 제작 미션을 조건에 맞춰 수행해보도록 프로젝트식 연습 문제를 수록했습니다. 아무쪼록 이 책으로 공부하는 독자들이 HTML과 CSS의 기본과 웹 페이지 제작의 기초를 확립하는 데 도움이 되기를 간절히 바랍니다.
끝으로 이 책이 출간될 수 있도록 많은 도움을 아까지 않은 조희진 님을 비롯한 한빛미디어 관계자 분들께 감사의 인사를 전합니다. 그리고 편안하게 집필에 전념할 수 있도록 도움을 준 아내와 원고 검토에 많은 도움을 준 딸 리니에게 사랑의 마음을 전합니다.
학생들과 비전공자들이 쉽고 재미있게 코딩을 배울 수 있는 분야 중 하나가 웹 프로그래밍인데 말입니다.
웹과 웹 프로그래밍의 기본이 되는 HTML과 CSS는 웹 프로그래밍을 직업으로 하려는 사람뿐만 아니라 웹 디자이너나 웹에 관심 있는 일반인들에게도 알아 두면 도움이 되는 컴퓨터 언어입니다. 이 책은 앞서와 같은 다양한 이유로 HTML과 CSS를 이제 막 시작하려고 하는 학생이나 비전공, 일반인을 대상으로 집필하였습니다. 즉, 처음 시작하는 사람들을 위해 아주 쉽고 재미있게 끝까지 완독할 수 있도록 다양한 예제 실습을 준비하였습니다. 이러한 실습을 따라해 보면서 자연스럽게 HTML과 CSS의 원리를 파악하고, 나아가 웹 페이지를 자유자재로 제작하기 위한 기초를 완성하는 데 목적이 있습니다.
저는 수년 동안 다양한 사람들을 대상으로 웹 디자인과 프로그래밍 강의를 진행하면서 누구나 쉽고 재미있게 HTML과 CSS를 배울 수 있는 책의 필요성을 절감했습니다. 어떻게 하면 어린 학생들을 비롯하여 프로그램을 전혀 알지 못하는 일반인들까지도 HTML과 CSS의 원리를 더욱 더 쉽게 파악하고, 이해하여 실제 웹 페이지까지 제작할 수 있을지 고민한 끝에 이 책을 집필하기로 마음먹었습니다.
이 책에는 장마다 새로운 실습 예제를 담아 지루할 틈이 없고, 쉽고 재미있게 이해하면서 복습까지 할 수 있도록 중간중간에는 다양한 퀴즈들을 준비했습니다. 또한, 각 장이 끝날 때마다 주어진 웹 페이지 제작 미션을 조건에 맞춰 수행해보도록 프로젝트식 연습 문제를 수록했습니다. 아무쪼록 이 책으로 공부하는 독자들이 HTML과 CSS의 기본과 웹 페이지 제작의 기초를 확립하는 데 도움이 되기를 간절히 바랍니다.
끝으로 이 책이 출간될 수 있도록 많은 도움을 아까지 않은 조희진 님을 비롯한 한빛미디어 관계자 분들께 감사의 인사를 전합니다. 그리고 편안하게 집필에 전념할 수 있도록 도움을 준 아내와 원고 검토에 많은 도움을 준 딸 리니에게 사랑의 마음을 전합니다.
목차
Part 1 HTML 기본기 다지기
chapter 1 HTML이란?
-- HTML과 CSS는 웹사이트를 꾸미는 뼈대와 살입니다. 이제 뼈대를 만들 준비를 해볼까요?
_ 01 HTML과 웹 브라우저 알아보기
__02 실습 준비하기
__03 HTML 문서 구조 이해하기
__04 CSS 맛보기
__요점 정리
chapter 2 글자 관련 태그를 익혀보자
문단을 나누고 글자에 색칠하고 힘을 줘볼까요?
__01 글 제목 만들기
__02 단락 나누기 ?
__03 글자 두껍게 하기
__04 줄바꿈과 공백 삽입하기
__05 목록 만들기
__06 HTML 문서에 설명 글 달기
__프로젝트 1 : 간단한 로제 파스타 만들기
__요점 정리
chapter 3 멀티미디어와 링크에 대해 알아보자
이제 웹사이트에 동영상과 그림, 음악을 추가해봅시다.
__01 이미지 삽입하기
__02 태그의 속성 알아보기
__03 오디오 삽입하기
__04 비디오 삽입하기
__05 링크 걸기 __프로젝트 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 소스 정리하여 완성하기
__요점 정리
chapter 1 HTML이란?
-- HTML과 CSS는 웹사이트를 꾸미는 뼈대와 살입니다. 이제 뼈대를 만들 준비를 해볼까요?
_ 01 HTML과 웹 브라우저 알아보기
__02 실습 준비하기
__03 HTML 문서 구조 이해하기
__04 CSS 맛보기
__요점 정리
chapter 2 글자 관련 태그를 익혀보자
문단을 나누고 글자에 색칠하고 힘을 줘볼까요?
__01 글 제목 만들기
__02 단락 나누기 ?
__03 글자 두껍게 하기
__04 줄바꿈과 공백 삽입하기
__05 목록 만들기
__06 HTML 문서에 설명 글 달기
__프로젝트 1 : 간단한 로제 파스타 만들기
__요점 정리
chapter 3 멀티미디어와 링크에 대해 알아보자
이제 웹사이트에 동영상과 그림, 음악을 추가해봅시다.
__01 이미지 삽입하기
__02 태그의 속성 알아보기
__03 오디오 삽입하기
__04 비디오 삽입하기
__05 링크 걸기 __프로젝트 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 소스 정리하여 완성하기
__요점 정리
출판사 서평
Klover 리뷰 (0)
북로그 리뷰 (1) 전체보기 쓰러가기
북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
-
[도서 리뷰] 이보다 더 쉬울 수 있을까? <Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 + CSS3> ls**z1 | 2018-04-11 | 추천: 0 |
학창시절에 디자인에 관련된 과목이 제일 싫었고 흥미가 없었다. 디자인의 '디', 퍼블리싱의 '퍼'자는 나와 전혀 상관이 없을 줄 알았다. 이 서적을 보기 전까지는 말이다. 이번에도 한빛미디어 서적에 대하여 리뷰를 남기게 되어 감사하는 마음으로 책장을 넘겼다. 매번 느끼는 것이지만 디자인에 감탄하며 책장을 넘기게 된다. 이번에 받아 본 서적은 Hello Coding, 워드보다 쉬운 웹사... 더보기
문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다.
안내
교환/반품/품절안내
※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)
| 반품/교환방법 | 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 , [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) ※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) |
|---|---|
| 반품/교환가능 기간 | 변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내 |
| 반품/교환비용 | 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담 |
| 반품/교환 불가 사유 |
|
| 상품 품절 | 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다. |
| 소비자 피해보상 환불지연에 따른 배상 |
|
기프트 BEST
![[동원] 동원샘물 웨이크업뷰티 500ml*20병](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1178/hot1655873224720.png)
![[소싱] 제로 신발 건조기](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1855/hot1592978996783.jpg)
![[가네샤요가프랍스]요가매트 비기너 6MM_7/6순차발송](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1726/hot1652848711937.png)
LG U+ 구매안전서비스
▶서비스 가입 확인
고객님은 안전거래를 위해 현금 등으로 결제시 저희 쇼핑몰에서 가입한 LG유플러스의 구매안전서비스를 이용하실 수 있습니다.
정보보호관리체계
ISMS 인증획득
ISMS 인증획득
[인증범위] 온라인 교보문고 서비스 운영
[유효기간] 2020.11.04. ~ 2023.11.03.
바로가기
