새로운 웹 사이트를 계획하고 개발하는 일반적인 프로세스는 무엇입니까?

나는 주로 소프트웨어 개발에 중점을 둔 대행사에서 일하지만 때로는 마이크로 사이트가 솔루션 중 하나의 액세서리이므로이를 구축해야합니다.

이러한 웹 사이트를 만드는 프로세스를 정의하려고하지만 각 작업이 일반적으로 수행되는 순서를 알지 못하며 특히 복사 / 정적 내용을 작성 해야하는 시점을 파악하려고합니다.

정적 콘텐츠 작성, 디자인, 와이어 프레이밍, 키워드 및 SEO 정의, 코딩과 같은 일부 작업을 생각할 수 있습니다. 그러나 어떤 순서로 그들을 다루는 지 확실하지 않습니다.

나를 위해 많은 영역이 어느 정도 겹칠 수 있습니다.

• 스케치, 와이어 프레임, 메모, 토론, 예산 등을 통해 요구 사항 정의 (먼저 우선)

• 와이어 프레이밍-컨텐츠가 여기에 쓰여지거나 적어도 개요가 시작될 수 있습니다. 내용의 크기에 대한 대략적인 아이디어는 와이어 프레이밍에 도움이되므로 실제로 글쓰기와 와이어 프레이밍은 다소 함께 갈 수 있습니다.

• 와이어 프레임 승인

• 컨텐츠 마무리-초기 설계 거친은 여기서 시작할 수 있지만 정적 복사가 완료 될 때까지 마무리 할 수 ​​없습니다.

• 콘텐츠 승인

• 디자인 완성 / 키워드 / 코딩-디자인이 완성되면 키워드를 파악할 수 있습니다. 작업 습관에 따라 설계를 마무리하기 위해 코딩이 시작될 수 있습니다.

• 디자인 승인

• Finish Coding / SEO-코딩과 SEO가 함께 갈 수 있습니다. SEO를 염두에두고 코딩하는 동시에 외부 SEO 전략 등을 계획하기 시작합니다.

• 코드 승인

• 지속적인 SEO / 유지 보수.

내 프로젝트 워크 플로는 일반적으로 다음과 같이 작동합니다.

1. 고객과 만나서 요구 사항을 수집합니다 (필요한 사항 결정).
2. 사용할 백엔드 전략 결정 (프로그래밍 언어, 플랫폼 등)
3. 사이트 나 응용 프로그램의 작동 방식과 기본 요소의 위치를 ​​설명하는 와이어 프레임 생성
4. 클라이언트와 와이어 프레임 검토
5. 디자인 모형-HTML / CSS 모형 또는 Illustrator 또는 Photoshop에서 디자인 한 이미지 일 수 있습니다.
6. 클라이언트와 모형 검토
7. 고객 피드백을 기반으로 모형 편집
8. 작동하는 제품 만들기

이상적으로 클라이언트는 가능한 한 빨리 프로세스 초기에 실제 콘텐츠를 제공하지만 실제로는 나중에 나올 수 있습니다. 필자는 웹 기반 응용 프로그램을 많이 만들어 요구 사항 단계에서 기본 기능을 결정하고이를 염두에두고 디자인한다는 점에 주목합니다.

블로그에서 정보를 얻었습니다

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

1. 배우다

   처음부터 구축해야 할 것을 발견하고 이해하는 학습이 전체
   웹 사이트 디자인 프로세스 에서 가장 중요한 부분이라는 사실에 놀라지 마십시오 .

2. 크리에이티브 브리프

   이 정보는 귀하와 귀하의 고객이 가장 편하게 느끼는 방식으로 얻어야합니다. 그러나 무엇을 하든지 프로젝트의 생명선이 될 수 있으므로 창의적인 브리핑을 건너 뛰지 마십시오.

창의적 개요에서 어떤 종류의 질문을해야합니까? 최소한 다음을 찾으십시오.

• 고객의 대상 고객
• 웹 사이트에 대한 기본 및 보조 목표
• 현재 브랜딩 특성 예산
• 그들이 만날 마감

3. 계획

무엇을 구축해야하는지 배운 후에는 어떻게 진행할 것인지 계획해야합니다. 웹 사이트 디자인을 시작하기 전에, 무엇을 어떻게 디자인해야하는지 정확히 알아야합니다. 디자인 전략을 만드는 것부터 시작합니다.

4. 디자인

디자인을 시작할 준비가되면 홈 페이지 이상을 디자인해야합니다. 사이트의 하위 페이지에 대한 디자인도 필요합니다. 때로는 홈페이지 개념을 디자인하고, 슬라이스하고 코딩을 시작하기가 쉽습니다.

5. 코드

킬러 디자인이 완성되면 실제 라이브 웹 사이트로 바꿔야합니다. 어떤 컨텐츠 관리 시스템을 사용하든 일반적인 HTML 및 CSS로 시작하는 것이 안전합니다.

6. 발사

최종적으로 사이트를 완성한 후에는 공개 할 시점입니다. 출시는 다양한 컨텐츠 관리 시스템과 개발 환경이 있기 때문에 사람들마다 다른 의미를 가질 수 있습니다.

7. 유지

계획 단계에서 사이트 유지 관리 담당자를 결정해야합니다.

도움이 될 수 있습니다. 좋은 웹 디자인 원칙이 있습니다

구글 핸드북 웹 기초

핸드북은 다중 장치 웹 개발을위한 포괄적 인 리소스입니다. 따라서 4 가지 범주로 나뉩니다.

다중 장치 레이아웃 — 어떤 장치를 사용하든 뛰어난 경험을 제공하는 고정적이고 고정되지 않은 유연한 레이아웃 만들기

이미지 및 비디오 — 이미지, 오디오 또는 비디오를 통합 한 다음 이미지를 반응 적으로 만들고 비디오를 추가하고 레거시 플랫폼을 대체 할 수있는 방법을 배웁니다. 현재 개발중인 오디오

양식 및 사용자 입력 — 시맨틱 입력 유형 및 터치 및 기타 제스처에 응답하는 요소를 사용하는 양식 작성.

성능 최적화 — 브라우저 개체 모델이 HTML 및 CSS에서 페이지를 구성하는 방법에 대해 알아 봅니다. 데이터 전달을 최적화하기위한 다른 페이지 규칙 및 권장 사항이 있습니다.