웹디자인 강의
기타 [HomePage Step] 홈페이지의 제작단계
2002.12.27 14:42
제목 : 홈페이지의 제작단계
◈ 홈페이지
홈페이지란 전세계의 컴퓨터들을 공통된 규칙(기술)에 따라 상호 연결하고 있는 싸이트이다.
이러한 싸이트에 연결된 컴퓨터들은 국적에 관계없이 서로 통신파일 및 이미지 전송, 웹페이지 검색, 전자우편 전송 등을 할 수 있다.
◈ 홈페이지의 제작 단계
1) 기획단계
- 홈페이지의 목적과 용도, 희망하는 기능을 파악
분석 자료를 통하여 홈페이지의 방향성을 고려한 전체적인 툴을 구상
페이지간의 계층적인 이미지 분위기 등을 결정
샘플제작후 재검토를 거쳐 개발일정 결정
2) 자료수집단계
- 자료수집, 간단명료한 본문준비, 그래픽 자료준비
3) 코딩단계
- 본문과 그래픽 배치, 조화있고 일관성있는 인터페이스 유지
홈페이지를 다이나믹하게 구성, 상호 대화형 홈페이지를 구현
4) 테스트 단계
- 홈페이지를 서버에 업로드
테스팅(여러 브라우저 사용, 로딩시간점검. 링크 확인 등)
5) 유지보수단계
- 끊임없는 수정 및 보완
→ 참고
프로젝트 제작 순서 : 작업설계-화면디자인-코딩-디버깅
출처: http://www.adams.pe.kr (XML로 만들어진 홈페이지랍니다)
◈ 홈페이지
홈페이지란 전세계의 컴퓨터들을 공통된 규칙(기술)에 따라 상호 연결하고 있는 싸이트이다.
이러한 싸이트에 연결된 컴퓨터들은 국적에 관계없이 서로 통신파일 및 이미지 전송, 웹페이지 검색, 전자우편 전송 등을 할 수 있다.
◈ 홈페이지의 제작 단계
1) 기획단계
- 홈페이지의 목적과 용도, 희망하는 기능을 파악
분석 자료를 통하여 홈페이지의 방향성을 고려한 전체적인 툴을 구상
페이지간의 계층적인 이미지 분위기 등을 결정
샘플제작후 재검토를 거쳐 개발일정 결정
2) 자료수집단계
- 자료수집, 간단명료한 본문준비, 그래픽 자료준비
3) 코딩단계
- 본문과 그래픽 배치, 조화있고 일관성있는 인터페이스 유지
홈페이지를 다이나믹하게 구성, 상호 대화형 홈페이지를 구현
4) 테스트 단계
- 홈페이지를 서버에 업로드
테스팅(여러 브라우저 사용, 로딩시간점검. 링크 확인 등)
5) 유지보수단계
- 끊임없는 수정 및 보완
→ 참고
프로젝트 제작 순서 : 작업설계-화면디자인-코딩-디버깅
출처: http://www.adams.pe.kr (XML로 만들어진 홈페이지랍니다)
댓글 12
-
BIRDY™
2002.12.27 20:57
-
ZipShin
2002.12.27 20:33
이렇게하면 계획된 홈페이지가 완성됩니다. -
∑버디킹카™
2002.12.27 20:32
오우...전 하도 초보라서
오늘 유선방송 막 돌리다가 홈피 만드는 강좌 하길래 보다..가 잠들어 버린;;
자기 전에...비몽사몽 간에....포샵에서 잘라서 저장하는게 나왓는데
기억도 안남;;; -
묘향이
2002.12.27 17:52
이런걸 정석이라 그러는건가 -_-; 읔 찔린다.
저의 경우는 1. 포토샵을켠다. 2. 머리속에 떠오르는대로 레이아웃을 잡는다. 3. 잘라서 저장한후 에디트플러스를열어서 코딩해서 붙인다. 끝 -_-;;;;; 어이없는 -_-;; -
▷◁ okoru
2002.12.27 15:52
재밌는 강의였습니다! ^^ -
ZipShin
2002.12.27 21:56
xml은 html과 비슷하지만, html보다 다양한 태그들을 지원, 그리고 태그들을 자기가 원하는대로 만들어서 사용할 수 있다는것이고 DB쪽을 지원 한다더군요. -
황현구
2002.12.27 22:56
거기다..문서 자체에 저장같은것을 할 수가 있어서
DB가 없이도 게시판 같은 것들을 만들더군요..^-^ -
ipstack
2002.12.28 01:28
질문 있어요.
인덱스 페이지는 맨윗줄이 한줄 내려와서 나타나요,
메뉴를 눌러서 가는 제로보드는 딱 붙어서 나와요,
index.htm을 top.htm으로 잘라낸건데요
인덱스와 보드가 같은 메뉴인데 오르락 내리락 합니다.
어디가 잘 못 됬나요? 어떻게수정하나요? -
ZipShin
2002.12.28 10:33
자~알 수정하세요. 홈페이지관련 개인적인 질문 할려면 저에게 쪽지주세요.. -
뒹굴리스트
2002.12.28 11:55
ipstack // body태그에
topmargin="0"
추가해 보세요 -
둘리나라™
2002.12.28 14:08
XML 이렇게 생각하면 쉽습니다.
도움말 페이지를 만들 경우. 파일을 여러개 추가하거나, 책갈피를 이용하여 보여집니다.
하지만 XML은 한 파일안에 다 추가하여. 바로바로 열 수 있습니다. 메뉴를 클릭 했을 때.
다른 파일을 불러 오는 것이 아닌 하나의 파일에서 실행 되는거죠. 윈앰프3으로 생각하도
다를 바 없습니다. -
이창현
2004.02.01 22:06
다들 그렇게 만드세요? 다만들어서 한개씩자르는그런...
그런거였군 저는 포토샵이랑 나모 다룬지 꽤 오래됬는데..
전 메뉴를 맞춰서 만듭니다 설명하자면이런거죠
1.나모를 켠다2.아이프레임을 설정한다3.아이프레임에 맞춰서 메뉴나 만든다( 이상 허접이였음)
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
1335 |
[Chals] 포토샵의 꼼수 - 전문가들의 X - File (01) -
[10]
![]() | Chals | 2002.05.10 | 9649 |
1334 |
간단하게 만드는 매트릭스풍(?) 글자
[13]
![]() | 바둑이 | 2003.12.27 | 9647 |
1333 |
아래..도트강의 뽀너스!!!라고 해야하나...?(주름표현)
[3]
![]() | sook2 | 2005.01.22 | 9635 |
1332 |
투명테잎효과!
[10]
![]() | 큐브 | 2003.02.04 | 9631 |
1331 |
빛이 빨려 들어가는 효과
[6]
![]() | 김연희 | 2003.03.24 | 9623 |
1330 | 포토샵 CS2에서 레이어 사이의 링크기능 사용하기 [2] | port | 2007.03.02 | 9622 |
1329 |
구경하는 꼬마의 뒷모습그리기
[15]
![]() | 존글칭구 | 2003.03.22 | 9619 |
1328 | 펜툴로 점선 찍기 [6] | 불럽 | 2002.02.22 | 9616 |
1327 |
글자꾸미기
[18]
![]() | LitQoo | 2002.07.12 | 9615 |
1326 | 특정부분에만 컬러를 적용하는 방법입니다 [1] | Boshop | 2005.03.13 | 9614 |
1325 |
흰색선왔다갓다하는이름표만들기
[5]
![]() | 이슈 | 2003.03.02 | 9614 |
1324 |
[쩌비]모자이크처럼 타일 만들기
[15]
![]() | 쩌비 | 2002.10.01 | 9613 |
1323 | [팁] 포토샵에서의 점선 -_-) [23] | 루진 | 2002.08.11 | 9613 |
1322 | 쓸모(?)없을듯한 글자 [16] | 퓨니! | 2003.06.20 | 9598 |
1321 |
이올린 팬드래건
[7]
![]() | 카심 | 2005.02.12 | 9596 |
1320 |
일러스트레이터CS2로 글자만들기
[1]
![]() | 보라 | 2006.02.18 | 9590 |
1319 |
금속질감의 문자 만들기
[4]
![]() | IriSiRin─━★ | 2003.03.29 | 9585 |
1318 |
공지사항창(팝업창) 만들기
[12]
![]() | Z | 2003.06.23 | 9584 |
1317 | [중급] lineTo()로 그리는 플래시 그래픽 [5] | 박승제 | 2004.04.20 | 9581 |
1316 |
바둑판 그리기
[4]
![]() | rene | 2005.01.09 | 9575 |
가장 일반적인 이점은 무엇인가요?
초보자들이 이해할수 있도록... ^^