인터넷 기술이 끊임없이 발전함에 따라, 인터넷 응용은 이미 인류 사회의 구석구석으로 스며들었다. 인터넷 세계의 지지점으로서, 정부는 웹사이트를 이용하여 자신의 정책 의제를 홍보하고, 점점 대중과 소통하는 직통차가 되고 있다. 기업은 웹사이트를 이용하여 자신의 이미지를 홍보하고 무한한 기회를 발굴한다. 개인은 웹사이트를 이용하여 자신의 개성을 과시하고 서로 소통할 수 있는 다리를 만든다. 점점 더 많은 사람들이 웹사이트를 가지고 인터넷 세계에 천지를 개척하고 싶어한다. 어떻게 훌륭한 웹사이트를 설계할 수 있을까요? 이 문제에 대해 사람들은 이미 많은 토론을 했고, 토론할 수 있는 내용도 많다. 또한 네트워크 기술의 급속한 발전에 따라 절대적인 권위와 올바른 설계 아이디어를 제시하기가 어렵습니다. 작가는 무능하여 자신의 디자인 스타일에 따라 행동한다.
다음과 같은 기본 설계 아이디어를 요약합니다.
먼저 웹 사이트의 주제와 이름을 찾습니다
웹 사이트의 주제는 바로 웹 사이트의 주제이며, 웹 사이트 디자인에서 직면한 첫 번째 문제이다. 웹사이트의 주제는 매우 이상하고 현란하며, 당신이 생각할 수 있는 한, 당신은 그것을 할 수 있다. (조지 버나드 쇼, 웹사이트명언) 다음은 PC Magazine 이 선정한 1999 년 미국 100 개 유명 사이트의 10 대 주제다.
카테고리 1: 온라인 구직
카테고리 2: 온라인 채팅/인스턴트 메시징 /ICQ
범주 3: 온라인 커뮤니티/토론/메일 목록
카테고리 4: 컴퓨터 기술
카테고리 5: 웹/웹 개발
카테고리 6: 엔터테인먼트 웹 사이트
카테고리 7: 여행
카테고리 8: 참조/정보
카테고리 9: 가족/교육
범주 10: 생활/패션
각 범주는 엔터테인먼트, 스포츠/영화/음악과 같은 세분화를 계속할 수 있으며 음악은 MP3, VQF, Ra 등으로 나눌 수 있습니다. 표현에 따라 고전, 현대, 록으로 나눌 수 있다. 동시에 다양한 주제의 연결과 교차 조합은 관광 포럼 (여행+토론), 클래식 축구 (축구+영화) 와 같은 새로운 주제를 만들어 수천 개의 주제로 나눌 수 있다. 이렇게 많은 제재를 어떻게 선택합니까? 따라야 할 원칙은 다음과 같습니다.
1, 테마는 작고 정밀해야 합니다.
포지셔닝은 작고 내용은 정밀해야 한다. 만약 당신이 모든 것을 포괄하는 웹사이트를 만들고 싶다면, 모든 멋진 것들을 그 위에 올려놓으면, 종종 역효과를 낼 수 있습니다. 주제가 없고, 특색이 없고, 모든 것이 있지만, 모든 것이 표면적입니다. 왜냐하면 당신이 그렇게 많은 정력을 가질 수 없기 때문입니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 웹사이트의 가장 큰 특징은 새롭고 빠르다는 것이다. 현재 가장 인기 있는 개인 홈페이지는 하루에 몇 시간마다 업데이트된다. 최근 조사 결과 인터넷상의' 주제역' 이' 전역' 보다 더 인기가 높은 것으로 나타났다. 전문점과 백화점처럼. 만약 내가 물건을 사야 한다면, 나는 분명히 전문점을 선택할 것이다.
주제는 당신이 잘하거나 좋아하는 것이 가장 좋습니다.
예를 들어, 프로그래밍을 잘하면 프로그래밍 애호가를 위한 웹사이트를 만들 수 있습니다. 축구에 관심이 있으면 최신 전황, 스타 동태 등을 보도할 수 있다. 이렇게 만들 때 지루하지도 않고 어찌할 바를 모르지도 않을 것이다. 흥미는 웹사이트를 만드는 원동력이다. 열정이 없으면 훌륭한 사이트를 디자인하고 만들기 어렵다.
3. 과도하거나 목표가 너무 높아서는 안 됩니다.
"너무 많다" 는 것은 어디에나 있고 모든 사람이 가지고 있는 주제를 말한다. 예를 들어, 소프트웨어 다운로드, 무료 정보. 목표가 너무 높다' 는 것은 이 학과가 이미 우수한 유명 사이트를 가지고 있다는 것을 의미하며, 너는 뛰어넘기 어렵다.
주제가 이미 확정되면 주제를 둘러싸고 사이트에 이름을 붙일 수 있다. 사이트 이름도 사이트 디자인의 일부이며 매우 중요한 요소입니다. 보시다시피, "컴퓨터실" 과 "컴퓨터실" 은 분명히 후자가 간결하다는 것을 알 수 있습니다. "플루트 파라다이스" 와 "플루트 파라다이스" 는 분명히 후자입니다. 어린이 세계' 와' 중국 유치원' 은 분명히 후자다. 우리 모두는 PIII 의 중국어 이름이' 펜티엄' 이라는 것을 알고 있다. 달리기' 로 바꾸면 오늘 이렇게' 불' 은 없을 것 같아요. 실생활에서처럼 사이트 이름이 정직하고, 우렁차고, 기억하기 쉬우며, 사이트의 이미지와 홍보에 큰 영향을 미친다. 제 제안은 다음과 같습니다.
1, 이름이 맞을 거야
사실 합법적이고 합리적이며 정이 있어야 한다. 반동, 포르노, 미신, 사회안전을 위협하는 명사구를 사용해서는 안 된다.
2, 이름은 기억하기 쉬워야 한다.
중국어 이름을 사용하는 것이 가장 좋다. 영어나 중영어로 이름을 혼합하지 않는 것이 좋다. 또 사이트 이름의 글자 수는 6 자 (가급적 4 자) 이내로 조절해야 하고, 성어도 4 자를 사용할 수 있다. 또 다른 장점은 글자 수가 적어서 다른 사이트의 링크 조판에 적합하다는 것이다.
3. 이름은 특색이 있어야 합니다.
이름이 평범하면 받아들일 수 있고, 어느 정도의 내포를 구현할 수 있다면 관광객들에게 더 많은 시각적 충격과 공간 상상력을 주는 것이 상품이다. 예: 음악 전위, 인터넷 도자기, 전자책 시공간 등. 사이트 주제를 반영하는 동시에 특색을 지적할 수 있다.
둘째, 웹 사이트의 CI 이미지를 포지셔닝합니다
CI (기업 이미지) 란 시각적으로 기업 이미지를 통일하는 것이다. 훌륭한 사이트는 실체 회사와 마찬가지로 전체적인 이미지 포장과 디자인이 필요하다. 정확하고 창의적인 CI 디자인은 웹 사이트 홍보에 있어서 적은 노력으로 더 많은 일을 할 수 있다. 구체적인 방법은 다음과 같습니다.
1. 웹 사이트의 로고를 디자인합니다.
상표처럼, logo 는 너의 사이트 특색과 내포의 집중적인 표현이다. 로고를 보면 모든 사람에게 너의 웹사이트를 생각나게 할 것이다. 로고 디자인 컨셉은 웹 사이트의 이름과 콘텐츠에서 비롯됩니다.
(1) 사이트의 대표적인 인물, 동물, 화초는 디즈니의 미키마우스, 소호의 만화 여우와 같은 디자인의 청사진으로 사용될 수 있다.
(2) 사이트가 전문적이라면 본 전공의 대표 프로젝트로 표기할 수 있다. 예를 들어 중국은행의 동판 로고, 벤츠의 스티어링 휠 로고 등이 있습니다.
(3) 가장 흔하고 쉬운 방법은 자신의 웹사이트의 영어 이름을 표지로 사용하는 것이다. 서로 다른 서체, 글자 변형, 글자 조합을 이용하여 자신의 로고를 쉽게 만들 수 있다.
2. 디자인 사이트의 표준 색상.
사이트의 첫인상은 시각적 충격에서 비롯되기 때문에 사이트의 표준색을 결정하는 것이 중요하다. 색채 조합에 따라 효과가 다르므로 관광객의 기분에 영향을 줄 수 있다. 예를 들어 IBM 의 진한 파란색, 켄드치킨의 빨간색 줄무늬, windows 창 로고의 빨간색, 파란색, 노란색, 녹색 블록은 모두 우리에게 매우 적합하고 조화를 이룬다는 것을 알 수 있다. (윌리엄 셰익스피어, Northern Exposure (미국 TV 드라마), 계절명언) 표준색' 은 웹 사이트 이미지를 표현하고 내포를 확장할 수 있는 색상을 말합니다. 일반적으로 한 사이트의 표준색은 세 가지를 넘지 않으며, 너무 많으면 눈이 부시다. 웹 사이트의 로고, 제목, 주 메뉴 및 주 색상 블록은 모두 표준 색상을 사용해야 합니다. 전체적으로 통일된 느낌을 준다. 다른 색깔에 관해서는 사용할 수 있지만, 단지 점재와 호 일 뿐, 주인의 역할을 찬탈해서는 안 된다. 웹 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검은색/회색/흰색입니다. 색상의 합리적인 조화에 주의해야 합니다.
웹 사이트의 표준 글꼴을 디자인하십시오.
표준 색상과 마찬가지로 표준 글꼴은 로고, 제목 및 주 메뉴에 사용되는 고유한 글꼴입니다. 일반적으로 우리 홈페이지의 기본 서체는 송체이다. 웹사이트의' 독특함' 과 독특한 스타일을 표현하기 위해, 우리는 자신의 필요에 따라 특별한 서체를 선택할 수 있다. 예를 들어 전공을 표현하기 위해 거친 모조송 스타일, 정교한 디자인, 광고 스타일, 친절하고 캐주얼한 표현, 필적 등을 사용할 수 있다.
4. 디자인 사이트의 슬로건
사이트의 정신이라고 할 수 있고, 사이트의 목표라고 할 수 있다. 한 문장이나 한 단어로 요약하다. 실생활의 광고금구와 비슷하다. 까치 둥지 "맛 있는" 처럼; 맥스웰의 "좋은 것은 좋은 친구와 공유한다"; 인텔의' 펜티엄 마음을 줄게' 등등.
셋째, 웹 사이트의 섹션을 확인하십시오.
웹사이트를 만드는 것은 문장 한 편을 쓰는 것과 같다. 너는 먼저 개요를 하나 작성해야 한다, 이렇게 해야만 문장 주제가 선명하고, 계층이 뚜렷하다. 만약 사이트 구조가 분명하지 않고, 카탈로그가 복잡하며, 내용이 동서로 되어 있다면. 따라서 방문자들이 당혹스러울 뿐만 아니라, 스스로 사이트를 확장하고 유지하는 것도 상당히 어렵다. 사이트 테마가 확정되면 대량의 관련 정보 콘텐츠를 수집하고 정리했지만, 어떻게 콘텐츠를 구성하여 네티즌이 사이트를 방문하도록 유도할 수 있을까? 칼럼의 본질은 한 사이트의 개요 색인으로, 색인은 온라인이어야 한다.
역 주체가 뚜렷하게 드러나다. 일반 웹 사이트 열 준비는 다음 측면에주의를 기울여야합니다.
1, 주제와 밀접하게 관련되어 있습니다.
너의 주제를 일정한 방식으로 분류하여 사이트의 주요 항목으로 삼다. 주제란의 수는 총란에서 절대적인 우세를 차지해야 하는데, 이런 사이트는 전문성이 강하고 주제가 뛰어나 사람들에게 깊은 인상을 주기 쉽다.
2, 최근 업데이트 또는 웹 사이트 가이드 칼럼 만들기
최근 업데이트' 란을 설정하는 목적은 단골 손님을 보살피고 홈페이지를 더욱 인간적으로 만들기 위함이다. 홈페이지 내용이 크고 계층이 많고 사이트에 검색 엔진이 없는 경우' 사이트 가이드' 열을 설정하면 첫 방문자가 원하는 콘텐츠를 빠르게 찾을 수 있습니다.
3, 양방향 교류 칼럼을 설정하십시오.
포럼, 게시판, 메일 목록 등. , 방문자가 정보를 남길 수 있습니다.
4. 다운로드 또는 FAQ 표시줄을 설정합니다.
인터넷은 정보 공유가 특징이다. 예를 들어, 방문자가 필요한 데이터를 다운로드할 수 있도록 홈페이지에 데이터 다운로드 바를 설치하세요. 또한, 특정 질문에 대한 네티즌의 편지를 자주 받는다면, 자주 묻는 질문에 대한 칼럼을 만들어 네티즌의 편의를 도모하면 더 많은 시간을 절약할 수 있다.
넷째, 웹 사이트의 디렉토리 구조 결정
웹 사이트의 디렉토리는 웹 사이트를 만들 때 만든 디렉토리입니다. 예를 들어 frontpage98 을 사용하여 웹 사이트를 만들 때 루트 디렉토리와 images 하위 디렉토리가 기본적으로 설정됩니다. 디렉토리 구조의 좋고 나쁨은 방문자에게는 별로 느껴지지 않지만, 사이트 자체의 업로드와 유지 관리, 향후 콘텐츠의 확장과 이식에는 중요한 영향을 미친다. 다음은 디렉토리 구조 작성을 위한 몇 가지 제안입니다.
1. 모든 파일을 루트 디렉토리에 보관하지 마십시오. 파일 관리가 혼란스러울 수 있습니다.
어떤 파일을 편집해야 하는지, 어떤 쓸모없는 파일을 삭제할 수 있는지, 어떤 파일이 관련 파일인지, 생산성에 영향을 미치는 파일을 알 수 없는 경우가 많습니다. 또한 업로드 속도가 느립니다. 서버는 일반적으로 루트 디렉토리에 대한 파일 인덱스를 만듭니다. 모든 파일을 루트 디렉토리에 넣으면 업데이트 파일 하나만 업로드해도 서버는 모든 파일을 다시 검색하여 새 인덱스 파일을 만들어야 합니다. 분명히 파일 수가 많을수록 대기 시간이 길어집니다. 따라서 루트 디렉토리에 저장되는 파일 수를 최소화할 수 있습니다.
2, 열 내용에 따라 하위 디렉토리를 만듭니다.
하위 디렉토리의 건립은 먼저 메인 요리별로 나열한다. 예를 들어 기업 웹사이트는 회사 소개, 제품 소개, 가격, 온라인 주문, 피드백 연락처 등에 따라 적절한 카탈로그를 만들 수 있습니다. 다른 작은 항목들은 어떤 새로운 것이 있는지, 우정 링크가 비교적 많기 때문에 자주 업데이트해야 하는 독립 하위 디렉토리를 만들 수 있다. 또한 사이트 정보, 역장 정보, 사이트 체험 등 자주 업데이트할 필요가 없는 관련 항목도 있습니다. , 하나의 통합 디렉토리로 통합할 수 있습니다. 모든 프로그램은 일반적으로 특정 디렉토리에 저장됩니다. 예를 들어, CGI 프로그램은 cgi-bin 디렉토리에 있습니다. 다운로드해야 할 모든 내용을 한 디렉토리에 두는 것도 좋다.
3. 각 주 열 디렉토리 아래에 별도의 그림 디렉토리를 만듭니다.
각 기본 열에 대해 별도의 이미지 디렉토리를 만드는 것이 가장 편리합니다. 루트 디렉토리 아래의 이미지 디렉토리는 홈 페이지와 일부 보조 열의 그림에만 사용됩니다.
4, 디렉터리 수준이 너무 깊지 않게 해주세요.
유지 관리 및 관리를 용이하게 하기 위해 카탈로그 레벨 3 이하를 권장합니다.
5. 중국어 목록을 사용하지 마십시오.
6. 긴 디렉토리를 사용하지 마십시오.
동사 (verb 의 약어) 는 웹 사이트의 링크 구조를 결정합니다
웹 사이트의 링크 구조는 페이지 간 링크의 토폴로지입니다. 디렉토리 구조를 기반으로 하지만 디렉토리에 걸쳐 있을 수 있습니다. 웹 사이트의 링크 구조를 설정하는 두 가지 기본 방법이 있습니다.
1, 트리 링크 구조
DOS 와 유사한 디렉토리 구조에서 홈 페이지 링크는 1 차 페이지를 가리키고 1 차 페이지 링크는 2 차 페이지를 가리킵니다. 이 링크 구조를 탐색하면 한 단계 한 단계 더 나아갑니다. 장점은 조리가 분명하고 관광객들이 자신이 어디에 있는지 잘 알고 길을 잃지 않는다는 것이다. 단점은 탐색이 비효율적이라는 것입니다. 한 열 아래의 하위 페이지는 다른 열 아래의 하위 페이지로 이동하기 위해 홈 페이지를 우회해야 한다는 것입니다.
2. 별 링크 구조
웹 서버에 대한 링크와 마찬가지로 각 페이지 사이에 링크가 있습니다. 이런 링크 구조의 장점은 탐색이 편리하여 언제든지 자신이 좋아하는 페이지에 도달할 수 있다는 것이다. 단점은 링크가 너무 많아 방문객을 길을 잃기 쉽고, 자신이 어디에 있는지, 얼마나 많이 보았는지 알 수 없다는 것이다.
이 두 가지 기본 구조는 이상적인 방법일 뿐이다. 실제 웹 사이트 디자인에서는 원하는 결과를 얻기 위해 항상 혼합됩니다. 더 좋은 시나리오는 첫 페이지와 1 차 페이지 사이에 스타 링크 구조를 사용하고 1 급과 하위 페이지 사이에 트리 링크 구조를 사용하는 것입니다.
여섯째, 디자인 사이트의 전반적인 스타일
스타일은 추상적이며, 사이트 전체 이미지가 방문자에게 주는 종합적인 느낌을 가리킨다. 이' 전체 이미지' 에는 CI (logo, 색상, 글꼴, 슬로건), 레이아웃, 탐색 방법, 상호 작용, 문자, 말투, 콘텐츠 가치, 존재 의미, 사이트 명예 등 여러 가지 요소가 포함됩니다. 예를 들어, 우리는 인터넷이 접근하기 쉽고, 디즈니는 활발하고, IBM 은 전문적이고 진지하다고 생각한다. 이들은 사람들을 위해 봉사하는 사이트입니다.
남겨진 다른 느낌.
풍격이 독특하여 이 사이트를 다른 사이트와 구별한다. 색채, 기술, 상호 작용 방식 등을 통해 방문자들은 이것이 당신의 사이트에만 국한된 것임을 분명히 알 수 있습니다. (존 F. 케네디, 자기관리명언) 예를 들어, 신세기망의 흑백, 넷이벽지 역의 독특한 틀은 한 페이지만 봐도 어느 사이트인지 알 수 있다.
스타일은 사람입니다. 한 사이트의 외관, 내용, 문자, 전파를 통해 한 사이트의 개성과 분위기를 요약할 수 있다. 부드럽고 우아하며, 집착적이고, 활발하고 변화무쌍하며, 자유방임이다. 시의' 호방파' 와' 완약파' 처럼 웹사이트와 사람의 성격을 비교할 수 있다. 웹 사이트 스타일을 만들려면 어떻게 해야 합니까? 우리는 그것을 다음 단계로 나눌 수 있습니다.
1. 스타일이 가치 있는 콘텐츠를 기반으로 하는지 확인합니다.
풍격은 있지만 내용이 없는 웹사이트는 마치 풀 한 봉지를 수놓은 베개처럼 오만하지만 글을 모르는 사람 같다. (조지 버나드 쇼, 자기관리명언) 너는 먼저 내용의 품질과 가치를 보장해야 한다, 이것이 가장 기본적인 것이다.
2. 당신이 원하는 웹사이트의 인상이 무엇인지 철저히 이해해야 합니다.
이 몇 가지 방면에서 생각을 정리할 수 있다.
A. 단 한 문장으로 당신의 웹사이트를 묘사한다면, 다음과 같습니다: ()
참고 답변: 창의적이고, 전문적이고, 실력이 있고, 미감 있고, 충격이 있다.
B. 당신의 웹사이트를 생각할 때 생각할 수 있는 색깔은 ()
참고답: 열정적인 빨강, 환상의 하늘색, 영리한 황금색.
C. 여러분의 웹사이트를 생각할 때, 다음과 같은 그림을 떠올립니다. ()
참고 답변: 아침 신문, 페라리 스포츠카, 붐비는 광장, 식료품점
D. 사이트가 사람이라면, 그의 성격은: ()
참고 답변: 성숙한 중년인, 야방분방한 데님, 자신감 있고 성실한 기업가
E. 사이트 관리자로서, 당신은 다음과 같은 인상을 주어야 합니다: ()
참고 답변: 헌신적이고, 열심히 투자하고, 깊이가 있고, 담당하고, 순수하고, 진실하고, 부드럽습니다.
F. 동물을 비유로 사용한다. 당신의 웹사이트는 무엇이 가장 비슷합니까: ()
참고 답변: 고양이 (신비하고 고귀한), 독수리 (눈빛이 예리함), 토끼 (총명하고 예민함), 사자 (자신감의 권위)
G. 방문객들은 당신과 다른 웹사이트의 차이가 무엇이라고 생각합니까? ()
참고 답변: 신뢰성, 가장 빠른 정보, 편리한 의사 소통,
H. 관광객들이 당신과 교류하고 협력하는 느낌은 다음과 같습니다: ()
참고 답변: 사제, 동료, 친구, 노소.
너는 먼저 스스로 답안을 작성한 다음 다른 네티즌에게 작성하게 할 수 있다. 비교 결과는 당신의 사이트에 존재하는 격차, 약점, 개선이 필요한 부분을 알려 줄 것이다.
3. 자신의 웹사이트의 인상을 분명히 한 후, 이런 인상을 만들고 강화하기 위해 노력하기 시작했다.
2 단계' 정량화' 인상 이후, 당신은 무엇이 가장 특색이 있는지, 즉 사이트 스타일을 가장 잘 표현할 수 있는 것을 더 찾아낼 필요가 있다. 그것을 웹 사이트의 특색으로 삼아 강화와 홍보에 중점을 두었다. 다음과 같은 방법을 참고할 수 있다.
(/logo-0/) 가능한 한 모든 페이지에 로고를 올려 주세요. 또는 머리글, 바닥글 또는 배경.
(2) 표준 색상을 강조하십시오. 문자의 연결 색상, 그림의 주색, 배경색, 테두리 등의 색상은 가능한 표준 색상과 일치하는 색상을 사용합니다.
(3) 표준 글꼴을 강조하십시오. 주요 제목, 메뉴 및 그림에 균일한 표준 글꼴을 사용합니다.
(4) 명랑한 구호를 생각해 보세요. 배너에 넣거나 눈에 띄는 위치에 올려 사이트의 특징을 알려드립니다. ...
(5) 통일된 말투와 인칭을 사용한다. 여러 사람이 수호하더라도 독자는 같은 사람이 쓴 것이라고 생각해야 한다.
(6) 통합 사진 처리 효과 사용. 예를 들어 그림자 효과의 방향, 두께, 블러는 반드시 일치해야 한다.
(7) 웹 사이트 고유의 기호나 아이콘을 만듭니다.
(8) 자신이 디자인한 레이스, 라인, 도트 사용.
(9) 당신의 웹사이트의 영예와 성공 작품을 전시합니다.
(10) 너의 진실한 이야기와 생각을 네티즌에게 알려라. 풍격의 형성은 한 번의 고정이 아니다. 너는 실천 중에 끊임없이 강화하고 조정하고 수정할 수 있다.
일곱. 요약:
웹 사이트 디자인은 무한한 매력으로 가득 차 있어 문장 한 편만으로는 그 속의 오묘함을 다 할 수 없다. 이런 디자인 아이디어가 모든 디자이너에게 꼭 맞는 것은 아니며, 모든 디자인의 실제 상황에 꼭 맞는 것은 아니기 때문에 좋은 생각일 것이다. 사람마다 견해가 다르다. 더 좋은 웹사이트가 너와 나에게서 왔으면 좋겠다. 문장 중의 잘못을 비판하고 시정해 주십시오.
여덟. 문헌학
1, 웹 제목 제작 기술 및 사례-루 칭화대 출판사
2.FrontPage 2000 입문부터 능숙함-정동 등 번역-전자공업출판사
3.' 사이트 가용성 디자인' 제이콥 닐슨-인민우편출판사
4. 사이트 건축과 예술가의 황금조합-하늘색 스튜디오-인민우편출판사
5.' 홈페이지 디자인 및 사이트 개발-HTML 홈페이지 제작 사이트 개발 전실천'-우-항공공업출판사
광고 제작-범지우-인민우편출판사
요점 1: 웹 사이트 테마를 결정합니다.
웹사이트를 만들 때 가장 먼저 해결해야 할 것은 사이트의 내용, 즉 사이트의 주제를 결정하는 것이다. 미국 PC 매거진은 1999 년 미국 상위 100 의 유명 사이트를 10 대 주제: 범주 1: 온라인 구직으로 선정했다. 두 번째 범주: 채팅/인스턴트 메시징/ICQ; 세 번째 범주: 온라인 커뮤니티/토론/메일 목록; 카테고리 4: 컴퓨터 기술; 카테고리 5: 웹 페이지/웹 사이트 개발; 카테고리 6: 엔터테인먼트 웹 사이트; 카테고리 7: 관광; 카테고리 8: 참조/정보; 카테고리 9: 가족/교육; 범주 10: 생활/패션. 위의 분류를 참조하여 세분화를 계속할 수 있습니다. 만약 당신이 어떤 방면에 관심이 있거나 자료가 많다면, 자신이 관심 있는 것을 할 수 있습니다. 한편으로는 자신의 견해를 가지고 자신만의 특색을 만들 수 있다. 둘 다 웹사이트를 만들 때 지루하거나 어찌할 바를 모른다. 흥미는 웹사이트를 만드는 원동력이다. 창작 열정이 없으면 우수한 작품을 설계하기가 어렵다.
콘텐츠 주제 선택에 대해서는 작고 정밀해야 하고, 주제 포지셔닝은 작고 정밀해야 한다. 모든 것을 포괄하는 웹사이트를 만들려고 하지 마라. 이렇게 하면 종종 사이트의 특색을 잃고, 강도 높은 노동을 가져오며, 제때에 사이트를 업데이트하기가 어렵다. 기억하세요: 인터넷에는 1 위밖에 없어요. 2 위는 없어요!
요점 2: 좋은 도메인 이름을 선택하세요.
도메인 이름은 인터넷상의 사이트 이름입니다. 제품 홍보가 없는 순수 정보 서비스 사이트로, 그 건설의 모든 가치가 사이트 도메인 이름에 결집되어 있다. 이 도메인 이름이 없으면 모든 선행 작업이 손실됩니다.
현재 많은 개인 사이트는 무료 개인 공간에 의존하고 있으며, 그들의 도메인 이름도 무료 도메인 이름으로 가리키고 있습니다. 예를 들어, 인터넷 이순신의 가상 도메인 이름 서비스입니다. 사실 이는 개인 홈페이지의 보급과 발전에 매우 불리하다.' 제때에' 열린 창구가 방문자의 시선과 호감을 방해하기 때문만이 아니라, 개인사이트라는 것을 한눈에 알 수 있을 뿐만 아니라, 웹페이지의 전송 속도도 방해할 수 있기 때문이다. 그래서, 내 개인적인 관점에서, 우선, 도메인 이름을 등록 하는 돈을 지출. 독립 도메인 이름은 개인 웹 사이트의 첫 번째 자산입니다. 도메인 이름을 생동감 있고, 간단하고, 기억하기 쉽도록 해야 한다.
요령 3: 인맥 도구를 장악하다.
인터넷 기술의 발전은 소프트웨어 업계의 발전을 이끌었기 때문에 웹 페이지 제작에 사용되는 도구와 소프트웨어도 점점 더 풍부해지고 있다. 가장 기본적인 HTML 편집기에서 현재 많이 사용되는 Flash 대화형 웹 제작 도구 및 다양한 웹 제작 도구에 이르기까지 대표적인 웹 제작 도구는 다음과 같습니다.
(1)HTML 편집기. HTML 코드는 복잡하고 편집 및 디버깅에 많은 시간이 걸리지만 안정성, 광범위한 지원 및 복잡한 페이지 효과를 만들 수 있는 능력 덕분에 고급 웹 제작자들에게 인기가 있습니다. 현재 선택할 수 있는 편집기가 많이 있습니다. 이러한 편집기는 복잡한 페이지 작성과 고급 HTML 사양을 광범위하게 지원하며, Hotdog 와 같은 전문 HTML 편집기가 널리 사용되고 있습니다.
(2) 보이는 대로 얻은 fckeditor. Microsoft Frontpage 를 대표하는 것은 Word 와 같은 인터페이스를 가지고 있다. Word 기능에 익숙한 운영자는 약간의 교육으로 웹 페이지를 쉽게 작성할 수 있습니다. 또한 Frontpage 는 웹 페이지의 HTML 소스 코드를 구문 분석하여 미리 보기 지원을 제공합니다. 그러나 Frontpage 의 일부 특수 디스플레이 기능은 다른 비 IE 브라우저에서는 사용할 수 없습니다. 그래서 Frontpage 는 초보자와 중급 웹 프로듀서에게 적합한 도구 소프트웨어입니다.
(Macromedia 에서 생산한 플래시 대화형 웹 제작 도구는 현재 유행하고 있다. 이것은 매우 강력한 대화형 벡터 멀티미디어 웹 제작 도구이다. 다양한 애니메이션 웹 페이지를 쉽게 출력할 수 있습니다. 특히 복잡한 작업이 필요하지 않으며 JAVA 보다 작습니다! 그러나 그것의 애니메이션 효과, 상호 작용 효과, 멀티미디어 효과는 모두 우수하다. Mp3 음악 포장, 양식 작성 등도 가능합니다. Flash 애니메이션에서. 또한 Flash 에서 컴파일된 웹 파일은 일반 웹 파일보다 훨씬 작기 때문에 찾아보기 속도가 크게 빨라집니다. 이것은 동적 웹 페이지 제작에 매우 적합한 도구입니다.
또한 개인 웹 사이트 제작자는 W3C 의 HTML4.0 사양, CSS 계단식 스타일 시트의 기본 사항, JavaScript 및 VBScript 를 이해해야 합니다. ASP, CGI, PHP 와 같은 일반적인 스크립트 프로그램에 대해서도 잘 알고 있어야 합니다. 또한 그래픽 처리 도구, 애니메이션 도구 및 벡터 드로잉 도구를 능숙하게 사용할 수 있으며 다양한 그래픽 및 이미지 애니메이션 도구의 기본 사용법을 부분적으로 이해할 수 있습니다. 또한 적절한 하드웨어 및 소프트웨어 및 네트워크 지식을 갖춘 FTP 도구를 능숙하게 사용해야 합니다.
물론 인터넷은 여전히 무료 데이터베이스입니다. 웹 페이지를 만들려면 다양한 버튼, 배경, 다양한 그래픽 및 그림이 필요합니다. 만약 당신이 이 모든 것을 스스로 완성하고 싶다면, 그것은 시간과 돈 낭비가 될 것이며, 또한 강력한 그래픽과 사진 제작 기술이 필요하다. (존 F. 케네디, 시간명언) 따라서 이러한 번거로움을 피하기 위해 사이트 제작자는 인터넷에서 다양한 아름답고 실용적인 사진, 버튼, 배경 등 웹 자료를 다운로드할 수 있다.
네 번째 요점: 웹 인터페이스를 결정하십시오.
인터페이스는 웹사이트가 방문자에게 주는 첫인상으로, 종종 사이트의 인지도를 결정한다. 웹 사이트의 인터페이스를 결정할 때 다음 세 가지 사항에 유의하십시오.
(1) 기둥 및 슬래브 배치
웹사이트를 만드는 것은 논문을 쓰는 것과 같다. 먼저 너는 반드시 제목을 나열해야 한다. 그래야 주제가 명확할 수 있고, 계층이 명확해질 수 있다. 초보자가 사이트 건설에서 가장 쉽게 범하는 실수는 주제를 확정한 후 바로 제작을 시작한다는 것이다. 합리적인 계획은 없다. 사이트 구조가 불분명하고, 카탈로그가 복잡하고, 판판이 혼란스럽다. 이 때문에 방문자들이 곤혹스러울 뿐만 아니라 프로듀서 자신도 사이트를 확장하고 유지하기가 어렵다. 따라서 홈페이지를 만들기 전에 반드시 열과 판의 배열을 잘 고려해야 한다.
사이트 주제가 확정되면 수집한 정보를 합리적으로 정리해야 한다. 예를 들어, 가장 매력적인 내용 중 일부를 가장 눈에 띄는 위치나 주도면에 올려놓는다. (존 F. 케네디, 독서명언) 항목의 본질은 한 사이트의 개요 색인으로, 색인은 사이트의 주체를 명확하게 표시해야 한다. 칼럼을 만들 때는 신중하게 생각하고 합리적으로 안배해야 한다. 열 레이아웃에서 주의해야 할 사항은 다음과 같습니다.
● 주제와 관련이 없는 항목을 가능한 한 삭제합니다.
● 가능한 한 칼럼에 사이트에서 가장 가치 있는 내용을 열거한다.
● 방문객의 시각에서 가능한 한 칼럼을 배정하여 방문객의 브라우징과 조회를 용이하게 한다. 사이트 소개, 저작권 정보, 개인 정보 등과 같은 보조 콘텐츠 , 주제를 희석하지 않도록 주 열에 놓을 필요가 없습니다.
또한 판의 배치도 합리적으로 안배하고 분할해야 한다. 판의 개념은 기둥보다 크며, 각 판마다 자체 기둥이 있다. 예를 들어, www.enet.com.cn ENET 실리콘 밸리 파워 사이트는 뉴스, 제품, 게임, 학원 등으로 나뉘어 있으며, 각 판마다 자체 메인 섹션이 있습니다. 일반적으로 개인 사이트의 내용이 적기 때문에 두 개의 열만 나누면 됩니다. 판을 설정할 필요가 없습니다. 보드를 설정해야 하는 경우 다음 사항에 유의해야 합니다.
● 각 판은 상대적으로 독립적이어야 한다.
● 각 판은 서로 연관되어야 한다.
● 각 판의 내용은 웹 사이트 주제를 중심으로 해야 한다.
② 디렉토리 구조 및 링크 구조
웹 사이트의 디렉토리는 웹 사이트를 만들 때 만든 디렉토리입니다. 예를 들어 Frontpage 를 사용하여 웹 사이트를 구축하면 루트 디렉토리와 이미지 하위 디렉토리가 기본적으로 설정됩니다. 카탈로그의 구조는 간과하기 쉬운 문제이다. 대부분의 역장은 임의로 하위 디렉토리를 만들며 계획이 없다. 디렉토리 구조의 좋고 나쁨은 방문자에게는 별로 느껴지지 않지만, 사이트 자체의 유지 관리와 향후 콘텐츠의 확장과 이식에는 중요한 영향을 미친다. 따라서 디렉토리 구조를 만들 때 다음과 같은 치밀한 계획도 마련해야 합니다.
● 모든 파일을 루트 디렉토리에 저장하지 마십시오. 일부 사이트 제작자들은 편의를 위해 모든 서류를 루트 디렉토리에 두었다. 이로 인해 파일 관리가 혼란스럽고, 어떤 파일을 편집해야 하는지, 어떤 쓸모없는 파일을 삭제할 수 있는지, 어떤 파일이 관련 문서인지, 생산성에 영향을 미칠 수 있습니다. 업로드 속도가 느린 경우 서버는 일반적으로 루트 디렉토리에 대한 파일 인덱스를 작성합니다. 모든 파일이 루트 디렉토리에 있는 경우 업데이트 파일 하나만 업로드해도 서버는 모든 파일을 다시 검색하여 새 색인 파일을 만들어야 합니다. 분명히 파일 양이 많을수록 기다리는 시간이 길어진다.
● 열 내용에 따라 하위 디렉토리를 만듭니다. 하위 디렉토리의 생성은 먼저 주 열을 기준으로 합니다. 우호적인 링크가 많기 때문에 자주 업데이트해야 하는 경우 별도의 하위 디렉토리를 만들 수 있습니다. 웹 사이트 소개, 웹 마스터 정보 등과 같이 자주 업데이트할 필요가 없는 관련성이 높은 일부 항목은 하나의 통합 카탈로그로 통합할 수 있습니다. 모든 프로그램은 일반적으로 특정 디렉토리에 저장됩니다. 예를 들어, CGI 프로그램은 cgi-bin 디렉토리에 위치하며, 모든 다운로드된 내용을 하나의 디렉토리에 보관하여 유지 관리 및 관리를 용이하게 하는 것이 좋습니다.
● 각 홈 디렉토리 아래에 별도의 이미지 디렉토리를 만듭니다. 일반적으로 한 사이트의 루트 디렉토리 아래에 기본 그림 디렉토리가 있습니다. 모든 사진을 이 디렉토리에 보관하는 것은 불편합니다. 예를 들어, 항목을 삭제할 때 사진 관리는 상당히 번거로울 수 있습니다. 따라서 각 기본 열에 대해 별도의 이미지 디렉토리를 만드는 것이 편리합니다. 그 이유는 간단합니다. 유지 관리가 편리하다는 것입니다.
또 다른 주의할 점은 카탈로그 계층이 너무 깊지 말고 레벨 3 을 초과하지 않아야 한다는 것입니다. 중국어 카탈로그를 사용하지 마십시오. 웹 사이트가 제대로 표시되지 않을 수 있습니다. 너무 긴 디렉토리를 사용하지 마십시오. 너무 긴 디렉토리 이름은 기억하기 쉽지 않습니다. 가능한 의미 있는 카탈로그를 사용하여 기억과 관리를 용이하게 한다.
웹 사이트의 링크 구조는 페이지 간 링크의 토폴로지입니다. 디렉토리 구조를 기반으로 하지만 디렉토리에 걸쳐 있을 수 있습니다. 시각적으로, 각 페이지는 하나의 고정점이고, 링크는 두 고정점 사이의 연결이다. 한 점을 한 점에 연결하거나 여러 점에 연결할 수 있습니다. 더 중요한 것은, 이 점들은 평면에 분산되는 것이 아니라 3 차원 공간에 존재한다는 것입니다. 일반적으로 웹 사이트의 링크 구조를 설정하는 두 가지 기본 방법이 있습니다.
● DOS 의 디렉터리 구조와 유사한 트리 링크 구조 (일대일). 마스터 페이지 링크는 마스터 페이지를 가리키고, 마스터 페이지 링크는 하위 페이지를 가리킵니다. 이 링크 구조를 탐색할 때, 한 단계 한 단계 한 단계 더 나아가서 한눈에 알 수 있다. 방문자는 자신이 어디에 있는지 뻔히 알면서도' 자신이 어디에 있는지 모른다' 는 것은 아니지만, 브라우징은 비효율적이다. 열 아래의 하위 페이지는 홈 페이지로 돌아가야 합니다.
● 스타 링크 구조 (일대다) 는 웹 서버 링크와 유사하며 각 페이지 간에 상호 링크가 있습니다. 브라우징이 더 편리하여 언제든지 자신이 좋아하는 페이지에 도달할 수 있다. 하지만 링크가 너무 많기 때문에 방문자가 방향을 잃기 쉽고, 자신이 어디에 있는지, 얼마나 읽었는지 알 수 없다.
따라서 실제 웹 사이트 디자인에서는 이 두 구조가 항상 혼합됩니다. 사이트는 방문자가 자신이 필요로 하는 페이지까지 쉽고 빠르게 도착할 수 있을 뿐만 아니라 자신의 위치도 명확하게 알 수 있기를 바란다. 따라서 가장 좋은 방법은 첫 페이지와 1 차 페이지 사이에 별 링크 구조를 사용하고 1 차 페이지와 2 차 페이지 사이에 트리 링크 구조를 사용하는 것입니다. 링크 구조의 디자인은 실제 웹 페이지 제작에서 매우 중요한 부분이며, 어떤 링크 구조가 페이지 레이아웃에 직접적인 영향을 미치는지 알 수 있습니다.
③ 이미지 디자인.
웹 사이트 디자인은 다음 사항부터 시작할 수 있습니다.
● 웹사이트 로고 디자인. 로고란 웹 사이트의 로고로 중국어와 영어 문자, 기호, 패턴 등이 될 수 있습니다. 로고의 디자인 아이디어는 웹사이트의 이름과 콘텐츠에서 나온 것이어야 한다. 예를 들어, 웹 사이트의 대표적인 인물, 동물, 식물은 모두 디자인의 청사진으로 사용될 수 있으며, 만화화할 수도 있고 예술화될 수도 있다. 전문 사이트는 본 전공의 대표 프로젝트로 표기할 수 있다. 가장 일반적이고 쉬운 방법은 사이트의 영어 이름을 로고로 사용하는 것입니다. 다른 글꼴, 문자 변형, 문자 조합을 사용하여 자신의 로고를 쉽게 만들 수 있습니다.
● 웹 사이트 색상 디자인. 웹사이트의 첫인상은 시각적 충격으로부터 나온다. 색채 조합에 따라 효과가 다르므로 관광객의 기분에 영향을 줄 수 있다. "표준 색상" 은 웹 사이트의 이미지와 확장을 반영할 수 있는 색상을 나타내며 웹 사이트의 로고, 제목, 주 메뉴 및 주 색상 블록에 사용해야 합니다. 전체적으로 통일된 느낌을 준다. 다른 색깔에 관해서는 사용할 수 있지만, 점재와 보조로만 사용할 수 있으며, 주인의 역할을 찬탈해서는 안 된다. 일반적으로 한 사이트의 표준색은 세 가지를 넘지 않으며, 너무 많으면 눈이 부시다. 웹 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검은색/회색/흰색입니다.
● 웹사이트 서체를 디자인한다. 표준 색상과 마찬가지로 표준 글꼴은 로고, 제목 및 주 메뉴에 사용되는 고유한 글꼴입니다. 일반 웹 페이지의 기본 글꼴은 송체입니다. 사이트의' 독특함' 과 독특한 스타일을 표현하기 위해 필요에 따라 특별한 글꼴을 선택할 수 있다. 프로듀서는 자신의 사이트가 표현한 내포에 따라 더 적합한 서체를 선택할 수 있다. 기본이 아닌 서체의 사용은 그림 형식일 수밖에 없다는 점에 유의해야 한다. 브라우저의 컴퓨터에 전용 서체가 설치되어 있지 않을 가능성이 높기 때문에 힘든 디자인과 제작이 허사가 될 수 있기 때문이다.
● 웹 사이트 표어를 디자인한다. 사이트의 정신, 주제, 중심, 또는 사이트의 목표라고 할 수 있습니다. 한 문장이나 한 문장으로 고도로 요약할 수 있습니다. 강력한 글과 표현으로 웹사이트를 총결하고 대외 홍보를 하면 더 좋은 효과를 얻을 수 있다.