메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

Hello Coding HTML5+CSS3

워드보다 쉬운 웹사이트 만들기

한빛미디어

집필서

판매중

  • 저자 : 황재호
  • 출간 : 2018-03-02
  • 페이지 : 288 쪽
  • ISBN : 9791162240502
  • 물류코드 :10050
  • 초급 초중급 중급 중고급 고급
4.9점 (7명)
좋아요 : 3015

문서 작성만큼, 아니 그보다 더 쉬운 웹페이지 만들기, 초보자를 위한 맞춤형 입문서

워드나 PPT 문서를 만들 수 있나요? 그러면 문제 없습니다. 지금 바로 웹페이지 제작에 도전해보세요. 지금 당장 컴퓨터가 없어도 괜찮습니다. 코드와 실행 화면이 바로 보여서 눈으로만 읽어도 어떻게 작동하는지 쉽게 파악할 수 있는 것은 기본이고, 중간중간 퀴즈를 추가하여 재미있게 게임하듯 복습할 수 있습니다. 또한 이제 막 입문하여 도움을 구할 곳이 없는 여러분을 고려하여, 궁금해할 내용을 알아서 질문하고, 팁으로 친절하게 답해줍니다. 각 장의 끝에는 앞에서 배운 내용을 자연스럽게 복습할 수 있는 프로젝트도 있습니다. 

헬로 코딩 시리즈로 초보에서 탈출했다고 끝내거나 멈추지 마세요. 웹페이지를 자유자재로 만들 수 있도록 <모던 웹 디자인을 위한 HTML5+CSS3 입문>, <HTML5+CSS3 정복>까지 완독해서 HTML5를 정복해보세요. Hello Coding 시리즈는 독자의 첫 걸음을 응원합니다.

 

누구를 위한 책인가요?

+ 프로그래밍을 전혀 경험해보지 못한 비전공자 (중/고등학생, 대학생, 일반인)

+ 웹 개발을 처음 접하는 사람

+ 블로그를 직접 꾸며보고 싶은 사람

+ 홈페이지를 직접 제작하고 싶은 사람

 

 

네이버 카페

http://cafe.naver.com/codinghello

 

06_Hello Coding HTML5+CSS3_상세(733px).jpg

 

황재호 저자

황재호

경희대학교 전자공학과를 졸업하고 동 대학원에서 석사·박사 학위를 취득한 후 KT 연구개발본부의 연구원으로 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발했습니다. 경희대학교 컴퓨터공학과 등에서 PHP, 자바스크립트, C++, 네트워크 프로그래밍, 자바, HTML5, UX/UI 디자인 등을 강의했습니다. 현재 수원여자대학교 교수로 재직 중이며, 최근에는 코딩 교육을 전문으로 하는 코딩스쿨 사이트를 운영하고 관련 서적을 집필하면서 초보자를 위한 소프트웨어 교육에 힘쓰고 있습니다. 저서로는 《PHP 프로그래밍 입문(개정판)》, 《HTML & CSS for Beginner》, 《Hello Coding HTML5+CSS3》, 《스타트 파이썬》 등이 있습니다.
 
 

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 소스 정리하여 완성하기

__요점 정리

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

 

- 초보자를 위한 헬로 코딩 카페

혼자서 책을 공부하다가 도저히 모를 때는 헬로 코딩 카페에 놀러오세요. 친절하게 답해드리겠습니다.

http://cafe.naver.com/codinghello

 

- 당장 컴퓨터가 없어도 괜찮아요

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

 

- 꼭꼭 씹어서 내 것으로 만드는 4단계 반복 학습

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

 

- 10개의 프로젝트

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

문서 편집하듯 HTML로 웹사이트 만드는거 어렵지 않아요.. 쉬어요

Hell Coding 워드보다 쉬운 웹사이트 만들기로 공부하면.. 누구든 할 수 있어요..

