본문내용 바로가기
무료배송 이벤트 소득공제

따라만 해도 완성되는 웹사이트를 위한 HTML5 CSS3 무작정 따라하기

CD1장포함
김선화 지음 | 길벗 | 2013년 08월 26일 출간

이 책의 다른 상품 정보

  • 정가 : 25,000원
    판매가 : 22,500 [10%↓ 2,500원 할인]
  • 통합포인트 :
    [기본적립] 1,250원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 도서상태 : 절판

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 프론트엔드 개발을 위한 약간의 가이드
    2018.02.02 ~ 2020.12.31
상품상세정보
ISBN 9788966185795(8966185797)
쪽수 512쪽
크기 188 * 257 * 35 mm /1080g 판형알림

책소개

이 책이 속한 분야

『HTML5 CSS3 무작정 따라하기』는 HTML5와 CSS3를 통해 최신 웹 표준 사이트 만드는 법을 쉽게 설명하고 있다. HTML5에서 추가되거나 바뀐 부분을 적용하여 웹 표준 기술을 쉽게 학습할 수 있게 구성 하였으며 웹사이트를 만드는 데 필요한 핵심적인 내용만 체계적으로 엮어 실전에 활용할 수 있게 하였다.

이 책의 시리즈

시리즈 자세히 보기

이 책의 총서

총서 자세히 보기

상세이미지

HTML5 CSS3 무작정 따라하기(따라만 해도 완성되는 웹사이트를 위한)(CD1장포함) 도서 상세이미지

저자소개

저자 : 김선화

저자 김선화는 컴퓨터공학을 전공하고 대학원 과정으로 소프트웨어공학을 이수하였습니다. 2000년대 초 벤처 붐이 일어날 당시 기존 시스템을 웹 환경으로 구축하는 SI 업무를 하면서 웹 개발을 시작했습니다. 엔터프라이즈 환경에서 오픈 소스를 활용한 프레임워크 구축에 관심이 많습니다. 최근에는 모바일을 접목한 하이브리드 환경에 관심을 두고, Agile, UI/UX, HTML5, Spring 등 아키텍처 전반에 걸친 기술에 주목하고 있습니다.

저서
《웹 표준 사이트 & 모바일 애플리케이션 개발을 위한 HTML5&CSS3》 (다올미디어, 2012)

목차

첫째마당 | HTML5와 CSS3 시작하기
1. 웹(Web)의 시작

2. 웹 개발 환경 살펴보기
웹브라우저의 종류
웹 개발 편집기
[무작정 따라하기] 노트패드++ 설치하기
[무작정 따라하기] 주요 브라우저 설치하기

3. HTML 시작하기
HTML5의 새로운 특징
HTML 작성하기
[무작정 따라하기] 여러 브라우저로 HTML파일 실행하기
[무작정 따라하기] 웹 문서에 공백 삽입하기

4. CSS 시작하기
CSS3의 새로운 특징
CSS 작성하기
CSS 적용 방법 살펴보기
CSS 활용하기
[무작정 따라하기] HTML 태그에 스타일 적용하기
[무작정 따라하기] 외부 CSS3 파일 적용하기

5. HTML과 관련된 웹 언어 살펴보기
자바 스크립트(Javascript)
서버 사이드 스크립트 언어
모바일 웹 앱
[무작정 따라하기] 자바스크립트로 알림메시지 띄우기

둘째마당 | HTML 기본 문서 만들기
1. HTML 문서 만들기
문서 구조 만들기
《head》 영역 정의하기
《body》 영역 정의하기
HTML5의 시맨틱 태그
[무작정 따라하기] 타이틀 바에 제목 적용하기
[무작정 따라하기] 인용문에 스타일 적용하기
[무작정 따라하기] 시맨틱 태그에 스타일 적용하기

2. CSS를 사용하여 문서 스타일 적용하기
원하는 위치에 배치하기
배경 색상 변경하기
배경 이미지 지정하기
배경 이미지 반복하기
배경 이미지 고정하기
배경 이미지 위치 지정하기
통합된 배경 적용하기
[무작정 따라하기] 이미지 자유롭게 배치하기
[무작정 따라하기] 배경 이미지에 패턴 적용하기
[무작정 따라하기] 제목 표시줄에 배경 이미지 적용하기

3. CSS3의 확장된 문서 스타일 다루기
미디어 쿼리로 상황에 맞는 스타일 적용하기
배경에 그라디언트 적용하기
배경 이미지 크기 조절하기
배경 잘라내기
배경 이동하기
배경에 여러 이미지 적용하기
[무작정 따라하기] 미디어 쿼리로 인쇄용 화면 만들기
[무작정 따라하기] 여러 배경 이미지를 활용하여 편지지 꾸미기

셋째마당 | 텍스트와 목록, 하이퍼링크 다루기
1. 텍스트와 목록 구성하기
형식에 맞는 텍스트 삽입하기
목록 삽입하기
정의 목록 삽입하기
[무작정 따라하기] 웹 문서에 목록 삽입하기
[무작정 따라하기] 목록 태그를 사용하여 가로 메뉴 만들기
[무작정 따라하기] 목록 태그를 사용하여 드롭다운 메뉴 만들기

2. 하이퍼링크로 내용 연결하기
하이퍼링크 삽입하기
새 창으로 하이퍼링크 열기
HTML5에서 추가된 type과 media 속성
HTML5로 여러 태그에 하이퍼링크 적용하기
[무작정 따라하기] 웹페이지에 책갈피 사용하기

