책 이미지
책 정보
· 분류 : 국내도서 > 컴퓨터/모바일 > 프로그래밍 개발/방법론 > 웹 서비스/웹 프로그래밍
· ISBN : 9791188621040
· 쪽수 : 384쪽
책 소개
목차
CHAPTER 1 웹사이트의 구조를 알자 ... 1
SECTION 1 웹사이트가 표시되는 구조 _2
SECTION 2 URL _5
SECTION 3 웹사이트에 사용되는 파일 종류 _9
SECTION 4 웹사이트의 파일 및 폴더 구조 _16
SECTION 5 웹사이트 제작 환경을 준비하자 _22
CHAPTER 2 HTML 기초 지식과 마크업 실전 예제 ... 29
SECTION 1 HTML이란? _30
SECTION 2 HTML 형식 _33
SECTION 3 HTML 문서 구조 _37
SECTION 4 마크업의 구성 방식 연습하기 _40
CHAPTER 3 CSS 기초 지식과 페이지 디자인 실전 예제 ... 55
SECTION 1 CSS 기초 지식 _56
SECTION 2 CSS 형식 _58
SECTION 3 페이지에 CSS를 적용하는 훈련 _61
CHAPTER 4 텍스트 꾸미기 ... 73
SECTION 1 제목이나 본문의 폰트 크기 조정하기 _74
SECTION 2 읽기 쉽게 행간 조절하기 _82
SECTION 3 단락에서 리드 문장을 굵은 글씨로 설정 _85
SECTION 4 폰트 설정하기 _88
SECTION 5 텍스트의 정렬 방식 변경하기 _96
SECTION 6 두 번째 행 이후를 한 글자 내린다 _99
SECTION 7 텍스트 색 변경하기 _102
SECTION 8 제목에 부제목 붙이기 _111
CHAPTER 5 링크 설정과 이미지 표시 ... 115
SECTION 1 텍스트에 링크 추가하기 _116
SECTION 2 텍스트 링크에 CSS 적용하기 _129
SECTION 3 이미지 표시하기 _139
SECTION 4 이미지 링크 걸기 _145
SECTION 5 이미지 주변에 텍스트 배치하기 _150
CHAPTER 6 박스와 정보 정리 ... 155
SECTION 1 인라인 박스와 블록 박스 _156
SECTION 2 항목 나열하기(리스트)의 마크업 _159
SECTION 3 리스트를 정보 정리에 사용하자 _162
SECTION 4 능숙한 <div> 사용법 _173
SECTION 5 CSS의 박스 모델 _178
SECTION 6 패딩, 보더 설정 _183
SECTION 7 두 개 이상의 박스 나열하기 _189
SECTION 8 박스의 디자인 조절하기 _197
CHAPTER 7 테이블 ... 209
SECTION 1 테이블 작성하기 _210
SECTION 2 접근성을 고려한 테이블 _220
SECTION 3 테이블의 디자인 변경 _227
CHAPTER 8 폼 ... 235
SECTION 1 폼 및 폼의 데이터 전송 구조 _236
SECTION 2 다양한 폼 부품 _239
SECTION 3 표준 폼의 예 _263
CHAPTER 9 페이지 전체 레이아웃과 내비게이션 ... 267
SECTION 1 실전 코딩을 위해 알아 두면 좋은 CSS 지식 _268
SECTION 2 1단 칼럼형 레이아웃 _275
SECTION 3 플렉스 박스를 사용한 칼럼 레이아웃 _292
SECTION 4 내비게이션 메뉴 작성하기 _304
CHAPTER 10 반응형 웹디자인 페이지 만들기 ... 317
SECTION 1 반응협 웹디자인이란? _318
SECTION 2 반응형 웹디자인 사이트 만들기 _323
책속에서
httpss는 해당 웹페이지를 요청할 때와 응답이 돌아올 때 모두 전송 중인 데이터가 암호화되고 있다는 것을 나타낸다. 데이터가 암호화되면 인터넷상의 제3자가 혹 데이터를 가로채더라도 그 내용을 확인할 수 없다. httpss는 이전까지만 해도 주로 신용카드 번호나 로그인 암호 등 노출되면 위험한 데이터를 전송할 때 사용됐다. 하지만 최근에는 보안에 대한 의식이 높아지면서 사이트 전체적으로 암호화를 하는 경우가 많아졌다. 참고로 스킴이 https인 경우는 전송되는 데이터(브라우저와 웹서버가 주고 받는 데이터)가 암호화되지 않는다.
HTML에는 미리 정의돼 있는 태그가 약 200여 개가 있다. 200여 개라고 하면 많다고 생각할 수도 있지만, 사실 자주 사용하는 것은 30~40개 정도다. 또한, 반드시 알아야 할 태그는 10가지 정도에 불과하다. HTML5으로 업그레이드된 후 이전 버전의 HTML에 비해 태그 수가 배 정도로 늘었지만, 실제 인터넷상에 공개돼 있는 웹사이트의 HTML을 보면 태그를 많이 사용하는 것보다 가능한 한 간단하게 작성하려고 한 것을 볼 수 있다. 많은 종류의 태그 사용법을 배우는 것보다 어떻게 문서를 구조화하는가가 더 중요하다고 볼 수 있다.