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

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

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

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

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

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

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

일러스트가 참 귀엽네요.

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

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

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

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

한 번에 쭉 읽었으니까요. 

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

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

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

백문이 불여일타

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

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

이 부분이 좋습니다.

완전 쌩초보를 위한 설명 

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML5 + CSS3 라는 서적이다.

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

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

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

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

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

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

내가 초보이기 때문에!

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

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

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

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

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

너무 친절하셔서!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

주어진다는 것이다.

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

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

두둥...

HTML은 양반이었다.

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

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

할 수 없었을지도 모른다.

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

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

재미는 엄청나다!

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

- 총평 -

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

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

정독을 권합니다.

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

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

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

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

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

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

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

쾅쾅!

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

Hello Coding

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

HTML5+CSS3​ 

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

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

​

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

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

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

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

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

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

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

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

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

들어오지는 않습니다.  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@

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

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를 처음 접하는 독자들에게 읽기 쉬운 그림과, 예제로 탄탄하게 구성되어있는 책 같다.