1: 사이트 테마 확인
사이트를 만들려면 먼저 해결해야 할 것은 사이트 콘텐츠 문제, 즉 사이트의 주제를 파악하는 것이다. 콘텐츠 주제의 선택에 대해서는 작고 정밀해야 하고, 주제 포지셔닝은 작고, 내용은 정밀해야 한다. 모든 것을 포괄하는 사이트를 만들려고 하지 마라. 이는 종종 사이트의 특색을 잃어버리고, 강도 높은 노동을 가져오며, 사이트의 시기 적절한 갱신에 어려움을 가져온다. 기억하십시오: 인터넷에는 1 위만 있고 2 위는 없습니다! 둘째: 좋은 도메인 이름을 선택하는 것은 인터넷상의 웹 사이트 이름입니다. 모든 건설의 가치가 웹 사이트 도메인 이름 위에 응결된 비제품 판매의 순수 정보 서비스 사이트입니다. 이 도메인 이름을 잃으면 모든 선행 작업이 모두 허사가 될 것이다. 셋째: 웹 인터페이스 인터페이스를 결정하는 것은 웹 사이트가 방문자에게 주는 첫인상이며, 웹 사이트의 가시성을 결정하는 경우가 많으며, 웹 사이트의 인터페이스를 결정할 때 다음 세 가지 사항에 유의해야 한다. ① 열과 판 편성은 논문을 쓰는 것과 같다. 먼저 문제강을 나열해야 주제가 명확하고 레벨이 명확하다. 사이트 건설 초보자가 가장 쉽게 범하는 실수는 소재를 확정한 후 바로 제작을 시작하며 합리적인 계획을 세우지 않았다는 것이다. 이로 인해 사이트 구조가 불분명하고, 카탈로그가 복잡하고, 판이 어지럽게 편성되는 등의 문제가 발생했다. 그 결과, 브라우져들은 어리둥절할 뿐만 아니라 제작자 자신이 사이트를 확장하고 유지하는 것도 상당히 어렵다. 따라서 우리는 홈페이지를 만들기 전에 반드시 열과 판의 편성 문제를 잘 고려해야 한다.
사이트의 소재가 확정되면 수집한 자료 내용을 합리적으로 편성해야 한다. 예를 들어, 가장 매력적인 내용 중 일부를 가장 두드러진 위치에 두거나 레이아웃 분포에서 우위를 점할 수 있습니다. 항목의 본질은 한 사이트의 개요 색인으로, 색인은 사이트의 주체를 명확하게 표시해야 한다. 칼럼을 만들 때는 신중하게 고려하고 합리적으로 안배해야 한다. 칼럼을 편성할 때 주의해야 할 것은: ● 주제와 무관한 칼럼을 가능한 한 삭제한다는 것이다. ● 웹 사이트에서 가장 가치 있는 내용을 가능한 한 칼럼에 기재한다. ● 방문자의 브라우징과 조회를 용이하게하기 위해 방문자의 관점에서 가능한 한 칼럼을 배열한다. 사이트 프로필, 저작권 정보, 개인 정보 등과 같은 보조 내용은 주제를 희석하지 않도록 주요 섹션에 넣을 필요가 없습니다. 또한 판의 편성 설정도 합리적으로 안배하고 분할해야 한다. 판들은 열보다 개념이 더 크며, 각 판마다 자기만의 열이 있다. ● 각 판은 상대적 독립성을 가져야 한다. ● 각 판은 서로 연관되어야 한다. ● 각 판의 내용은 사이트 주제를 중심으로 해야 한다. ② 디렉토리 구조와 링크 구조 사이트의 디렉토리는 웹 사이트를 만들 때 만든 디렉토리를 가리킨다. 예를 들어, Frontpage 를 사용하여 웹 사이트를 만들 때 루트 디렉토리와 이미지 하위 디렉토리가 기본적으로 설정됩니다. 디렉토리의 구조는 쉽게 간과할 수 있는 문제이며, 대부분의 역장은 계획되지 않은 하위 디렉토리를 자유롭게 만듭니다. 디렉토리 구조의 좋고 나쁨은 방문자에게는 별로 큰 느낌이 들지 않지만, 사이트 자체의 유지 관리에는 향후 콘텐츠의 확장과 이식에 중요한 영향을 미친다. 따라서 디렉토리 구조를 만들 때도 신중하게 계획해야 합니다. 예를 들어, ● 모든 문서를 루트 디렉토리에 보관하지 마십시오. 사이트 제작자들은 편의를 위해 모든 서류를 루트 아래에 두었다. 이렇게 하면 파일 관리가 혼란스럽고, 편집 및 업데이트가 필요한 파일, 쓸모없는 파일을 삭제할 수 있는 파일, 관련 파일, 생산성에 영향을 미치는 파일을 쉽게 만들 수 있습니다. 업로드 속도가 느려지면 서버는 일반적으로 루트 디렉토리에 대한 파일 인덱스를 작성하며, 모든 파일을 루트 아래에 배치하면 하나의 파일만 업로드하여 업데이트해도 서버는 모든 파일을 다시 한 번 검색하고 새 인덱스 파일을 만들어야 합니다. 파일 양이 많을수록 대기 시간이 길어집니다. ● 열 내용별로 하위 디렉토리를 만듭니다. 하위 디렉토리의 생성은 먼저 메인 열별로 작성한다. 우정 접속 내용이 많아 자주 업데이트되는 별도의 하위 디렉토리를 만들어야 한다. 웹 사이트 소개, 웹 마스터 상황 등과 같이 자주 업데이트할 필요가 없는 관련 항목도 있습니다. 예를 들어, 웹 사이트 소개, 웹 마스터 상황 등을 하나의 통합 디렉터리에 통합할 수 있습니다. 모든 프로그램은 일반적으로 특정 디렉토리에 저장됩니다. 예를 들어, CGI 프로그램은 cgi-bin 디렉토리에 있으며, 다운로드를 제공하는 모든 내용은 유지 관리를 위해 하나의 디렉토리에 두는 것이 좋습니다. ● 각 홈 디렉토리 아래에 별도의 이미지 디렉토리를 만듭니다. 일반적으로 사이트 루트 아래에 기본 이미지 디렉토리가 있습니다.
모든 사진을 이 디렉토리에 보관하는 것은 불편합니다. 예를 들어, 칼럼을 삭제할 때 사진 관리가 번거로울 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 따라서 각 주요 열에 대해 별도의 이미지 디렉토리를 만드는 것은 관리하기 쉽습니다. 그 이유는 간단하지만 유지 관리와 관리가 편리하다.
또 다른 주의할 점은 카탈로그 계층이 너무 깊지 말고 3 층을 넘지 않도록 해야 한다는 것입니다. 중국어 카탈로그를 사용하지 마십시오. 중국어 카탈로그를 사용하면 웹 사이트의 정확한 표시에 어려움이 있을 수 있습니다. 너무 긴 디렉토리를 사용하지 마십시오. 너무 긴 디렉토리 이름은 기억하기 쉽지 않습니다. 기억과 관리를 용이하게 하기 위해 의미 있는 카탈로그를 최대한 사용하세요. 웹 사이트의 링크 구조는 페이지 간에 서로 연결된 토폴로지입니다. 디렉토리 구조를 기반으로 작성되지만 디렉토리에 걸쳐 있을 수 있습니다. 각 페이지는 고정 지점이며 링크는 두 고정 지점 간의 연결입니다. 한 점을 한 점에 연결하거나 여러 점에 연결할 수 있습니다. 더 중요한 것은, 이 점들은 평면에 분포되어 있는 것이 아니라 입체적인 공간에 존재한다는 것이다. 일반적으로 웹 사이트의 링크 구조를 설정하는 두 가지 기본 방법이 있습니다: ● DOS 의 디렉토리 구조와 유사한 트리 링크 구조 (일대일), 홈 페이지 링크는 1 차 페이지를 가리키고 1 차 페이지 링크는 2 차 페이지를 가리킵니다. 이러한 링크 구조를 탐색하면 1 급이 들어가고, 1 급이 종료되고, 조리가 명확하며, 방문자는 자신이 어디에 있는지, "어디에 있는지 알 수 없다" 는 것을 분명히 알고 있지만, 탐색은 비효율적이다. 한 열 아래의 하위 페이지를 다른 열 아래의 하위 페이지로 가려면 홈페이지로 돌아가 진행해야 한다. ● 별 모양의 링크 구조 (일대다) 는 웹 서버에 대한 링크와 유사하며 각 페이지는 서로 연결되어 있습니다. 이렇게 탐색하는 것이 비교적 편리하여 언제든지 자신이 좋아하는 페이지에 도달할 수 있다. 하지만 링크가 너무 많기 때문에, 브라우져들이 길을 잃기 쉽고, 자신이 어디에 있는지, 얼마나 많은 내용을 보았는지 알 수 없다. 따라서 실제 웹 사이트 설계에서는 항상 이 두 구조를 혼합해서 사용합니다. 웹사이트는 방문자가 자신이 필요로 하는 페이지를 쉽고 빠르게 얻을 수 있을 뿐만 아니라 자신의 위치를 명확하게 알 수 있기를 바란다. 따라서 가장 좋은 방법은 홈 페이지와 1 차 페이지 사이에 별 모양의 링크 구조를 사용하고 1 차 페이지와 2 차 페이지 사이에 트리 링크 구조를 사용하는 것입니다. 링크 구조의 디자인에 관해서는 실제 웹 페이지 제작에서 매우 중요한 부분이며, 어떤 링크 구조를 채택하면 레이아웃의 레이아웃에 직접적인 영향을 미칩니다. ③ 이미지 디자인 사이트 디자인은 다음과 같은 점에서 시작할 수 있습니다: ● 디자인 사이트 로고 (LOGO). 로고란 웹 사이트의 로고를 가리키며 로고는 중국어, 영문자, 기호, 패턴 등이 될 수 있습니다. 로고의 디자인 아이디어는 웹 사이트의 이름과 콘텐츠에서 나온 것이어야 합니다. 예를 들어, 웹 사이트의 대표적인 인물, 동물, 식물은 디자인의 청사진으로 사용하여 만화화하거나 예술화할 수 있습니다. 전문 사이트는 본 전공이 대표하는 물품을 표지로 삼을 수 있다. 가장 일반적이고 쉬운 방법은 자신의 웹사이트의 영문 이름을 표기하는 것이다. 서로 다른 서체, 글자의 변형, 글자의 조합으로 자신의 로고를 쉽게 만들 수 있다. ● 웹 사이트 색상 디자인. 사이트가 주는 첫인상은 시각적 충격에서 비롯되며, 색배합에 따라 효과가 다르고 방문자의 감정에 영향을 줄 수 있다. "표준 색상" 은 웹 사이트 이미지 및 확장 의미를 반영하는 색상을 말하며 웹 사이트의 로고, 제목, 주 메뉴 및 주 색상 블록에 사용됩니다. 전체적으로 통일된 느낌을 줍니다. 다른 색깔도 사용할 수 있지만, 단지 점재와 호 일 뿐, 결코 떠들어대서는 안 된다. 일반적으로 한 사이트의 표준 색상은 3 가지를 넘지 않으며, 너무 많으면 눈부시다. 웹 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검은색/회색/흰색 3 대 시리즈입니다. ● 웹사이트 서체를 디자인한다. 표준 색상과 마찬가지로 표준 글꼴은 로고, 제목, 주 메뉴에 사용되는 고유한 글꼴입니다. 일반 웹 페이지의 기본 글꼴은 송체이다. 사이트의' 남달랐다' 와 특유의 스타일을 표현하기 위해 필요에 따라 몇 가지 특수 글꼴을 선택할 수 있다. 제작자는 자신의 사이트가 표현한 내포에 따라 더 적합한 글꼴을 선택할 수 있다. 기본이 아닌 글꼴을 사용하는 것은 그림 형식으로만 할 수 있다는 점에 유의해야 한다. 방문자의 컴퓨터에 특수 글꼴이 설치되어 있지 않을 가능성이 높기 때문에, 열심히 디자인하고 제작하면 비용이 많이 들 수 있기 때문이다. (윌리엄 셰익스피어, 템플릿, 독서명언) ● 웹사이트 홍보 문구를 디자인한다. 사이트의 정신, 주제, 중심, 또는 사이트의 목표라고 할 수 있습니다. 한 문장이나 한 단어로 고도로 요약할 수 있습니다.
기세 있는 말이나 단어로 웹사이트를 개괄하고 대외 홍보를 하면 좋은 결과를 얻을 수 있다. 4: 사이트 스타일' 스타일' 을 결정하는 것은 추상적이며, 사이트의 전체 이미지가 방문자에게 주는 종합적인 느낌을 가리킨다. 이' 전체 이미지' 에는 사이트의 CI (로고, 색상, 글꼴, 표어), 레이아웃, 탐색 방식, 상호 작용, 문자, 말투, 콘텐츠 가치 등 여러 가지 요소가 포함되어 있으며, 사이트는 친근하고 생동감 있고 활발하며 전문적일 수 있습니다. 색깔, 기술, 문자, 레이아웃, 상호 작용 방식 등, 이를 통해 독자들이 자신의 사이트에만 국한된 것을 분명히 구별할 수 있다면, 이는 사이트의' 스타일' 을 형성한다. 스타일은 인간적이며, 웹 사이트의 색상, 기술, 텍스트, 레이아웃, 상호 작용 방식을 통해 한 사이트의 개성을 요약할 수 있습니다. 거칠고 호방한 것인지, 아니면 신선하고 수려한 것인지, 온유하고 우아한가, 아니면 열정을 고수하고 있는가; 활발하고 변하기 쉬운 것인가요, 아니면 관례를 고수하는 건가요? 결론적으로, 스타일 있는 웹사이트와 일반 웹사이트의 차이점은 일반 사이트에서 볼 수 있는 것은 단지 쌓여 있는 정보일 뿐, 정보의 양, 브라우징 속도 등 이성적인 느낌으로만 묘사할 수 있다는 것이다. 스타일리시한 웹사이트에서는 내용 외에 더 감성적인 인식을 얻을 수 있다. 예를 들면 사이트의 품위, 방문자에 대한 태도 등이다. 자신이 어떤 인상을 주고 싶은지 분명히 한 후, 사이트에서 가장 특색 있는 것을 찾아내야 한다. 바로 사이트 스타일을 가장 잘 반영하는 것이다. 그것을 웹사이트의 특색으로 중점적으로 강화하고 선전하다. 결론적으로, 스타일의 형성은 한 번의 포지셔닝이 아니다. 너는 실천에서 끊임없이 강화하고, 조정하고, 개선할 수 있다.