요새 비전공자부터 학생까지 코딩 열풍이 불고있다. Hello Coding 시리즈의 워드보다 쉬운 웹페이지 만들기 Html5 + CSS3 책은 4차산업혁명의 주요 대목인 웹 기술의 기초를 잘 쌓을 수 있게 도와준다. 작가가 "워드보다 쉬운" 이라고 한 이유는 자신의 설명이 그만큼 쉽다고 자부할 수 있어서라고 생각된다. 얼마나 쉬울지 기대를 가지고 책을 열어보니 기대보다 훨씬 쉽고 흥미롭게 설명되었던것같다  웹기술을 조금이라도 아는 사람으로서, 목차는 상당히 잘 꾸려졌다고 생각한다. 다른 한빛의 책도 그렇듯이 처음엔 "이 책이 설명하는게 무엇인가?" 에 대해서 서술하고, 그 뒤에선 개발환경, 문법 등등을 스텝 바이 스텝으로 친절하게 설명해준다. 목차의 디자인이 상당히 신선했다. 마치 지도같은 디자인인데, 이 책이 알려주는대로만 잘 따라하면 목적지. 즉 Html과 Css를 배울 수 있다는 그런 느낌을 받았다.  CSS 부분의 설명이다. 소스에 관한 간단한 요약설명과, 이 코드가 어떤일을 하는지 자세히 설명해주는 글이 있어서 초보자가 이해하기 쉬웠다.  책 뒷쪽에는 웹페이지의 전체 코드가 실려있어서 독자들이 직접 테스트해볼 수 있게 되어있다. 학생이나 직장인이 하루일과를 마치고 집에 돌아와서 공부하기에 좋은, 부담감 없는 딱 쉬운 정도의 책인것같다. 하지만 한가지 아쉬운점이 있다면, 너무 설명을 풀어쓰느라 분량에비해 담고있는 핵심 내용이 적은것같은 느낌이 들었다. 하지만 초보자가 읽고 따라하기에 무리가 없는 쉬운 책이다. 책에 대한 자세한 내용은 한빛미디어 공식 홈페이지에서 찾을 수 있다. 이 책은 "나는 리뷰어다" 도서를 제공받았으나 사람들의 객관적인 관점에서 작성했습니다

프론트 앤드 개발자들이 꼭 알아야 하는 언어 중에 하나가 HTML, CSS 일 겁니다. 

HTML은 웹페이지의 구조를 잡아주는 언어이고, CSS는 웹페이지를 보다 보기 좋게 꾸며준다고 생각하시면 되는데요. 

혹자는 HTML은 언어가 아니라고도 합니다. 그만큼 당연히 필수적으로 알아야 한다는 의미겠지요. 

 

그래서 웹 개발을 하시려고 하는 분이나 비전공자들을 위한 HTML, CSS 입문서를 소개하고자 합니다.

 

 

Hello Coding HTML5+CSS3.jpg

 

일러스트가 참 귀엽네요.

어떤 의미일까요? HTML의 의미처럼 골격을 짜고 있는 걸까요? 

 

 

Hello Coding HTML5+CSS3-2.jpg

 

한빛미디어에서 추가적인 공부를 원하시면 다른 책도 보시라고 로드맵을 제공하고 있네요. 

공부의 로드맵이나 학습의 로드맵을 제시한 부분은 한눈에 이해하는 데 도움이 되네요.  

이 책을 읽으면서 느낀 점은 컴퓨터 코딩에 대한 책이라기 보다 소설책에 가까운 느낌이었습니다. 

한 번에 쭉 읽었으니까요. 

하지만 여기에 큰 함정이 있습니다.  

저자도 언급한 부분입니다만 직접 따라치면서 실습을 해봐야 합니다. 

저도 개인적으로 백퍼 동의 하는 부분입니다. 

 

백문이 불여일타

 

책 내용은 말 그대로 입문서이기 때문에 가장 기본적으로 알아야 할 부분만 넣었습니다. 

좀 더 깊이 있는 스킬을 원하시면 로드맵을 참고하시면 도움이 될 것입니다.

 

 

이 부분이 좋습니다.

 

완전 쌩초보를 위한 설명 

초보자 입장에서 모를 수도 있을 거 같은 부분을 책 내용과 TIP으로 상세히 설명해주고 있습니다. 

 

 

초보자인 독자를 위한 레이아웃 구성에 배려가 좋다. 

구성상 코드와 실습결과를 쉽게 확인할 수 있게 돼 있고, 간단한 퀴즈와 요점정리로 복습도 가능합니다. 

 

이론보다 실습 위주입니다. 

중간에 간단한 실습 부분과 마지막 부분에 실습용 페이지를 만들어 봅니다.

 

 

나만의 웹페이지를 만들고 싶은 입문자들에게 추천합니다.


학창시절에 디자인에 관련된 과목이 제일 싫었고 흥미가 없었다.


디자인의 '디', 퍼블리싱의 '퍼'자는 나와 전혀 상관이 없을 줄 알았다.


이 서적을 보기 전까지는 말이다.

 

 

 

 

 

 

 

 

이번에도 한빛미디어 서적에 대하여 리뷰를 남기게 되어 감사하는 마음으로 책장을 넘겼다.


매번 느끼는 것이지만 디자인에 감탄하며 책장을 넘기게 된다.


이번에 받아 본 서적은 Hello Coding,


