한빛미디어

오~래전에 CSS 공부를 조금 했었었는데, 완성된 웹사이트로 배우는 HTML & CSS 웹디자인 책으로 다시 공부하게 되었습니다. 책 표지도 이쁘고, 책 속의 구성도 좋아 눈에 쏙 들어오고, 설명도 잘 되어 있습니다.

★완성된 웹사이트로 배우는 HTML & CSS 웹디자인 책 내용에 CSS로 할 수 있는 여러가지 기능들이 너무 신기하고 멋졌어요

•기기의 화면 크기에 따라 디자인이 바뀌는 반응형 웹디자인에 쓰이는 미디어 쿼리 …84p

•스크롤이 멈추는 위치를 지정할 수 있는 스크롤 스냅…92p

•버튼, 이미지이 꾸밈을 이미지 프로그램이 아닌 CSS로 구현…105p~, 114p~

•가상요소를(::before ::after) 사용하여서 목록 앞에 공통 그림을 넣거나 하는 것…130p

•자바스크립트 라이브러리로 웹 페이지에 그래프 넣기…166p

•속성 셀렉터로 어떤 태그안에 어떤 속성에만 색을 지정하는 것(예:input 태그에 type이 이메일인 것들에만 색넣기 등)…188p~

•포토샵 레이어 블렌딩 모드 처럼 배경 이미지 글자 겹쳐서 효과 주는 것…204p~

•커스텀 속성 변수…212p

•CSS로 애니메이션 만들기 - 트랜지션…217p~

•사선모양의 box 만들기…233p~

​***  챕터별 내용은

챕터 1에는 웹사이트 기본인 HTML, CSS, 자바스크립트 소개와 기초 내용과, 크롬 브라우저에서 개발자 도구로 웹페이지의 HTML, CSS 보는 방법, 수정 방법들이  설명이 있습니다.

​챕터 2~6에는 완성되어 있는 5개의 사이트(랜딩 페이지, 블로그 사이트, 회사 사이트, 이벤트 사이트, 갤러리 사이트)를 보며 HTML과 CSS 소스를 보면서 사용된 기능들이 설명되어 있습니다. 

​챕터 7에는 HTML과 CSS를 빨고 쉽게 관리하는 방법에 대해 설명되어 있습니다.

챕터 8에는 사이트에 HTML과 CSS올릴때 체크리스트, 오류 메시지 해결법에 대해 설명되어 있습니다.

*** 각 챕터의 구성은

처음에는 이 챕터에서는 이런 내용을 공부할 것이다 하는 안내가 있고

그 뒤 부터는 안내된  순서대로 설명이 이어집니다.

챕터 글자, 제목 글자, 내용글자의 글꼴 크기 구성이 좋아 보기에 편하였습니다.

챕터 끝 부분에  공부 내용을 기반으로 연습해 볼 수 있는 연습문제가 있고, 

커스터마이징 연습 문제도 있습니다

***

★보통 책을 읽다보면 이거 중요한거 같은 데 적어놔야하는데 밑줄 쳐야하는데 색칠해야 하는데 등의 생각에 집중을 흐트러지게 하기도 하는데 중요 할거 같은 부분에 색으로 표시되어 있어 마음 편히 내용이 집중하며 읽을 수 있었습니다.

★그리고 눈에 잘 들어오는 내용 구성과 적당한 글자 크기와

기능 설명 내용이 있고, 그에 대한 HTML 소스와  CSS 소스 옆으로 나란히 두어서 바로 참고 하여 읽고 이해하기가  좋았습니다.

★또한 중간 중간 COLUMN, Tip 들이 있어,

그렇지 않아도 읽다가 궁금했던 점, 모르던  CSS 새 기능에 대한 설명들이 있어 흥미롭게 읽었습니다.

웹디자이너, 웹퍼블리셔 공부하시는 분 뿐 아니라 티스토리나 워드프레스 블로그, 온라인 쇼핑몰 등의 디자인을 좀 수정하려면 얼마간은 HTML와 CSS를 아셔야 하실 것이니 그 분들도 보시면 업무에 도움이 될만한 책이라고 생각합니다. 

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."