홈페이지 기본 + 활용 (할수있다 쉽게배우기)

성윤수 지음

영진닷컴 2007년 10월 08일 출간 종이책 : 2004년 08월 25일 출간

작품소개

책소개

홈페이지 제작의 초·중급자를 위한 홈페이지 제작 실용 교재.나모 웹에디터, 포토샵, 스위시, 플래시 등 다양한 프로그램을 이용하여 독창적인 홈페이지 제작법을 소개한다. 또한 제로보드를 이용한 게시판 제작 및 관리와 HTML 구조에 대해서도 설명하고 있다. 그 외에 제로보드를 사용할 수 있는 계정과 무료 계정의 정보를 비교 분석하여 수록하였으며, 각각의 프로그램에서 자주 쓰이는 단축키와 홈페이지 제작 노하우등을 삽입하였다.

목차

[Part 1 홈페이지를 만드는 첫걸음!]
. 1. 인터넷과 홈페이지
. 2. 홈페이지가 뭐죠?
. 3. 내 홈페이지를 만들자
★ 블로그가 뭐죠?
-
[Part 2 첫 단추가 중요하다! 홈페이지 기획하기]
. 1. 좋은 홈페이지의 구성 조건
. 2. 전문가들은 어떻게 홈페이지를 만들까?
. 3. 좋은 홈페이지를 만드는 방법
. 4. 웹 사이트의 색상을 돋보이게 만드는 웹 컬러
. 5. 가독성을 높여 주는 타이포그래피
-
[Part 3. 나모 웹에디터 FX suite로 홈페이지 만들기]
. 1. 나모 웹에디터 FX suite를 사용해 보자
. 2. 나모 웹에디터 FX suite의 기능을 살펴보자
. 3. 나모 웹에디터 FX suite로 홈페이지의 대문을 만들자
★ 원하는 배경색을 마음대로 찾아보자
-
[Part 4. 포토샵 CS로 개성 넘치는 홈페이지 디자인하기]
. 1. 포토샵 화면에 있는게 다 뭐죠?
. 2. 홈페이지에 사용할 배경을 만들자
. 3. 내비게이션바를 만들자
. 4. 글자 툴을 사용하여 디자인하자
. 5. 타이틀 이미지를 만들자
. 6. 메인 이미지를 만들자
. 7. 서브 페이지의 배너를 만들자
. 8. 메인 이미지를 자르고 저장하자
★ 툴박스와 팔레트를 살펴보자
-
[Part 5. 생동감 넘치는 멀티미디어 홈페이지 만들기]
. 1. 알GIF로 움직이는 그림을 만들자
. 2. 홈페이지에 사용할 오디오 파일을 만들자
. 3. 스위시로 글자 애니메이션을 만들자
. 4. 플래시 애니메이션으로 인트로 페이지를 만들자
-
[Part 6. 실무를 위한 홈페이지 만들기]
. 1. 프레임을 알면 홈페이지가 보인다
. 2. 프레임을 만들어 볼까?
. 3. 인클루드 페이지를 만들자
. 4. 서브 페이지를 만들자
★ 인트로 페이지를 자동으로 메인 페이지로 이동하기
. 5. 다이내믹 HTML로 내 프로필을 만들자
★ 간편하게 문서 속성을 지정하는 스타일시트
. 6. 이메일을 보내자
. 7. 갤러리 문서를 만들자
. 8. 내 홈페이지에 게시판을 삽입하자
. 9. 홈페이지를 완성하자
-
[Part 7. 인터넷에 홈페이지 올리고 꾸준히 관리하자!]
. 1. 홈페이지 등록을 위한 준비 과정
. 2. 서비스 업체에 홈페이지 업로드하기
. 3. 내 홈페이지 광고하기
-
- 책속의 책. 제로보드로 홈페이지 만들기
- 권말 부록. HTML로 홈페이지의 구조 살펴보기
- Index

책 속으로

