웹사이트 구축 시 주의할 점

웹사이트 제작의 간단한 과정 소개

1 기획 및 스케치

2 디자인 및 제작

3 커팅 및 내보내기

p>

4 편집 및 템플릿

5 애니메이션 및 광고

6 링크 및 업로드

제작 단계는 소프트웨어와 길이에 따라 구분됩니다.

1 기획 및 스케치

1.1 모든 웹사이트 및 기타 디자인 작업의 과정은 기획부터 시작됩니다. 이곳은 당신의 재능과 창의성이 가장 잘 빛날 수 있는 곳입니다. 인간과 다른 동물의 가장 큰 차이점은 생각하고 창조할 수 있다는 것이며 이것만으로도 가치가 있습니다! PS 또는 FW 제작 인터페이스를 열기 전에 웹사이트의 가장 중요한 계획 부분을 완료해야 합니다.

이 웹사이트의 성공 또는 실패. 훌륭한 웹사이트는 아름다울 뿐만 아니라 탐색하기 쉽고, 읽기 쉽고, 간결하고 명확합니다!

웹사이트의 스타일, 색상, 형식, 레이아웃, 열은 물론 작은 아이콘까지 세심하게 디자인해야 합니다. . 배려와 생각으로 제작되었습니다. 스타일의 공식화는 웹 사이트 방문자와 독자의 직업적 배경, 교육 수준, 취미 등에 따라 달라집니다. 반면에 그들의 선호도에 맞춰 화제를 극대화할 수 있는 방법은 유형과 유형에 따라 다릅니다. 기업법인의 선호사항이 본인의 의사에 따라 강요되지 않는다면 위의 사항은 이미 웹사이트의 전반적인 노력 방향을 정립한 것입니다!

1.2 이 웹사이트는 주로 상업적인 웹사이트입니다. 기업에서는 심플한 스타일, 밝고 밝은 색상과 스타일을 채택합니다. 평면 구성과 색상 구성을 익히면 스타일에 따라 다양한 요소와 내용을 배열하는 방법과 어떤 색상을 사용하여 만들 수 있는지 알 수 있습니다. 차가움, 따뜻함, 밝음, 어둠 등 표현하려는 효과는 모두 매우 중요합니다. 넓은 면적의 중성적인 색상은 눈부시지 않으며, 밝은 색상은 시선을 이끄는 중요한 역할을 할 수 있습니다. 겨울에는 따뜻한 색상을 좋아하고 여름에는 시원한 색상을 좋아하는 것이 인간의 본성입니다. 사람들의 신뢰와 기술이 제가 선택한 이유이고, 오렌지, 노란색 등 식욕을 자극하는 색상이 음식 웹사이트에서 선호될 가능성이 높습니다!

1.3 단순하고 과학적인 기준으로 컬럼을 나눕니다. 분류원칙 : 홈페이지, 고객센터, 협소광고, 협력미디어 소개, 자주묻는질문, 언론보도 회사소개

컬럼을 잘 나누지 않으면 프레임워크 조정에 영향을 미치게 됩니다. 결과는: 처음부터 다시 시작하는 것이 우울한가?

이 웹사이트는 주로 웨이팡 기업을 위한 것이므로 현지화되어야 하며 사람들이 볼 때 친근감을 느낄 수 있어야 합니다. 아름답게 해야지, 말도 안돼!!

1.4 자, 위의 작업을 완료한 후 펜을 들고 당신의 창의력과 상상력에 따라 종이에 스케치를 그려주세요. 그림자와 획! 이 단계는 매우 중요합니다!

1.5 이 섹션의 마지막 부분은 아이콘, 로고, 광고 슬로건, 콘텐츠 소개 등 웹 사이트를 만드는 데 필요한 자료를 준비하는 것입니다. 가장 기본!

2 디자인 및 제작

2.1 스케치가 완벽하게 그려졌다면 PS 또는 FW를 열어 제작을 시작하고 여기서는 PS를 사용하여 인터페이스를 디자인합니다. FW만큼 효율적이고 전문적이지는 않지만, 좀 더 유연하고 자유로워서 익숙해서 제일 맘에 드네요^^ 천일동안 병력을 키우고 한동안 사용하면서 매일 연습하고 배움이 들어옵니다! 여기 편리합니다!

