웹디자인 강의
기타 [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.아이프레임에 맞춰서 메뉴나 만든다( 이상 허접이였음)
가장 일반적인 이점은 무엇인가요?
초보자들이 이해할수 있도록... ^^