워드보다 쉬운 웹사이트 만들기


HTML5 + CSS3 라는 서적이다.


아마 많은 분들이 HTML에 대하여 알고 있을 것이라 생각한다.

 

 

 

 


 

 

1.jpg

 

 

 

 

하지만 아쉽게도 나와는 전혀 관계가 없는 HTML.


어릴적 컴퓨터 과외 몇달 받아본 것 빼고는 홈페이지 레이아웃을 잡는??


아니면 디자인이 가능하다? 정도 밖에 모른다.


즉, 몰라도 너무 모르고 있는 상태이다.


이 리뷰는 초보자분들이 참고하실만한 아주 좋은 리뷰라고 생각한다.


내가 초보이기 때문에!

 

 

 

 


 

2.jpg

 

 

 

 

불행 중 다행인지?? 이 서적은 프로그래밍이 '처음'인 사람을 대상으로


만든 서적임에 안도의 한숨을 내쉬었다.


저자분 말대로 쉽고, 재미있게, 끝까지 읽을 수 있을지는 봐야겠다.

 

 

 

 


 

3.jpg

 

 

 

 

그리고 친절하게도 웹 개발자로 가는 방법을 친절하게 설명해 주셨다.


이 부분에서 저자의 성함을 다시 한 번 확인했던 것 같다.


너무 친절하셔서!


구매욕구가 팍팍!! 생겼다.

 

 

 

 

 

 


 

4.jpg

 

 

 

목차를 보고(어차피 잘 알지 못해서 쓱~ 빠르게 살펴봤다)


본격적으로 책장을 넘기며 사이트에서 소스를 받아서 천천히 실행해 보기로 하였다.


다행히 설명과 소스가 매우 정교하게 정리가 잘 되어 있어서


하루에 2챕터 보는데도 큰 무리가 없었던 것으로 기억한다.

 

 

 

 

 


 

5.jpg

 

6.jpg

 

 

 

 

책의 구성은 생각보다 깔끔하고 그림으로 설명도 잘 되어있었다.


또한 Tip부분과 퀴즈도 같이 구성되어 있어서 집중하며 책장을 넘길 수 있었다.

 

 

 


 

7.jpg

 

 

 

 

잘 모르는 부분은 요점정리를 보았고(특히 뒷 부분)


시간 상 모든 부분의 예제를 돌려보진 못하였으나


뒷 챕터는 신경써서 돌려보았다.


후반부는 반드시 직접 해보시길 권고한다.

 

 

 


 

8.jpg

 

 

 

 

단순히 예제 + 이론적인 설명만 있있는 서적은 아니다.


무엇보다도 마음에 들었던 것은


배운 것을 토이 프로젝트로 반드시 활용할 수 있게


주어진다는 것이다.


복습 + 복습과 과제 형태로 할 수 있으니 이해가 더욱 높아졌다.

 

 

 

 


 

9.jpg

 

 

 

 

HTML 실습을 마치고 CSS로 진입!!


두둥...

 

 

 

 

 


 

10.jpg

 

11.jpg

 

12.jpg

 

 

 

HTML은 양반이었다.


CSS는 정말로 감각이 빵이라고 생각하며.. 책을 보았는데,


그 마저도 이 책에서 제시한 예제가 아니었다면 난 아마 CSS 응용을


할 수 없었을지도 모른다.


꾸미는 것에 왜이리 취약한지!

 


 

13.jpg

 

14.jpg

 

 

 

자료실에 있는 이미지와 예제를 돌려보며 얻은 결과를 찍은 캡처인데,


재미는 엄청나다!


예제가 없었다면 나는 지금쯤 영혼이 반~ 빠져나가 있을것이 분명하다.

 

 

 

 

 

 

 


 

캡.PNG


 

 

 


 

15.jpg



 

- 총평 -



초보자에게 매우 추천하는 서적입니다.


특히 저 같이 HTML에 대해서 단어만 들어 봤거나, 생소하신 분들은


정독을 권합니다.


교육용으로도 매우 안성 맞춤이며


책 안에 소개되어있는 웹 개발자로 거듭나기 부분의 서적도


추가적으로 구매하여 봐야겠다! 라는 생각이 들었습니다.


책 다운 책을 읽었다고 생각합니다.


당연히 리뷰를 위해 읽은 것도 있지만, 공부가 너무나 잘 되었습니다.


그만큼 서적의 구성이 좋다는 뜻이겠지요.



추천 서적에 또 하나의 도서가 올라가겠네요!


쾅쾅!

 

 

"<Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 + CSS3>의 자세한 내용은 한빛미디어 홈페이지에서 확인 하실 수 있습니다."


 







 


