상세정보
Hello Coding HTML5+CSS3
- 저자
- 황재호 저
- 출판사
- 한빛미디어
- 출판일
- 2018-03-12
- 등록일
- 2018-07-11
- 파일포맷
- PDF
- 파일크기
- 16MB
- 공급사
- YES24
- 지원기기
-
PC
PHONE
TABLET
웹뷰어
프로그램 수동설치
뷰어프로그램 설치 안내
책소개
문서 작성만큼, 아니 그보다 더 쉬운 웹페이지 만들기, 초보자를 위한 맞춤형 입문서워드나 PPT 문서를 만들 수 있나요? 그러면 문제 없습니다. 지금 바로 웹페이지 제작에 도전해보세요. 지금 당장 컴퓨터가 없어도 괜찮습니다. 코드와 실행 화면이 바로 보여서 눈으로만 읽어도 어떻게 작동하는지 쉽게 파악할 수 있는 것은 기본이고, 중간중간 퀴즈를 추가하여 재미있게 게임하듯 복습할 수 있습니다. 또한 이제 막 입문하여 도움을 구할 곳이 없는 여러분을 고려하여, 궁금해할 내용을 알아서 질문하고, 팁으로 친절하게 답해줍니다. 각 장의 끝에는 앞에서 배운 내용을 자연스럽게 복습할 수 있는 프로젝트도 있습니다. 헬로 코딩 시리즈로 초보에서 탈출했다고 끝내거나 멈추지 마세요. 웹페이지를 자유자재로 만들 수 있도록 『모던 웹 디자인을 위한 HTML5 CSS3 입문』, 『HTML5 CSS3 정복』까지 완독해서 HTML5를 정복해보세요. Hello Coding 시리즈는 독자의 첫 걸음을 응원합니다.
저자소개
경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 경희대학교 컴퓨터공학과 등에서 C++ 네트워크 프로그래밍, 자바 프로그래밍, HTML/CSS, PHP, 자바스크립트 등을 강의하였다. 현재는 수원여자대학교 예술학부에서 UX/UI 디자인과 프로그래밍 등을 강의하고 있다. 최근에는 코딩스쿨 사이트(http://codingschool.info)를 운영하고 관련 서적을 집필하며 비전공 입문자들을 위한 코딩 교육에 힘쓰고 있다.
목차
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 : 문의 게시판 글쓰기__요점 정리91Part 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 소스 정리하여 완성하기__요점 정리
