it-gundan.com

처음부터 웹 사이트를 시작하는 단계는 무엇입니까?

디자인하기 전에, 코딩하기 전에 시작하십시오. 작동하는 웹 사이트를 완전히 구현하려면 어떤 단계를 수행해야합니까?

편집

나는 기술적 관점과 비 기술적 관점 모두를 의미합니다.

8
Jason
  1. 목표 설정 -웹 사이트의 목적은 무엇입니까? 무엇을 이루려고 노력할 것입니까? 그것은 당신의 원인, 결론, 자아에 어떻게 기여할 것입니까?

  2. 사이트 개요 -사이트에 어떤 콘텐츠가 포함됩니까? 그것은 어떻게 구성됩니까? 그것은 무엇을 할 것인가? 웹 사이트의 주요 섹션을 결정하고 콘텐츠를 배치 할 섹션별로 분류하십시오.

  3. Wireframe/Mockups -사이트를 시각적으로 표시하기위한 기본 프레임 워크를 만듭니다. 콘텐츠, 클릭 유도 문안, 대화 형 요소, 비디오 등의 대략적인 배치를 결정합니다. 이는 Mockingbird 와 같은 모형 도구를 사용하는 용지에서 수행 할 수 있습니다.

  4. Design -와이어 프레임/mockup을 가이드로 사용하여 웹 사이트의 실제 디자인을 만듭니다. 이것은 사이트의 모양과 느낌을 구성하는 실제 그래픽 요소입니다.

  5. Integration/Coding -디자인 된 그래픽 요소 및 개발 된 기타 컨텐츠를 사용하여 HTML/CSS 및 기타 프리젠 테이션 기술 (예 : 필요에 따라 플래시로).

  6. 테스트 및 수정 -모든 조각이 모이면 웹 사이트를 테스트하여 최신 웹 브라우저에서 제대로 작동하는지 확인하고 필요한 모든 기술 테스트를 통과하십시오 ( 필요한 경우 HTML/CSS 유효성 검사 등). 필요에 따라 수정하십시오.

  7. Launch! -사이트가 준비되면 호스팅 제공 업체를 선택하고 사이트를 온라인으로 전환하십시오. 고유 한 도메인 이름을 사용하려는 경우 가능한 다양한 도메인 이름을 선택하고 사용하려는 도메인 이름을 등록하는 것이 좋습니다. 시작할 때 가장 좋아하는 사이트를 사용하고 다른 사이트를 기본 사이트로 리디렉션합니다 (하나 이상 구입 한 경우).

7
Justin Scott

일부는 사이트의 목적에 따라 다릅니다. 자신의 이익을 위해 개인 사이트를 구축하는 경우 위의 @JustinScott은 모든 것을 잘 다루고 있습니다. 아마도 ISP를 찾고 다른 단계와 동시에 도메인 이름을 얻습니다 ...

상업용 사이트 인 경우 고객과 만나 다양한 섹션에 대한 목표와 요구를 모은 다음 "요구 사항"문서를 작성하여 각 부분에 대해 전달할 내용을 정확하게 명시해야합니다. 이런 식으로 당신은 그들이 동의 한 것 (서명 된 것)을 해결하기위한 청사진을 가지게되므로 나중에 다른 것을 추가하거나 변경할 때 "범위를 벗어났습니다"라고 말할 수 있습니다. 범위를 벗어난 것은 추가 할 수 있지만 시간, 비용 또는 둘 다의 비용이 있어야합니다.

다른 단계는 개발 후 및 릴리스 전 Q & A/테스트/고정 문제에 대한 섹션과 함께 상용 또는보다 공식적인 프로젝트와 거의 동일합니다.

마지막으로 ... 처음부터 프로젝트를 시작한 것을 두려워하는 프로젝트의 끝없는 "유지 보수"단계가 있습니다 :-)

0
digit1001

Pragmatic Press 는이 주제를 다루는 " Web Design for Developers "라는 좋은 책을 출판합니다. 개발자로서 정말 즐거웠습니다. 웹 사이트를 구축하려는 대부분의 사람들이 유용하다고 생각합니다.

0
Alan