20180410_204940.jpg

 

Hello Coding

워드보다 쉬운 웹사이트 만들기

HTML5+CSS3​ 

 

 

웹표준에 맞게 웹페이지를 제작해야 하는 요즘 HTML5와 CSS3에 관한 책은 많이 있습니다.

 

HTML5와 CSS3, JAVASCRIPT, JQUERY 관련 책을 서점에서 찾아보고 구입도 해서 공부하던 중 기본에 충실한 가벼운 책을 발견했습니다.

바로 Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5+CSS3​ 이 책입니다.

우선 이 책은 HTML5와 CSS3를 처음 접하는 초보자가 보기에 좋습니다.

예제도 따라하기 쉽고 설명도 어렵지 않아서 처음 시작하는 입문자가 바로 코딩해서 웹페이지에서 결과를 볼 수 있습니다.

 

20180410_205037.jpg

 

Part1에서는 HTML의 문서 구조를 이해하고 기본기를 다지고 Part2에서는 CSS 기초와 응용으로 HTML문서에 속성과

레이아웃을 잡아주는 방법에 대해서 배우게 됩니다.

 

아래 예제를 실습해 봤습니다.

 

 

20180411_220322.jpg

 

이미지는 직접 촬영한 사진을 사용했습니다.  

HTML5 태그만 작성했을 때와 CSS3을 적용한 예제입니다.
 

 

 

layout01.jpg

 

layout02.jpg

 

이렇게 단계별로 학습한 내용을 가지고 Part3에서는 레이아웃과 포토 강좌  웹페이지 제작 예제를 공부하면서

앞에서 배운 내용을 복습할 수 있습니다.

 

 

20180410_205157.jpg

 

처음은 누구나 어렵습니다.

용어 자체도 생소하고 책에 나온 태그, 띄어쓰기, 쉼표, 세미콜론, 중괄호 등 익히고 사용해야할 것들이 바로 눈에

들어오지는 않습니다.  

그러나 이 책 처럼 쉽게 표현하고 알려주는 책을 찾아서 공부하다보면 어느새 실력이 향상된 자신을 볼 수 있습니다.

 

 

한빛미디어 <나는 리뷰어다> 이벤트에 당첨돼서 작성한 글입니다.

 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5+CSS3 #웹디기본서

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (1).jpg

 

헬로코딩 시리즈는 얇으면서! 핵심만 쏙쏙! 쉽고 빠르게, 탄탄한 기초실력을 다질수 있게 해준다. 

이번에 보게 된 책은 웹퍼블리셔 기본기인 HTML5와 CSS3. 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (2).jpg

 

이 책은 프로그래밍 기초중의 기초로, 가능하다면 초등학생도 볼 수 있을 정도로 본문이 매우 예쁘게 설명되어 있다. 

네이버 블로그 상단 부분, 카페 대문이나 티스토리 블로그 같은 부분을 꾸밀 때

헬로코딩 HTML책 한권이면 마음껏 꾸밀 수 있을 정도로 알차게 배울 수 있는 책. 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (3).jpg

 

친절히 설명되어 있으나 더 궁금한 사항이 있을 경우 카페를 통해 질문 가능하다. 

차근차근 따라하면 수학문제 풀듯이 챡챡 진행되는데, 

HTML5+CSS3 책을 한번 쭉 따라 해본 다음 다시한번 복습할때 질문한다면 더 심도깊게 공부할 수 있지 않을까 생각해본다. 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (4).jpg

 

11개 챕터의 앞 컨텐츠들을 잘 따라한다면, 12번 실습 페이지를 만들 수 있는데

정말 웹페이지 기본 중의 기본 레이아웃으로 잘 따라해본다면 티스토리 블로그 정도는 껌이라 여길것 ㅎㅎ 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (5).jpg

 

HTML 챕터중의 하나를 살펴보면 버튼만들기가 있는데, 

가능하면 예제는 다운을 받더라도 직접 적어보는것이 손에도 익고 머리에도 오래 남고 좋다. 

마크업 가능한 상황이 아닐 경우에도, 책에 나와있는 예제와 실행 결과 화면을 보면서 공부할 수 있어 한결 공부하기 수월하다. 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (6).jpg

 

CSS3 포인트 ! Padding 및 여러 곳에서 쓰이는 규칙인데, 처음 css3을 접하게 되면 매우 헷갈리는 부분. 

본 책에서는 정말 기억하기 쉽게 설명해 두어 책 보다가 감탄을 했다는 소문이..ㅎㅎ

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 CSS3 #웹디기본서 (7).jpg

@

