Getting Started with Web and HTML

01 How does the web work?
__01-1 Various types of websites
__01-2 Understanding Networks
__01-3 Understanding the basic behavior of the web
__01-4 Learn about web accessibility
__Chapter 01 Review Problem

02 Getting Started with Web Development
__02-1 Web Development: Where to Start
__02-2 Setting up a web development environment

03 Creating a basic HTML document
__03-1 First Encounter with HTML
__03-2 Understanding the structure of HTML
__03-3 Creating an HTML file
__03-4 Semantic tags that create the structure of web documents
__Chapter 3 Review Problem

04 Entering various contents into web documents
__04-1 Enter text
__04-2 Create a list
__04-3 Create a table
__04-4 Inserting an image
__04-5 Inserting audio and video
__04-6 Inserting a hyperlink
__Chapter 4 Review Problem

05 Fill out the input form
__05-1 Inserting a form
__05-2 input tag for user input
__05-3 Main attributes of the input tag
__05-4 Various tags used in the form
Chapter 05 Review Problem

Second Yard CSS Handling

06 CSS Basics
__06-1 Styles and Style Sheets
__06-2 Learn CSS Basic Selectors
__06-3 Understanding Cascading Style Sheets
Chapter 6 Review Problem

07 Various styles for expressing text
__07-1 Font-related styles
__07-2 Using web fonts and icon fonts
__07-3 Text-related styles
__07-4 List Style
__07-5 Table Style
Chapter 7 Review Problem

08 CSS Box Model
__08-1 CSS and the Box Model
__08-2 Specifying border styles
__08-3 Property that controls margins
__08-4 Creating a Web Document Layout
__08-5 Positioning Web Elements
__Chapter 8 Review Problem

09 Decorate the background with images and gradient effects
__09-1 Specifying background color and background range
__09-2 Specifying a background image
__09-3 Decorating the background with a gradient effect
Chapter 9 Review Problem

Third Yard: Creating a Responsive Web

10 Responsive Web and Media Queries
__10-1 Understanding Responsive Web
__10-2 Creating responsive elements
__10-3 Understanding Media Queries
__Chapter 10 Review Problems

11. Laying out with a flexbox layout
__11-1 Basic Properties for Deployment
__11-2 Examining Properties for Responsive Web
__Chapter 11 Review Problems

12 Laying out with CSS Grid Layout
__12-1 Using CSS Grid Layout
__12-2 Laying out grid lines and template areas
__Chapter 12 Review Problems

Fourth Yard CSS Advanced Features

13 CSS Advanced Selectors
__13-1 connection selector
__13-2 Attribute Selector
__13-3 Virtual Classes and Virtual Elements
__13-4 CSS Function Overview
Chapter 13 Review Problem

14 Transitions and Animations
__14-1 Understanding Transforms
__14-2 Understanding Transitions
__14-3 Learn about animation
Chapter 14 Review Problem

Appendix A: Becoming a Developer Who Collaborates with AI
Appendix B: "Do it! Web Development License Exam"

Search

A textbook for solid web fundamentals in the AI ​​era.
《Do it! HTML+CSS Web Standards Essentials》 Revised 3rd Edition Released!

Since its first edition in 2017, "Do it! HTML+CSS Web Standards Essentials," which has been with countless beginners in web development, has returned with a new, revised third edition.
We live in an era where we can ask AI to "make me a website" and it will actually write the code for us.
But the real challenge is having someone who can understand and modify that code, because AI only answers what we ask.
So, those who know what to build and why to build it are the ones who can best utilize AI.

No matter how much the times change, the core technologies that form the basis of web development remain unchanged: HTML and CSS.
This book kindly explains what HTML tags are, so that web beginners can build a solid foundation.
It goes beyond simply learning grammar, and helps you build the fundamental skills to code and collaborate with AI.
This revised edition includes appendices such as "Becoming a Developer Who Collaborates with AI," which reflects the latest technologies and web trends and is tailored to the AI ​​era, and "Do it! Web Development License Exam," which allows you to test your own web development skills.
The result is a book that is perfect for anyone just starting out in web development.

I recommend this book to these people!
● Coding beginners who are curious about web programming
● Job seekers who want to become web developers
● Web planners who want to communicate with web developers
● Web designers who also need to do publishing
● Instructors looking for a textbook that systematically teaches web development

Practice → Review → Evaluation all in one!
Studying effectiveness triples with systematic learning design!

This book is structured so that reading it once will give you the same effect as reading it three times.


1.
At the beginning of each chapter, you'll identify learning objectives in advance in the "Study this chapter!" section, then practice coding various examples.
This book offers over 250 examples, ranging from hand-coding problems where you simply fill in the blanks to "Do it!" exercises where you follow along step-by-step to create a program.

2.
Once you've finished studying a chapter, answer the questions in the "Check" corner to reflect on what you learned in that chapter.
3.
Finally, you will use the 'Reflection Problem' to assess how well you have understood what you have learned.


If you study according to this systematic structure, you can expect the most efficient learning effect.

Two special supplements to improve your web development skills
Includes AI usage and web development license exam preparation!

In Appendix A, "Becoming a Developer Who Collaborates with AI," you'll learn how to code alongside AI. You'll learn what AI coding is and practice creating HTML and CSS code using AI coding tools, step by step. Learning how to use AI as a "collaborator," not just a helper, will accelerate your learning process!
Once you've completed all the learning, take a final test of your skills with Appendix B, "Do it! Web Developer License Exam."
Once you've finished your exam, grade it and see how you stack up in web development.
The grading chart provided in the book allows you to see at a glance your current skills and areas for improvement.
If you solidify what you know and review what you lack, your skills will improve noticeably before you know it!

It's like receiving one-on-one tutoring
Free author-direct lecture videos

Study with videos narrated by the author himself.
You can have an easier time completing the book without giving up halfway.
If you're planning to teach yourself web development or want to review what you learned in school, be sure to use video lectures along with the book.

I recommend both self-study and textbooks!
Two study plans are provided to suit your study pace.

If you set a goal and study, you can read even a thick book from start to finish.
If you want to study step by step, try the '30-Day Essential Course', and if you want to finish quickly in a short period of time, try the '15-Day Intensive Course'.
By the time you finish reading the book as planned, you'll have completely mastered the fundamentals of web development.
It is also useful as a reference when planning lectures, so please actively use it as a textbook at your academy or university.

Example source files are available in the data room on the Aegis Publishing website or on the author's GitHub.
● Easys Publishing website: www.easyspub.co.kr → Click [Data Room] → Search for book title
● Author's GitHub: https://github.com/funnycom/doit-hc

Come to the 'Do it! Study Room' where we learn, share, and grow together!
If you plan and study alone, you'll quickly get tired.
If you have any difficult questions, try sharing them with readers who have similar concerns.
It's more rewarding to study while helping each other.
By helping others with the things I understand well and receiving help with the things I don't understand well, I can enjoy the effect of reviewing while studying.
If you want to go far, go with a friend.
● Do it! Study Room: cafe.naver.com/doitstudyroom