2.2 먼저 새로운 778*600 페이지에 프레임워크를 배치한 다음 단계별 개선 방법을 사용할 수도 있습니다. 투명한 유리 크리스탈 버튼과 같은 효과를 사용하여 특별한 스타일을 만들고, 모든 디테일을 놓치지 마세요. 1*1 5-투명도 섀도우도 페이지에 색상을 추가합니다. !

2.3 분류와 편집이 용이하도록 레이어링하는 습관을 기르는 것이 가장 좋으며, 수백 개의 레이어를 하나의 레이어에 배치하지 않도록 하세요. 혼란스럽고 불분명합니다.

좋은 디자이너가 된다는 것은 정리정돈을 의미하므로 각 레이어를 분류하고 이름을 지정하는 습관을 들이면 결코 시간 낭비가 아닙니다!

3컷 및 내보내기

PS든 FW든, AI가 만든 디자인 인터페이스라도 커팅 원리는 동일합니다.

3.1 첫 번째 프레스 거친 프레임 커팅 등. 중국어 또는 T자형, 완성도에 주의하세요

3.2 입력할 텍스트 영역, 큰 색상 블록 또는 별도의 그림 및 플래시 애니메이션은 그림이 아닌 형식으로 별도로 잘라야 합니다. 삽입할 조각

3.3 내용 추가가 필요한 긴 부분의 유연한 절단에 주의하십시오. 패턴이 있는 경우 반복적으로 배열될 수 있는지 확인하십시오.

3.4 절단 시 특히 주의하십시오. 행이나 열에 한 픽셀의 간격을 두십시오. 간격을 남기지 않고 조각이 모두 정렬되도록 확대하십시오.

3.5 버튼 및 공백과 같은 기타 자동 생성 조각 및 생성이 필요합니다. 변경 가능 사진 모양 등의 슬라이싱

잘라낸 후 파일을 WEB 페이지로 저장 명령을 선택하고 DW에서 편집할 수 있도록 HTML 파일로 내보냅니다.

4 편집 및 템플릿

4.1 내보낸 HTML 파일을 DW에서 열고 큰 테이블 중앙 정렬, 배경 설정, 빈 셀의 배경 수정 등 편집을 시작합니다. 입력 영역을 원본 컷 사진 등에 추가합니다.

4.2 편집된 파일에 TD, ALINK 등 가장 기본적인 태그를 포함하여 CSS 스타일을 추가한 다음 템플릿 DWT 파일로 저장하고 ^ alt v 새로운 편집 가능 영역 생성

4.3 템플릿을 통해 새 페이지 생성 및 해당 콘텐츠 추가

5 애니메이션 및 광고

5.1 크기에 따른 FL 애니메이션 광고 배너 만들기 해당 텍스트를 사용하여 원본 조각 콘텐츠 및 광고 슬로건의 경우 FL에서 새 파일을 만듭니다.

5.2 광고 단어를 장면에 복사하여 붙여넣고 조판한 후 구성 요소로 변환합니다. 578*104

5.3 해당 배경과 애니메이션을 추가하고 디버그 리듬 후 SWF 파일로 게시합니다.

5.4 DW에 템플릿 페이지를 삽입하고 크기를 조정한 후 저장합니다. 업데이트됨

6 링크 및 업로드

6.1 템플릿 페이지의 탐색 링크를 재설정합니다. 이 단계는 섹션 4에서도 완료할 수 있습니다.

6.2 로컬에서 홈페이지를 엽니다. 오류가 없을 때까지 링크와 텍스트 내용을 확인하고 링크에 정상적으로 접근할 수 있는지 확인하세요.

6.3 적용 공간에 업로드 후 도메인 이름 확인에 성공한 후 온라인 효과를 찾아보세요. 브라우저를 찾아 해당 사후 유지 관리를 수행하세요!