3. CSS로 텍스트와 목록, 하이퍼링크 스타일 변경하기
텍스트 스타일 다루기
단락 스타일 다루기
목록 스타일 다루기
하이퍼링크 스타일 다루기
[무작정 따라하기] 목록에 이미지 스타일 적용하기
[무작정 따라하기] 마우스에 반응하는 메뉴 만들기

4. CSS3로 확장된 텍스트, 단락 효과 다루기
확장된 텍스트 스타일 다루기
확장된 단락 스타일 다루기
CSS3의 멀티 컬럼(Multi Column)
[무작정 따라하기] 텍스트 그림자 효과 적용하기
[무작정 따라하기] 웹 폰트 사용하기

넷째마당 | 박스 모델과 표 만들기
1. 박스 모델과 표 작성하기
박스 모델 만들기
표 삽입하기
표 합치기
표에 레이아웃 작성하기
[무작정 따라하기] 박스 모델 레이아웃 배치하기
[무작정 따라하기] 표에 캡션 추가하기
[무작정 따라하기] 표를 이용하여 TV 영화 편성표 만들기

2. CSS로 표 스타일 다루기
여백과 테두리 지정하기
크기 지정하기
확장된 표 속성 다루기
[무작정 따라하기] 식단표 만들기

3. CSS3를 사용하여 스타일 확장하기
둥근 테두리
테두리에 이미지 적용하기
그림자 적용하기
[무작정 따라하기] 둥근 모서리 표 생성하기
[무작정 따라하기] 표에 그림자 적용하기

다섯째마당 | 입력 폼과 박스 만들기
1. 폼 삽입하기
폼(form)이란?
폼 태그 속성

2. 폼 태그에 입력 양식 삽입하기
입력 양식 《input》 태그
선택 목록 양식 《select》 태그
여러 줄 입력 양식 《textarea》 태그
[무작정 따라하기] 웹페이지에서 폼 태그 속성 확인하기
[무작정 따라하기] 간단한 회원 가입 폼 만들기

3. HTML5의 확장된 폼 양식
확장된 폼 태그의 속성
《input》 태그의 확장된 타입
새로 추가된 폼 양식
[무작정 따라하기] 브라우저별 최신 《input》 타입 지원여부 확인하기
[무작정 따라하기] CSS3를 적용하여 회원가입 폼 업그레이드하기
[무작정 따라하기] CSS3를 사용하여 버튼 스타일 변경하기

여섯째마당 | 이미지와 멀티미디어 사용하기
1. 이미지 사용하기
이미지 파일의 종류
이미지 파일 삽입하기
[무작정 따라하기] 다른 사이트의 이미지 파일 삽입하기

2. CSS3로 이미지 다루기
다양한 이미지 효과 적용하기
이미지 변형하기
이미지 전환하기
[무작정 따라하기] 이미지를 회전하여 사진 앨범 꾸미기
[무작정 따라하기] 메뉴에 마우스를 올렸을 때 변환/전환 효과 적용하기

3. 멀티미디어 활용하기
멀티미디어 파일의 종류
HTML5의 동영상 파일 삽입하기
HTML5로 오디오 파일 삽입하기
여러 개의 동영상과 음악 형식 지정하기
그 밖의 멀티미디어 파일 재생하기
[무작정 따라하기] 유튜브에서 동영상 가져오기
[무작정 따라하기] CSS3를 사용하여 플레이어 꾸미기

부록 코드 미리보기

출판사 서평

HTML5와 CSS3를 통해 최신 웹 표준 사이트 만들기 - 왕초보에게 가장 좋은 책!
웹 개발, 웹 디자인의 시작인 HTML은 개념이 어렵지 않고, 깊은 선행지식이 필요하지 않습니다. 하지만 최신 버전인 HTML5는 범위가 넓고 복잡해졌습니다. 『HTML5+CSS3 무작정 따라하기』는 HTML5에서 추가되거나 바뀐 부분을 적용하여 웹 표준 기술을 쉽게 학습할 수 있게 구성했습니다.

HTML 기본기부터 웹 표준의 필요성, 페이지를 만들 때 HTML 코드와 CSS를 분리하는 이유까지, 최신의 웹 표준 사이트를 만드는 HTML... 더보기

북로그 리뷰 (1) 전체보기 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 굉장히 눈이 아플 정도로 컬러풀한 책입니다.시간상 출퇴근 시간을 이용하여 간간히 내용을 보고 넘겨보면서 하는 것에는 딱히 문제가 되지 않는 것으로 봐서는(저는 HTML과 CSS를 많이 공부하지 못했습니다.)내용이 그만큼 흡수하기 쉽다고 할 수 있습니다.책 제목이 따라만 해도 완성되는 웹사이트라는 수식어가 붙어 있지만,개인적인 생각으로는 기타 프로그래밍 서적의 대표작인 뇌를 자극하는 시리즈 처럼하나의 프로젝트를 점점 살을 붙여나가 완성하는 것인줄 알았는데,그게 아니라 하나의 모듈 모듈을 모든 스크립트를 책안에 다 담았더군요.레퍼런스 ... 더보기

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

  • 윤인성
    16,200원
  • 이남호
    23,310원
  • 길벗알앤디
    27,900원
  • 이동욱
    19,800원
  • 길벗R&D
    17,100원
더보기+

이 분야의 신간

  • 길벗알앤디
    27,900원
  • 다카라지마사
    9,900원
  • 테런스 J. 세즈노스키
    22,500원
  • 이동욱
    19,800원
  • 길벗R&D
    15,300원
더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품