◆ Chapter별 내용요약 Part 1 홈페이지를 만드는 첫걸음! 인터넷은 이미 우리 생활 속으로 너무 깊숙하게 들어왔 있습니다. 우리는 인터넷을 정보를 검색하는 데 이용할 뿐만 아니라 이메일을 보내고, 게임을 하고, 영화나 음악, 뉴스, 쇼핑, 메신저를 하는 등 중요한 커뮤니케이션으로도 활용하고 있습니다. 자, 그러면 이제부터 홈페이지(Homepage)가 무엇인지 살펴본 후 홈페이지 만들기에 도전해 볼까요? Part 2 첫 단추가 중요하다! 홈페이지 기획하기 '홈페이지 하나 만들어 볼까?'라고 생각했으면, 당연히 '어떻게 만들어야 할까?'라는 의문이 들 것입니다. 그리고 이렇게 의문을 갖는 것이 바로 웹 기획의 시작입니다. 만들어야 하는 목적을 분명히 아는 것, 그것만으로도 좋은 홈페이지를 만들 수 있다는 것을 꼭 기억하세요. Part 3 나모 웹에디터 FX suite로 홈페이지 만들기 홈페이지를 만들고 싶은데 어려울 것 같다고요? 나모 웹에디터 FX suite는 초보자도 아주 쉽고 빠르게 홈페이지를 만들 수 있게 도와 주는 훌륭한 프로그램입니다. 이제부터 워드프로세서로 문서를 작업하는 것처럼 누구나 쉽게 HTML 문서를 제작할 수 있는 나모 웹에디터 FX suite의 사용법을 간단히 익혀 봅시다. 그런 다음, 나모 웹에디터 FX suite로 예쁜 홈페이지의 대문까지 함께 만들어 볼까요? Part 4 포토샵 CS로 개성 넘치는 홈페이지 디자인하기 개성이 있는 홈페이지를 만들려면, 디자인을 잘 해야 합니다. 4부에서는 전공자가 아니더라도 포토샵 CS를 사용하여 홈페이지를 쉽게 디자인하는 방법에 대해서 알아보겠습니다. Part 5. 생동감 넘치는 멀티미디어 홈페이지 만들기 요즘에는 홈페이지에 음악을 삽입하거나 캠코더나 디지털 카메라로 찍은 영상을 편집해서 올려놓은 경우가 많아졌습니다. 이렇게 움직이는 텍스트와 사운드, 동영상 등 다양한 프로그램을 사용한 홈페이지를 '멀티미디어 홈페이지(Multi-media Homepage)'라고 합니다. 여기에서는 움직이는 배너를 만들고, 음악을 만들고, 플래시로 인트로 페이지를 만드는 등 다양한 프로그램을 사용하여 홈페이지에 사용할 소스를 만들어 보겠습니다. Part 6 실무를 위한 홈페이지 만들기 이제부터는 만들어 놓은 소스들을 이용해서 본격적으로 홈페이지를 완성해 보겠습니다. 홈페이지를 만드는 데 필요한 모든 문서는 인터넷에 곧바로 올릴 수 있도록 나모 웹에디터로 작업할 것입니다. 그러면 이제부터 나만의 개성이 있는 홈페이지를 완성해 볼까요? Part 7 인터넷에 홈페이지 올리고 꾸준히 관리하자! 홈페이지를 모두 제작했으면, 인터넷에 등록해야 합니다. 이번에는 계정을 만들어서 홈페이지를 서버에 업로드하고, 검색 엔진에 등록한 후 효과적으로 광고하는 방법을 알아보겠습니다. 책 속의 책. 제로보드로 홈페이지 만들기 제로보드를 알고 있나요? 홈페이지를 운영하는 사람이라면, 거의 모든 사람들이 제로보드를 알고 있을 것입니다. 여기에서는 제로보드를 사용하여 게시판을 만드는 방법과 예쁜 스킨을 적용하는 방법을 살펴보겠습니다. 이렇게 만든 게시판을 홈페이지에 적용하면, 홈페이지가 훨씬 돋보일 것입니다. 권말부록. HTML로 홈페이지의 구조 살펴보기 홈페이지를 만들려면, HTML을 어느 정도 알고 있어야 합니다. 물론 HTML 전체를 몰라도 HTML의 기본만 알아 두면, 다른 멋진 홈페이지의 소스를 쉽게 응용할 수 있습니다. 권말부록에서는 다른 홈페이지의 소스를 살펴보면서 HTML의 기본 태그에 대해서 살펴보겠습니다.

출판사 서평

블로그와 미니홈피는 누구나 정보를 올려 다른 사람과 공유할 수 있기 때문에 많은 주목을 받지만, 태그의 사용이 제한되어 있고, 사이트에서 제공하는 기능 외에는 추가 기능을 사용할 수 없다는 단점이 있습니다. 이렇게 제한된 콘텐츠 안에서 홈페이지를 운영하기 때문에, 자유로운 홈페이지를 만들려는 요구가 계속 되고 있습니다. 창조성을 살리지 못하는 콘텐츠 제공식 홈페이지에서 벗어나 나만의 독창적인 홈페이지를 만들면 어떨까요? [할수있다! 홈페이지 기본 + 활용 쉽게 배우기]는 자신만의 독창적인 홈페이지를 다양한 프로그램으로 만들 수 있는 방법을 배울 수 있는 입문+활용서입니다. - - ◆ 특징 또는 강점 - - 나모 웹에디터 FX suite를 중심으로 홈페이지를 만드는 방법부터 인터넷에 홈페이지를 등록하는 방법까지의 전 과정을 설명합니다. - 포토샵 CS, 플래시 MX, 스위시 등 다양한 멀티미디어 프로그램을 사용하여 홈페이지를 만드는 방법을 설명하며, 각 프로그램의 기능 중에서 홈페이지를 만드는데 필요한 기능만을 소개합니다. - HTML, CSS, 자바스크립트와 같은 언어도, 홈페이지를 만드는데 반드시 알아야 할 필요한 기능 중심으로 설명합니다. - 제로보드를 사용한 게시판 꾸미고 활용하는 방법도 설명합니다.

작가정보

저자(글) 성윤수

◆ 저자소개 - 성윤수 현) 프리랜서 웹 디자이너 경력) 제10회 LG애드 대학생 광고 공모전 인터넷 부문 입상 올포스트 커뮤니케이션즈 근무 위이 커뮤니케이션 근무 피아 커뮤니케이션 근무 (주)만도 홈페이지(www.mando.com) 등 다수의 홈페이지 기획 및 제작 - 박종훈 현) 푸른기획 컴퓨터 그래픽팀 팀장 저서) [디시인사이드 리터칭 고수와 함께 하는 Photoshop CS] [할 수 있다! 디지털 카메라 & 사진 수정 편집 확실히 배우기] [세상에서 단 하나! 특별한 사진을 위한 포토 이미지 리터칭] [성공과 실패를 결정하는 포토샵 7] [할 수 있다! 사진 수정 편집을 위한 Paint Shop Pro 8]