본 책을 마크업 없이 예제와 실행결과만을 통해 한번 정독해 보니.. 

 

1. 복습 차원에서 정말 기초적인 부분을 되짚어 볼 수 있는 시간이 되었고. 

2. 중/고등학생들이 본다면 수학보다 쉽다고 할 수 있을 정도의 풀이가 정말 마음에 들었고,

3. 정말 알찬 책이라.. HTML을 처음 접했을 때 이런 책을 만났더라면 하는 작은 아쉬움과 함께

4. 웹프로그래밍 입문자들에게 꼭 추천해주고 싶은 책이 되겠다. 

 

이 책 다음으로 조금 더 깊게! 배워보고 싶다면.. 

모던 웹 디자인을 위한 HTML5/CSS3입문 + 인터렉티브 웹디자인북 (노랑이)을 함께 보는것도 도움이 된다. 

 

Hello Coding 워드보다 쉬운 웹사이트 만들기 HTML5 + CSS3 #한빛미디어

 

+ 책 내용이 너무 쉽게 잘 서술되어 있어.. 저자분을 찾아 보니..

유명한 저서가 하나 더 보여서 반가웠는데.. 동일 출판사의 'PHP프로그래밍 입문' 

올 그뤠잇 ~

 

1998 고등학교 1학년 시절 지금의 제일 오래되고 친한 친구 중의 한명인 녀석이 내개 건낸 책이 html 관련 책이었다. 그간 html 많은 변화가 있었지만 제일 궁금하던게 바로 css라는 녀석이었기에 과감히 책을 선택한 같다.

 

과거의 html 흔히들 유명한 internet explore, google chrome, safari, firefox 그리고 ms 강한 정책으로 인해 사라진 nescape 등과 같은 다양한 브라우저들간의 공통분모를 지녔지만 동시에 <marquee> 같은 특정 브라우저에만 국한된 구문이 존재하는게 사실이었다. 이에 따라 표준안을 제시하고 모든 브라우저에 모든 사람(다양한 핸디캡을 지닌 사람들을 포함한)들이 누구나 쉽게 접근하고 해당 사이트들을 이용할 있는 표준을 만들면서 대안으로 제시한게 html css 조합으로 알려져있다.

 

표준에서는 집의 뼈대에 해당하는 구조는 html 표현하고, 집안의 뼈대를 제외한 장식에 관한 요소는 css 하는 것을 원칙으로 하는 것으로 알고 있다. 그래야 처리 속도도 빠르고 프로그래밍을 소스 코드 분석을 때에도 용이하다고 했던 같다.(2008년도에 읽은 웹표준안에는 그랬던 같다.)

 

이게 바로 내가 책을 선택한 이유이다. html 알고 있다면 굳이 '쉬운'이라는 단어가 들어간 책을 선택한 것일까?라는 반문을 있을 것이다. 하지만 오래된 html구문 특정 브라우저만을 사용하기 위한 홈페이지를 만들던 사람의 낡은 버릇을 버리기란 쉽지 않을 것이다. 그러한 버릇을 고쳐보고자 첫단추부터 html css 대한 개념을 재정립하기에는 책만한 책이 없을 같다.

 

책을 읽는 저자와 예전의 html 프로그래밍을 하는 사람들에게 챕터만 설명해보고자 한다.

 

chapter2 글자 관련 태그이다.

 

흔히들 글의 제목  heading 관련된 태그를 사용하지 않고, <font> 태그를 사용하여 프로그래밍을 한다.

결과론적으로 보면 <h> 태그나 <font> 태그를 사용하는 모두 결과를 동일하게 보여줄 있다. 하지만 제목이라는 구조의 표현은 html 제목이라는 구조의 미적 표현은 css 한다면 표준에 가까워지고 어느 브라우저이든 동일한 결과를 보여줄 있을 아니라 프로그래밍 소스 코드의 분석이 용이해지고 더욱더 간결하고 빠른 결과를 보여줄 있을 같다.

 

책에는 웹표준에 대한 설명은 생략되어있는 같다.

하지만, 책의 기본 바팅이 표준에 의거한 서술이 되어있음을 느꼈고, 실용 예제를 중심으로 초심자인 독자가 이해하기 쉽도록 서술되어있는 책으로, html css 처음 접하는 독자들에게 읽기 쉬운 그림과, 예제로 탄탄하게 구성되어있는 같다.

 

 

부록/예제소스
자료명 등록일 다운로드
Google Drive 예제소스(from GDrive) 2019-05-21 다운로드
결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
Hello Coding HTML5+CSS3
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
Hello Coding HTML5+CSS3
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
Hello Coding HTML5+CSS3
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실

최근 본 책0