표지 준비 중

나의 첫 웹사이트 만들기

지구별에

봄에숲 · 2026-11-02 출간 예정

ISBN 9791122180404 · 총류

정가 13,800원 · 전자책

출간 예정전자책국립중앙도서관 ISBN 서지정보 등록

출간되면 알려드릴게요

『나의 첫 웹사이트 만들기』는 2026-11-02 출간 예정입니다. 출간되면 서점 판매 링크와 함께 이메일로 한 번 알려드립니다.

책 소개

머리말

기본을 이해하면, 내가 만든 결과물을 읽고 고칠 수 있습니다.

웹페이지를 만드는 방법은 계속 달라지고 있습니다.

직접 코드를 작성하기도 하고, 템플릿을 사용하기도 하며, 이제는 AI가 HTML과 CSS 코드를 만들어주기도 합니다.

하지만 도구가 달라져도 웹페이지를 이루는 기본 원리는 크게 달라지지 않습니다. HTML은 문서의 내용과 구조를 만들고, CSS는 그 내용을 화면에 어떻게 보여줄지 정합니다.

코드를 처음부터 모두 작성하지 않더라도 이 기본 구조를 알고 있으면 결과물을 읽을 수 있습니다. 어디를 고쳐야 하는지 찾을 수 있고, 필요한 부분을 직접 수정할 수도 있습니다.

이 책은 바로 그 기초를 다룹니다.

HTML과 CSS의 모든 기능을 담으려 하지는 않았습니다. 그렇다고 BASIC이라는 이유로 꼭 필요한 내용을 지나치게 줄이지도 않았습니다.

처음 배우는 사람이 웹페이지의 구조를 이해하고, 기본 코드를 읽고, 필요한 부분을 직접 수정하는 데 필요한 내용을 중심으로 구성했습니다. 중요한 내용은 충분히 설명하고, 지금 당장 깊이 알 필요가 없는 내용도 전체 구조에서 어디에 속하는지는 알 수 있도록 담았습니다.

군더더기는 덜되, 뼈대는 빠지지 않는 책.

쉽지만 부정확하지 않은 책.

필요할 때 다시 펼쳐볼 수 있는 책.

이 책이 그런 BASIC이 되었으면 합니다.

이 책은 누구를 위한 책인가

이 책은 HTML과 CSS를 처음 배우는 사람을 위한 입문서입니다. 예전에 배웠지만 기초를 다시 정리하고 싶은 사람에게도 적합합니다.

특히 다음과 같은 독자를 생각하며 만들었습니다.

웹페이지가 어떤 구조로 만들어지는지 알고 싶은 사람

HTML과 CSS 코드를 읽을 수 있게 되고 싶은 사람

기존 웹페이지의 글자, 색상, 여백, 배치를 직접 수정하고 싶은 사람

템플릿이나 AI가 만든 코드를 이해하고 수정하고 싶은 사람

이후 웹사이트나 포트폴리오 제작으로 학습을 이어가고 싶은 사람

전문 프론트엔드 개발자를 위한 심화 교재는 아닙니다. 먼저 웹의 기본 언어를 읽고 이해하는 힘을 만드는 데 집중합니다.

이 책에서 배우는 것

먼저 HTML 문서의 전체 구조를 살펴봅니다. 그다음 제목과 문단, 이미지, 링크, 목록과 같은 기본 요소를 하나씩 더해갑니다. class와 id, 시맨틱 HTML, 폼과 접근성의 기본도 함께 다룹니다.

HTML의 구조를 익힌 뒤에는 CSS로 넘어갑니다. CSS의 기본 문법과 선택자부터 시작해 글자와 색상, 박스 모델, 크기와 여백을 배웁니다. 브라우저가 기본적으로 적용하는 스타일과 CSS Reset의 개념도 살펴봅니다.

여러 CSS 규칙이 한 요소에 겹칠 때 최종 스타일이 어떻게 결정되는지도 다룹니다. 캐스케이드, 상속, 명시도는 실제 CSS를 읽고 수정할 때 만나게 되는 기본 원리입니다.

이어 display와 position, Flexbox와 Grid로 요소를 배치하고, 화면 크기에 맞게 변하는 반응형 웹의 기본까지 살펴봅니다.

책의 후반부에서는 브라우저 개발자 도구를 이용해 실제 HTML과 CSS가 어디에 적용되어 있는지 찾아보고 수정합니다. 모르는 코드를 만났을 때 공식 문서를 확인하고 필요한 정보를 찾는 방법도 다룹니다.

HTML 요소와 CSS 속성을 모두 외울 필요는 없습니다. 중요한 것은 전체 구조를 이해하고, 코드를 읽으며, 필요한 내용을 어디에서 찾아야 하는지 아는 것입니다.

내 생각을 웹에서 표현하는 첫걸음

누구에게나 자신만의 생각과 이야기가 있습니다. 오랫동안 쌓아온 경험과 전문 지식, 기록해 두고 싶은 이야기, 세상에 소개하고 싶은 작업들. 언젠가 그것들을 나만의 웹 공간에 담아보고 싶을 수도 있습니다.

웹의 기본을 이해하면 AI에게 더 정확하게 요청하고, 결과물을 자신의 뜻에 맞게 수정하며, 다른 사람과 협업할 때도 원하는 바를 한결 분명하게 전달할 수 있습니다.

HTML과 CSS는 앞으로도 계속 달라질 것입니다. 새로운 기능이 생기고, 권장하는 작성 방식도 바뀔 수 있습니다. 그러나 기본 원리를 이해하고 있으면 새로운 기술을 만났을 때도 훨씬 쉽게 방향을 잡을 수 있습니다.

전자책은 내용을 고치고 새로운 판에 반영하기 쉽다는 장점이 있습니다. 기술의 변화에 따라 필요한 부분은 계속 점검하고 보완하겠습니다.

유행하는 기능을 빠르게 훑고 지나가는 책보다, 시간이 지나도 기초를 확인하고 싶을 때 다시 펼칠 수 있는 책을 만드는 것이 이 책의 목표입니다.

AI가 작성한 코드가 궁금할 때, 웹페이지를 내 마음대로 고치고 싶을 때, 혹은 처음부터 나만의 작은 웹페이지를 만들어 보고 싶을 때. 이 책이 그 출발점이 되기를 바랍니다.

출처: 국립중앙도서관 출판예정도서 등록 정보(출판사 제출)

서지 풀이

부가기호 15000: 독자 대상 실용 · 발행 형태 전자출판물 · 내용 분류 총류.

출처: 국립중앙도서관 ISBN 서지정보 · 부가기호 뜻은 국립중앙도서관 ISBN 안내 기준

서점에서 확인

아직 서점 판매가 확인되지 않았습니다. 판매가 확인되면 이 자리에 구매 버튼이 생깁니다. 위의 출간 알림을 신청하시면 출간일에 서점 링크를 메일로 보내 드립니다.

먼저 찾아보기(결과가 없을 수 있음): 교보문고 · 예스24 — 서점 링크는 제휴 링크입니다.

자주 묻는 질문