웹사이트 구축 방법
네트워크 기술의 지속적인 발전으로 네트워크 애플리케이션은 인류 사회 곳곳에 침투했습니다. 온라인 세계의 지원 지점으로서 웹사이트는 사람들의 관심을 끄는 핫스팟이기도 합니다. 정부는 정책 의제를 홍보하기 위해 웹사이트를 사용하고 기업은 이미지를 홍보하기 위해 웹사이트를 사용하는 사람들과 점점 더 직접적인 소통을 하고 있습니다. 무제한의 비즈니스 기회를 활용하고, 개인은 웹사이트를 사용하여 개성과 스타일을 보여주고 서로 간의 소통의 다리를 만듭니다. 점점 더 많은 사람들이 웹사이트를 갖고 온라인 세계에서 세상을 열고 싶어합니다. 훌륭한 웹사이트를 디자인하는 방법은 무엇입니까? 이 문제에 대해 사람들은 많은 논의를 했고, 논의할 수 있는 것도 많다. 또한, 네트워크 기술의 급속한 발전으로 인해 절대적으로 권위 있고 올바른 디자인 아이디어를 생각해내기는 어렵다. 자신의 디자인 경험을 토대로 회의를 진행하고 다음과 같은 기본 디자인 아이디어를 요약했습니다.
1. 웹사이트의 주제와 이름을 포지셔닝합니다.
웹사이트의 테마는 웹사이트의 테마이기도 하며, 이는 웹사이트를 디자인할 때 직면하는 첫 번째 문제입니다. 웹사이트 테마는 다양하고 눈부시게 생각할 수 있는 한 만들 수 있습니다. 다음은 1999년에 PC Magazine이 선정한 미국 내 100대 유명 웹사이트의 10개 카테고리입니다.
카테고리 1: 온라인 구직
카테고리 2: 온라인 채팅 /인스턴트 메시징/ICQ
범주 3: 온라인 커뮤니티/토론/메일 목록
범주 4: 컴퓨터 기술
범주 5: 웹/웹사이트 개발
카테고리 6: 엔터테인먼트 웹사이트
카테고리 7: 여행
카테고리 8: 참고/정보
카테고리 9: 가족/교육< /p>
카테고리 10: 라이프스타일/패션
각 주요 카테고리는 더 세분화될 수 있습니다. 예를 들어 엔터테인먼트는 스포츠/영화로 더 세분화될 수 있습니다. /음악 및 기타 하위 카테고리는 음악은 MP3로 나눌 수 있습니다. , VQF, Ra 등 형식에 따라, 표현형식에 따라 클래식, 모던, 록 등으로 구분된다. 동시에 다양한 테마의 연결과 교차 결합을 통해 여행 포럼(여행 토론), 고전적인 골 방송(축구 영화 및 TV)과 같은 새로운 테마를 생성할 수 있으며, 이러한 방식으로 나누어 수천 개의 테마가 있을 수 있습니다. 테마가 너무 많아서 어떻게 선택해야 할까요? 지켜야 할 원칙은 다음과 같습니다.
1. 주제는 작고 정확해야 합니다.
포지셔닝은 작고 내용은 정확해야 합니다. 모든 것을 포함하는 웹 사이트를 만들고 훌륭하다고 생각하는 모든 것을 여기에 넣으려고 한다면 사람들에게 주제도 없고 특징도 없고 모든 것이 있지만 모든 것이 피상적이라는 느낌을 줄 것입니다. , 당신이 그것을 유지하는 데 그렇게 많은 에너지를 갖는 것은 불가능하기 때문입니다. 이 웹사이트의 가장 큰 특징은 새롭고 빠르다는 것입니다. 현재 가장 인기 있는 개인 홈페이지는 매일 또는 몇 시간마다 업데이트됩니다. 최근 조사 결과도 전문점이나 백화점처럼 인터넷상의 '테마 사이트'가 '유니버셜 사이트'보다 인기가 더 많은 것으로 나타났습니다. 특정 지역에서 물건을 사야 한다면 반드시 전문점을 선택하겠습니다.
2. 주제는 자신이 잘하거나 좋아하는 것이어야 합니다.
예: 프로그래밍에 능숙하다면 프로그래밍 애호가를 위한 웹사이트를 설정할 수 있습니다. 축구에 관심이 있다면 최신 뉴스, 전투 상황, 스타 역학 등을 보고할 수 있습니다. 이렇게 하면 만들 때 지루함이나 압도감을 느끼지 않을 것입니다. 관심은 웹사이트를 만드는 원동력입니다. 열정 없이는 훌륭한 웹사이트를 디자인하고 만들기가 어렵습니다.
3. 너무 많은 테마나 너무 높은 목표를 사용하지 마세요.
'너무 지나치다'는 소프트웨어 다운로드, 무료 정보 등 어디에서나 볼 수 있고 누구나 이용할 수 있는 주제를 말합니다. "목표가 너무 높다"는 것은 이 주제에 대해 이미 매우 좋고 잘 알려진 사이트가 있으며 이를 능가하는 것이 매우 어렵다는 것을 의미합니다.
테마가 결정되면 테마에 따라 웹사이트 이름을 지정할 수 있습니다. 웹사이트 이름 역시 웹사이트 디자인의 일부이며 매우 중요한 요소입니다. 살펴보면 "컴퓨터 학습실"과 "컴퓨터 홈"은 분명히 후자이고 간결하며 "미디 천국"과 "미디 천국"은 분명히 후자이며 "중국 유치원"입니다. 후자의 분위기.
PIII의 중국 이름이 "펜티엄"이라는 것은 우리 모두 알고 있습니다. 만약 "펜티엄"으로 바뀌었다면 오늘날처럼 "인기"가 없을 수도 있습니다. 실생활에서와 마찬가지로 웹사이트 이름이 올바르고, 크고, 기억하기 쉬운지 여부도 웹사이트의 이미지와 홍보에 큰 영향을 미칩니다. 내 제안은 다음과 같습니다.
1. 이름은 정확해야 합니다.
사실 이는 합법적이고 합리적이며 애정이 있어야 함을 의미합니다. 사회보장을 위협하는 반동적, 외설적, 미신적, 명사 또는 문장을 사용하지 마십시오.
2. 이름은 기억하기 쉬워야 한다
영어나 한자와 영어가 섞인 이름보다는 한자 이름을 사용하는 것이 가장 좋다. 또한, 홈페이지 이름의 글자 수는 6자 이내(4자 선호)로 조절해야 하며, 숙어도 4자 이내로 사용할 수 있다. 단어 수가 적어서 다른 사이트의 링크 레이아웃에도 적합하다는 장점이 있습니다.
3. 이름은 독특해야 합니다
어떤 의미를 반영하고 보는 사람에게 시각적인 효과와 공간적 상상력을 더 많이 줄 수 있다면 이름은 괜찮습니다. 품질. 예: 음악 아방가르드, 타오바 웹페이지, 전자책 공간과 시간 등 웹사이트의 테마를 반영하면서 웹사이트의 특징을 부각시킬 수 있습니다.
2. 홈페이지의 CI 이미지 포지셔닝
소위 CI(Corporate Identity)는 비전을 통해 기업의 이미지를 통일하는 것을 의미합니다. 실제 회사처럼 뛰어난 웹사이트는 전반적인 이미지 패키징과 디자인이 필요합니다. 정확하고 창의적인 CI 디자인은 홈페이지 홍보 효과를 배가시킵니다. 구체적인 방법은 다음과 같습니다.
1. 웹사이트의 로고(로고)를 디자인합니다.
로고는 상표와 마찬가지로 사이트의 특성과 의미를 집중적으로 표현한 것입니다. 로고를 보면 누구나 사이트를 시작할 것이라고 생각할 것입니다. 로고의 디자인 창의성은 웹사이트의 이름과 콘텐츠에서 비롯됩니다.
(1) 웹사이트에는 대표적인 캐릭터, 동물, 꽃, 식물 등이 있습니다. 이를 디자인 청사진으로 사용하여 만화화하고 예를 들어 디즈니의 미키 마우스, 소후의 만화 여우 등을 예술적으로 변형해 보세요.
(2) 전문 웹사이트인 경우 해당 분야를 대표하는 항목을 로고로 사용할 수 있습니다. 예를 들어 중국 은행의 동판 로고, 메르세데스-벤츠의 스티어링 휠 로고 등이 있습니다.
(3) 가장 일반적이고 간단한 방법은 웹사이트의 영문 이름을 로고로 사용하는 것입니다. 다양한 글꼴, 문자 변형, 문자 조합을 사용하여 나만의 로고를 쉽게 만들 수 있습니다.
2. 웹사이트의 표준 색상을 디자인합니다.
웹사이트의 첫인상은 시각적인 영향에서 비롯됩니다. 웹사이트의 표준 색상을 결정하는 것은 매우 중요한 단계입니다. 다양한 색상 조합은 다양한 효과를 만들어내며 방문객의 감정에 영향을 미칠 수 있습니다. 이해를 돕기 위해 실제적인 예를 들어보겠습니다. IBM의 진한 파란색, KFC의 빨간색 막대, Windows 로고의 빨간색, 파란색, 노란색 및 녹색 블록은 모두 우리에게 매우 적절하고 조화로운 느낌을 줍니다. "표준색상"이란 웹사이트의 이미지와 확장된 의미를 반영할 수 있는 색상을 말합니다. 일반적으로 웹사이트의 표준 색상은 3가지를 넘지 않아야 합니다. 색상이 너무 많으면 눈부실 것입니다. 웹사이트의 로고, 제목, 메인 메뉴, 메인 컬러 블록에는 표준 색상을 사용해야 합니다. 전체적인 통일감을 줍니다. 다른 색상의 경우에도 사용할 수 있지만 장식 및 호일로만 사용할 수 있으며 다른 색상을 압도해서는 안 됩니다. 웹 페이지의 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검정색/회색/흰색 세 가지 색상 계열입니다.
3. 웹사이트 디자인을 위한 표준 글꼴
표준 색상과 마찬가지로 로고, 제목, 메인 메뉴에 사용되는 고유한 글꼴을 말합니다. 일반적으로 당사 웹페이지의 기본 글꼴은 Song Dynamise입니다. 사이트의 "차이점"과 고유한 스타일을 반영하기 위해 필요에 따라 일부 특수 글꼴을 선택할 수 있습니다. 예를 들어 전문성을 보여주기 위해선 거친 모방의 노래 글꼴을 사용할 수 있고, 정교한 디자인을 보여주기 위해 광고 글꼴을 사용할 수 있으며, 친근함과 캐주얼함을 보여주기 위해 글꼴을 사용할 수 있으며, 손으로 쓴 글꼴을 사용할 수 있습니다.
4. 웹사이트 슬로건을 디자인하세요
웹사이트의 정신이자 목표라고도 할 수 있습니다. 한 문장이나 한 단어를 사용하여 높은 수준으로 요약하세요. 실생활의 광고 슬로건과 유사합니다. 예를 들어, Magpie's Nest의 "맛있습니다", Maxwell의 "좋은 것은 좋은 친구들과 공유됩니다", Intel의 "Give you a racing heart" 등이 있습니다.
3. 웹사이트의 칼럼을 결정하세요
웹사이트를 구축하는 것은 글을 쓰는 것과 같습니다. 글의 주제가 명확하고 수준이 명확할 수 있도록 먼저 개요를 작성해야 합니다. . 웹사이트 구조가 명확하지 않으면 디렉토리가 복잡해지고, 내용도 여기저기 흩어져 있습니다. 이로 인해 방문자들이 혼란스러워할 뿐만 아니라, 스스로 웹사이트를 확장하고 유지관리하는 것도 매우 어렵습니다. 웹사이트의 주제가 결정되고 많은 관련 정보가 수집 및 정리된 후 네티즌이 웹사이트를 탐색하도록 유도하려면 콘텐츠를 어떻게 구성해야 합니까? 칼럼의 본질은 웹사이트의 개요 색인이며, 색인은 웹사이트의 본문을 명확하게 표시해야 합니다. 일반적인 웹사이트 열 배열은 다음 측면에 주의해야 합니다.
1. 테마에 가깝게 유지하세요.
테마를 특정 방식으로 분류하고 이를 기본 열로 사용하세요. 웹사이트. 주제 칼럼의 수는 전체 칼럼에서 절대 우위를 차지해야 합니다. 이러한 웹사이트는 전문적으로 보이고 뛰어난 주제를 가지고 있어 사람들에게 쉽게 깊은 인상을 남길 수 있습니다.
2. 최근 업데이트 또는 웹사이트 가이드 열 설정
'최근 업데이트' 열 설정의 목적은 자주 방문하는 방문자를 관리하고 홈페이지를 더욱 사용자화하기 위한 것입니다. 친숙한. 홈페이지 콘텐츠가 크고 다층적이며 현장 검색 엔진이 없는 경우 '사이트 안내' 열을 설정하면 처음 방문자가 원하는 콘텐츠를 빠르게 찾는 데 도움이 될 수 있습니다.
3. 양방향 커뮤니케이션을 위한 열을 설정하세요.
예를 들어 시청자가 자신의 정보를 남길 수 있는 포럼, 방명록, 메일링 리스트 등이 있습니다.
4. 다운로드 또는 FAQ 열 설정
인터넷의 특징은 정보 공유입니다. 예를 들어, 방문자가 필요한 데이터를 쉽게 다운로드할 수 있도록 홈페이지에 데이터 다운로드 섹션을 설정하세요. 또한 사이트에서 특정 문제에 대해 네티즌으로부터 편지를 자주받는 경우 자주 묻는 질문에 답변하는 열을 설정하는 것이 가장 좋습니다. 그러면 네티즌의 편의를 제공할 뿐만 아니라 시간도 더 절약할 수 있습니다.
4. 웹사이트의 디렉터리 구조를 결정합니다.
웹사이트의 디렉터리는 웹사이트를 구축할 때 생성된 디렉터리를 의미합니다. 예: frontpage98을 사용하여 웹 사이트를 만들면 루트 디렉터리와 이미지(저장소 사진) 하위 디렉터리가 기본적으로 생성됩니다. 디렉토리 구조의 품질은 시청자에게 큰 영향을 미치지 않지만 사이트 자체의 업로드 및 유지 관리는 물론 향후 콘텐츠의 확장 및 이식에 중요한 영향을 미칩니다. 다음은 디렉토리 구조 설정을 위한 몇 가지 제안 사항입니다:
1. 모든 파일을 루트 디렉토리에 저장하지 마십시오. 그러면 파일 관리에 혼란이 생길 수 있습니다.
어떤 파일이 무엇인지 알 수 없는 경우가 많습니다. 편집이 필요한 파일, 삭제될 수 있는 파일, 업무 효율성에 영향을 미치는 관련 파일을 업데이트합니다. 게다가 업로드 속도도 느립니다. 서버는 일반적으로 루트 디렉터리에 대한 파일 인덱스를 생성합니다. 모든 파일을 루트 디렉터리에 저장하면 하나의 파일만 업로드하고 업데이트하더라도 서버는 모든 파일을 다시 검색하여 새 인덱스 파일을 생성해야 합니다. 당연히 파일 크기가 클수록 대기 시간이 길어집니다. 따라서 루트 디렉터리에 저장되는 파일 수를 최대한 줄이십시오.
2. 열 내용에 따라 하위 디렉터리를 만듭니다.
하위 디렉터리를 만들려면 먼저 기본 메뉴 열에 따라 만듭니다. 예를 들어, 기업 웹사이트는 회사 프로필, 제품 소개, 가격, 온라인 주문, 피드백 연락처 등을 기반으로 해당 디렉토리를 설정할 수 있습니다. 새로운 기능과 같은 기타 보조 열에는 보다 친숙한 링크가 있으며 자주 업데이트해야 하므로 독립적인 하위 디렉터리를 만들 수 있습니다. 관련성이 높으며 자주 업데이트할 필요가 없는 일부 열(예: 이 사이트 정보, 웹마스터 정보, 사이트 경험 정보 등)은 병합되어 통합 디렉토리에 배치될 수 있습니다. 모든 프로그램은 일반적으로 특정 디렉토리에 저장됩니다. 예를 들어, CGI 프로그램은 cgi-bin 디렉토리에 있습니다. 또한 다운로드해야 하는 모든 콘텐츠를 하나의 디렉터리에 저장하는 것이 가장 좋습니다.
3. 각 기본 열 디렉터리 아래에 독립적인 이미지 디렉터리를 만듭니다.
각 기본 열에 대해 독립적인 이미지 디렉터리를 만드는 것이 가장 편리합니다. 루트 디렉터리의 이미지 디렉터리는 홈페이지와 일부 보조 열에 사진을 저장하는 데에만 사용됩니다.
4. 디렉터리 수준은 너무 깊어서는 안 됩니다.
간편한 유지 관리를 위해 디렉터리 수준은 3개 수준을 초과하지 않는 것이 좋습니다.
5. 중국어 디렉터리를 사용하지 마세요
6. 너무 긴 디렉터리를 사용하지 마세요
5. 웹사이트의 링크 구조를 결정하세요
< p>웹사이트 링크 구조는 페이지 간 링크의 토폴로지를 나타냅니다. 이는 디렉토리 구조를 기반으로 하지만 디렉토리에 걸쳐 있을 수 있습니다. 웹사이트의 링크 구조를 설정하는 두 가지 기본 방법이 있습니다:1. 트리 링크 구조
홈 페이지 링크는 1단계를 가리킵니다. 페이지, 첫 번째 수준 페이지 링크는 두 번째 수준 페이지를 가리킵니다. 이러한 링크 구조를 탐색할 때 한 수준에 들어가고 한 수준에서 나가게 됩니다. 장점은 명확하게 정리되어 있어 방문객들이 자신이 어디에 있는지 정확히 알 수 있어 길을 잃지 않을 것이라는 점입니다. 단점은 한 열 아래의 서브페이지부터 다른 열 아래의 서브페이지까지 홈페이지를 돌아다녀야 한다는 점입니다.
2. 스타 링크 구조
네트워크 서버의 링크와 유사하게 각 페이지는 서로 링크를 가지고 있습니다. 이 링크 구조의 장점은 탐색이 쉽고 언제든지 즐겨찾는 페이지로 이동할 수 있다는 것입니다. 단점은 링크가 너무 많아서 시청자가 자신이 어디에 있는지, 얼마나 많은 콘텐츠를 읽었는지 쉽게 혼란스러워할 수 있다는 것입니다.
이 두 가지 기본 구조는 이상적인 방법 일 뿐이며 실제 웹 사이트 디자인에서는 항상 이 두 가지 구조를 혼합하여 사용하여 더 이상적인 결과를 얻습니다. 더 나은 해결책은 홈페이지와 첫 번째 수준 페이지 사이에 스타 링크 구조를 사용하고, 첫 번째 수준과 하위 수준 페이지 사이에 트리 링크 구조를 사용하는 것입니다.
6. 웹사이트의 전체적인 스타일을 디자인하세요
스타일(style)은 추상적이며 사이트의 전체적인 이미지가 보는 사람에게 주는 종합적인 느낌을 말합니다. 이 "전체 이미지"에는 사이트의 CI(로고, 색상, 글꼴, 슬로건), 레이아웃, 탐색 방법, 상호 작용성, 텍스트, 톤, 콘텐츠 가치, 존재 의미, 사이트 명예 및 기타 여러 요소가 포함됩니다. 예를 들어, NetEase는 접근하기 쉽고, Disney는 활기차고, IBM은 전문적이고 진지하다고 생각합니다. 이러한 것들이 웹사이트가 사람들에게 주는 느낌입니다.
스타일은 독특하며 이 사이트를 다른 사이트와 다르게 만드는 요소입니다. 또는 색상이나 기술, 상호 작용 방법을 통해 시청자가 이것이 귀하의 웹사이트에 고유하다는 것을 명확하게 구분할 수 있습니다. 예를 들어, New Century Network의 흑백 페이지와 NetEase 배경화면 웹사이트의 고유한 프레임은 한 페이지만 보더라도 어느 웹사이트에서 왔는지 알 수 있습니다.
스타일은 인간이다. 사이트의 성격과 분위기는 외관, 내용, 텍스트, 커뮤니케이션으로 요약할 수 있습니다. 그것은 온유하고 우아하며, 끈기 있고 열정적이며, 활기차고 변화무쌍하며, 자유방임적입니다. 시에 나오는 '대담한 학교'와 '우아한 학교'처럼 인간의 성격을 비교하여 사이트를 비교할 수 있습니다. 웹사이트 스타일을 구축하는 방법은 무엇입니까? 이를 다음 단계로 나눌 수 있습니다.
1. 스타일이 가치 있는 콘텐츠를 기반으로 하는지 확인하세요.
스타일은 있지만 콘텐츠가 없는 웹사이트는 가방이 달린 수 놓은 베개와 같습니다. 거만하지만 글을 모르는 사람처럼. 가장 기본인 콘텐츠의 품질과 가치를 먼저 확보해야 합니다.
2. 사이트가 사람들에게 어떤 인상을 주기를 원하는지 철저히 이해해야 합니다.
다음 측면에서 아이디어를 명확히 할 수 있습니다.
a. 귀하의 사이트를 설명하려면 한 문장만 사용하십시오. ()
참조 답변: 창의적, 전문적, (기술적) 강점, 심미적, 영향력 있음
b .생각하기 웹사이트에서 떠오르는 색상은 다음과 같습니다: ()
참고 답변: 열정적인 빨간색, 환상적인 하늘색, 스마트한 황금색
c.당신의 생각 연상될 수 있는 그림 ()
참고 답변: 조간신문, 페라리 스포츠카, 붐비는 광장, 식료품점
d. 그의 성격은: ()
참고 답변: 성숙한 중년 남성, 거칠고 자유로운 카우보이, 자신감 있고 정직한 기업가
e. 사람들에게 주고 싶은 인상은 다음과 같습니다: ()
참고 답변: 헌신적, 진지함, 깊이 있음, 책임감 있음, 순수함, 솔직함, 여성
f. 가장 닮았다: ()
참고 답변: 고양이(신비하고 고귀함), 독수리(예리한 시력), 토끼(똑똑하고 예민함), 사자(자신감 있고 권위 있음)
g. 시청자들이 생각하는 타사이트와의 차이점은 ()
참고답변:신뢰도가 높다, 정보가 빠르다, 소통이 쉽다,
h. 시청자가 소통하고 협력한다는 느낌이다. : ()
참고 답변: 교사와 학생, 동료, 친구, 노인과 어린이.
먼저 답변을 직접 작성하신 후 다른 네티즌들이 답변을 작성하도록 하셔도 됩니다. 비교 결과는 귀하의 웹사이트에서 현재의 격차, 약점 및 개선이 필요한 영역을 알려줍니다.
3. 웹사이트 노출을 명확히 한 후 이 노출을 확립하고 강화하기 위해 열심히 노력하세요.
노출의 '정량화' 두 번째 단계 후에는 가장 중요한 것은 웹사이트의 스타일을 가장 잘 반영하는 것입니다. 그리고 이를 웹사이트의 기능으로 활용하여 이를 강화하고 홍보하는데 집중합니다. 다음 방법을 참고로 사용할 수 있습니다.
(1) 가능한 모든 페이지에 로고를 배치하세요. 또는 머리글, 바닥글 또는 배경.
(2) 표준 색상을 강조 표시합니다. 텍스트의 링크 색상, 그림의 메인 색상, 배경색, 테두리 등의 색상은 최대한 표준 색상과 일치하도록 합니다.
(3) 표준 글꼴을 강조 표시합니다. 주요 제목, 메뉴, 이미지에 통합된 표준 글꼴을 사용하세요.
(4) 눈길을 끄는 판촉 슬로건을 생각해 보세요. 배너에 넣거나 눈에 잘 띄는 위치에 배치하여 웹사이트의 기능이 무엇인지 모든 사람에게 알립니다.
(5) 통일된 어조와 사람을 사용하십시오. 여러 사람이 함께 작업하여 유지 관리한다고 해도 독자는 같은 사람이 썼다는 느낌을 받아야 합니다.
(6) 통합된 이미지 처리 효과를 사용합니다. 예를 들어 그림자 효과의 방향, 굵기, 흐림 등이 동일해야 합니다.
(7) 사이트에 고유한 기호나 아이콘을 만듭니다.
(8) 자신이 디자인한 레이스, 선, 점을 사용하세요.
(9) 웹사이트의 명예와 성공적인 성과를 보여주세요.
(10) 네티즌들에게 당신의 솔직한 이야기와 생각을 들려주세요. 스타일의 형성은 한번에 결정되는 것이 아니라 실제로 지속적으로 강화하고 조정하고 수정할 수 있습니다.
7. 요약:
웹사이트 디자인은 무한한 매력으로 가득 차 있으며, 하나의 기사만으로는 그 신비를 다 풀 수 없습니다. 이 디자인 아이디어는 모든 디자이너에게 완전히 적합하지 않을 수도 있고 다양한 디자인의 실제 상황에 완전히 적합하지 않을 수도 있습니다. 자비로운 사람은 자비를 보고, 현명한 사람은 지혜를 봅니다. 여러분과 저에게서 더 좋은 웹사이트가 많이 만들어지기를 바랍니다. 기사 내용에 오류가 있으면 비판하고 정정해 주시기 바랍니다.
8. 참고문헌
1. "웹 타이틀 제작 기술 및 사례" - Lu Shaohua - Tsinghua University Press
2. to Master"--Cheng Dong et al 번역--전자 산업 언론
3. "웹 사용성 디자인"--[미국] Jakob Nielsen 저--People's Posts and Telecommunications Press
4. "웹사이트 아키텍처와 예술의 황금빛 조합" - Tianlan Studio 작성 - People's Posts and Telecommunications Publishing House
5. "웹페이지 디자인 및 웹사이트 개발---HTML 웹페이지 제작 및 완전한 웹사이트 개발 실행"- -Wu Fanhua--항공 산업 언론
6. "광고 제작"--Fan Zhiyu--People's Posts and Telecommunications Press
상위 1: 결정 웹사이트 테마
< p>웹사이트를 구축하기 위해 가장 먼저 해결해야 할 것은 웹사이트의 콘텐츠, 즉 웹사이트의 테마를 결정하는 것입니다. 미국의 "PC Magazine"은 1999년에 10개 카테고리로 미국에서 가장 유명한 100대 웹사이트를 선정했습니다. 카테고리 1: 온라인 구직, 카테고리 2: 온라인 채팅/인스턴트 메시징/ICQ; 메일링 리스트, 카테고리 5: 웹 페이지/웹사이트 개발, 카테고리 7: 여행, 카테고리 9: 라이프스타일/교육 위의 분류를 참고하여 계속해서 세분화해 나갈 수 있습니다. 어떤 면에 관심이 있거나 정보가 많다면 관심 있는 것을 만들 수도 있습니다. 첫째, 자신만의 의견을 갖고 자신만의 특징을 만들 수 있습니다. 둘째, 그럴 때 걱정할 필요가 없습니다. 웹사이트를 만드는 것이 지루하거나 부담스러울 수도 있습니다. 관심은 웹사이트를 만드는 원동력입니다. 창의적인 열정 없이는 훌륭한 작품을 디자인하고 제작하기 어렵습니다.콘텐츠 주제 선택은 작고 정확해야 하며 주제 위치도 작고 내용도 정확해야 합니다. 모든 것을 포함하는 웹사이트를 만들려고 하지 마세요. 웹사이트의 특성을 잃게 되고, 노동 강도가 높아지며, 적시에 웹사이트를 업데이트하기 어렵게 됩니다. 기억하세요: 인터넷에는 1위만 있고 2위는 없습니다!
상위 2: 좋은 도메인 이름을 선택하세요
도메인 이름은 인터넷에 있는 웹사이트의 이름입니다. 상품홍보를 목적으로 하지 않는 순수한 정보서비스 홈페이지의 경우, 그 구축의 모든 가치는 홈페이지 도메인명에 응축되어 있습니다. 이 도메인 이름을 잃으면 모든 사전 작업이 물거품이 됩니다.
현재 많은 개인 웹사이트는 무료 개인 공간에 의존하고 있으며 해당 도메인 이름도 NetEase의 가상 도메인 이름 서비스와 같은 무료 도메인 이름 지정에 의존하고 있으며 이는 실제로 홍보 및 개발에 매우 해롭습니다. 개인 웹사이트의 경우 뿐만 아니라, '적절한 시간에' 열리는 창은 보는 사람의 시각과 인상을 방해하여 한눈에 개인 웹사이트임을 알 수 있게 하며, 웹페이지의 전송 속도도 방해합니다. 그러므로 개인적인 관점에서는 우선 돈을 들여 도메인 이름을 등록하는 것이 좋습니다. 도메인 이름은 생생하고 단순하며 기억하기 쉬워야 합니다.
상위 3: 네트워크 구축 도구의 마스터
네트워크 기술의 발전은 소프트웨어 산업의 발전을 가져왔기 때문에 웹 페이지를 만드는 데 사용되는 도구와 소프트웨어가 점점 더 많아지고 있습니다. 풍족한. 가장 기본적인 HTML 편집기부터 매우 인기 있는 Flash 대화형 웹 페이지 생성 도구까지 다양한 웹 페이지 생성 도구가 있습니다. 다음은 몇 가지 대표적인 웹 페이지 빌더입니다.
(1) HTML 편집기. HTML 코드는 복잡하고 편집 및 디버깅에 많은 시간이 걸리지만 HTML은 안정성, 광범위한 지원 및 복잡한 페이지 효과를 만드는 기능으로 인해 여전히 고급 웹 페이지 제작자가 선호합니다. 현재 선택할 수 있는 편집기는 다양합니다. 이러한 편집기는 복잡한 페이지 생성 및 고급 HTML 사양을 광범위하게 지원하며, 가장 일반적으로 사용되는 편집기는 Hotdog와 같은 전문 HTML 편집기입니다.
(2) WYSIWYG 웹페이지 편집기. 그중에서도 워드와 같은 조작 인터페이스를 갖춘 마이크로소프트 프론트페이지가 대표적이다. 워드 기능에 익숙한 운영자는 약간의 교육만으로도 쉽게 웹페이지를 만들 수 있다.
또한 Frontpage는 웹 페이지의 HTML 소스 코드를 구문 분석하고 미리보기 지원을 제공할 수도 있습니다. 그러나 Frontpage의 일부 특수 표시 기능은 IE가 아닌 다른 브라우저에서는 구현할 수 없습니다. 따라서 Frontpage는 초보자와 중급 웹 페이지 개발자에게 매우 적합한 도구 소프트웨어입니다.
(3) Macromedia에서 제작한 매우 인기 있는 Flash 대화형 웹 페이지 제작 도구입니다. 이것은 매우 강력한 대화형 벡터 멀티미디어 웹 페이지 제작 도구입니다. 다양한 애니메이션 웹 페이지를 쉽게 출력할 수 있으며, 특별히 복잡한 작업이 필요하지 않으며 JAVA보다 작고 강력합니다! 하지만 애니메이션 효과, 인터랙티브 효과, 멀티미디어 효과는 훌륭합니다. 또한 Flash 애니메이션에서 MP3 음악을 캡슐화하고 양식을 채울 수도 있으며 Flash로 컴파일된 웹 페이지 파일은 일반 웹 페이지 파일보다 훨씬 작기 때문에 탐색 속도가 크게 빨라집니다. 이것은 동적 웹 제작에 매우 적합한 도구입니다.
또한 개인 웹사이트 제작자는 W3C의 HTML4.0 사양, CSS 캐스케이딩 스타일 시트에 대한 기본 지식, 자바스크립트 및 VBScript에 대한 기본 지식도 이해해야 합니다. 또한 ASP, CGI, PHP 등 일반적으로 사용되는 일부 스크립트 프로그램에 대한 올바른 이해가 있어야 하며, 그래픽 처리 도구, 애니메이션 제작 도구 및 벡터 그리기 도구를 능숙하게 사용해야 합니다. 다양한 그래픽 및 이미지 애니메이션 도구를 숙지하고 이를 능숙하게 사용하는 능력과 이에 상응하는 소프트웨어, 하드웨어 및 네트워크 지식도 필요합니다.
물론 인터넷은 여전히 무료 데이터베이스이다. 웹페이지를 편집하려면 다양한 버튼, 배경, 다양한 그래픽과 그림이 필요합니다. 이 모든 것을 혼자서 해야 한다면 시간과 돈이 낭비될 뿐 아니라 강력한 그래픽과 영상 제작 기술도 필요합니다. 따라서 이러한 문제를 해결하기 위해 웹사이트 제작자는 다양하고 정교하고 실용적인 사진, 버튼, 배경 및 기타 웹페이지 자료를 인터넷에서 다운로드할 수 있습니다.
팁 4: 웹사이트 인터페이스 결정
인터페이스는 웹사이트에 대한 시청자의 첫인상이며 웹사이트의 인터페이스를 결정할 때 웹사이트의 가시성을 결정하는 경우가 많습니다. , 다음 세 가지에 주의하세요. 포인트:
1 열과 섹션 배열
웹사이트 구축은 에세이 작성과 같습니다. 먼저 주제가 잘 드러나도록 주제의 윤곽을 잡아야 합니다. 명확하고 수준도 명확합니다. 웹사이트 구축을 처음 시작하는 분들이 저지르는 가장 흔한 실수는 적절한 기획 없이 테마를 정한 후 곧바로 제작에 착수하는 것입니다. 그 결과, 웹사이트 구조가 불분명하고, 디렉토리가 복잡하고 혼란스러우며, 섹션 레이아웃도 혼란스럽습니다. 이로 인해 시청자들이 혼란을 겪을 뿐만 아니라, 창작자 스스로도 웹사이트를 확장하고 유지하는 데 매우 어려움을 겪고 있습니다. 따라서 웹 페이지 제작을 시작하기 전에 열과 섹션의 배열을 고려해야 합니다.
웹사이트의 주제가 결정된 후에는 수집된 정보를 합리적으로 정리하는 것이 필요합니다. 예를 들어, 가장 매력적인 콘텐츠를 가장 눈에 띄는 위치에 배치하거나 레이아웃을 장악하세요. 칼럼의 본질은 웹사이트의 개요 색인이며, 색인은 웹사이트의 본문을 명확하게 표시해야 합니다. 컬럼을 구성할 때에는 신중하게 고려하고 합리적으로 배열해야 합니다. 열을 배열할 때는 다음 사항에 주의해야 합니다.
● 주제와 관련 없는 열은 최대한 삭제하세요.
● 가장 가치 있는 내용을 나열하세요.
● 사이트 소개, 저작권 정보, 개인 정보 등 방문자의 탐색 및 조회가 용이하도록 가능한 한 방문자의 관점에서 항목을 배열합니다. 테마 희석을 피하기 위해 메인 컬럼에 배치할 필요는 없습니다.
또한 섹션의 배치와 설정도 합리적으로 배치되고 구분되어야 합니다. 섹션의 개념은 열보다 크며 각 섹션에는 자체 열이 있습니다. 예: ENET Silicon Valley Power(www.enet.com.cn)의 웹사이트는 뉴스, 제품, 게임, 대학 등의 섹션으로 나누어져 있습니다. 일반적으로 개인 웹사이트는 콘텐츠가 적고 섹션을 따로 설정할 필요 없이 열로 나누는 것만으로도 충분합니다.
섹션을 설정해야 하는 경우 다음 사항에 주의해야 합니다.
●각 섹션은 상대적으로 독립적이어야 합니다.
●각 섹션은 상호 연관되어야 합니다.
●각 섹션은 상대적으로 독립적이어야 합니다. 섹션의 내용은 사이트 주제에 초점을 맞춰야 합니다.
2디렉토리 구조 및 링크 구조
웹사이트의 디렉토리는 웹사이트가 구축될 때 생성되는 디렉토리입니다. 예: Frontpage를 사용하여 웹 사이트를 구축할 때 기본적으로 루트 디렉터리와 이미지 하위 디렉터리가 생성됩니다. 디렉토리의 구조는 대부분의 웹마스터가 계획 없이 마음대로 하위 디렉토리를 만드는 문제입니다. 디렉토리 구조의 품질은 시청자에게 큰 영향을 미치지는 않지만 사이트 자체의 유지 관리와 향후 콘텐츠의 확장 및 이식에 중요한 영향을 미칩니다. 따라서 디렉토리 구조를 설정할 때 다음과 같이 주의 깊게 배열해야 합니다.
●모든 파일을 루트 디렉토리에 저장하지 마십시오. 일부 웹 사이트 개발자는 편의를 위해 모든 파일을 루트 디렉터리에 배치합니다. 이로 인해 쉽게 발생할 수 있는 문제는 다음과 같습니다. 혼란스러운 파일 관리, 어떤 파일을 편집하고 업데이트해야 하는지, 어떤 쓸모 없는 파일을 삭제할 수 있는지, 어떤 관련 파일이 있는지에 대한 혼란으로 인해 작업 효율성이 느려지고 서버가 일반적으로 생성됩니다. 루트 디렉터리 파일 인덱스의 경우 모든 파일이 루트 디렉터리에 있으면 파일이 하나만 업로드되고 업데이트되더라도 서버는 모든 파일을 다시 검색하여 새 인덱스 파일을 생성해야 합니다. 파일 크기가 클수록 대기 시간도 길어집니다.
●열 내용을 기반으로 하위 디렉터리를 만듭니다. 하위 디렉터리를 만들려면 먼저 기본 열에 따라 만듭니다. 친숙한 링크에는 콘텐츠가 많고 자주 업데이트해야 하며 독립적인 하위 디렉터리를 만들 수 있습니다. 웹사이트 소개, 웹마스터 현황 등 관련성이 높고 자주 업데이트할 필요가 없는 일부 열을 병합하여 통합된 디렉터리에 배치할 수 있습니다. 모든 프로그램은 일반적으로 특정 디렉토리에 저장됩니다. 예를 들어 CGI 프로그램은 cgi-bin 디렉토리에 저장되며, 다운로드 가능한 모든 콘텐츠는 유지 관리를 용이하게 하기 위해 하나의 디렉토리에 배치하는 것이 가장 좋습니다.
●각 홈 디렉터리에 독립적인 Images 디렉터리를 만듭니다. 일반적으로 사이트의 루트 디렉터리에는 기본 Images 디렉터리가 있습니다. 이 디렉토리에 모든 사진을 저장하는 것은 매우 불편합니다. 예를 들어 열이 삭제되면 사진 관리가 상당히 번거롭습니다. 따라서 각 메인 컬럼에 대해 독립적인 Images 디렉토리를 구축하는 것이 관리에 편리합니다. 그 이유는 간단합니다. 유지 관리가 용이하기 때문입니다.
기타 주의할 사항은 다음과 같습니다. 디렉터리 수준은 너무 깊어서는 안 되며, 3개 수준을 넘지 않아야 합니다. 중국어 디렉터리를 사용하면 URL이 올바르게 표시되지 않을 수 있습니다. 너무 긴 디렉토리. 너무 긴 디렉토리 이름은 기억하기 어렵습니다. 기억과 관리를 용이하게 하기 위해 명확한 의미를 지닌 디렉토리를 사용하십시오.
웹사이트의 링크 구조는 페이지 간 링크의 토폴로지 구조를 말합니다. 이는 디렉토리 구조를 기반으로 하지만 디렉토리에 걸쳐 있을 수 있습니다. 비유적으로 말하면 각 페이지는 고정된 지점이고 링크는 두 고정된 지점 사이의 연결입니다. 한 점은 한 점에 연결될 수도 있고 여러 점에 연결될 수도 있습니다. 더 중요한 점은 이러한 점들이 평면에 분포되어 있지 않고 3차원 공간에 존재한다는 점입니다. 일반적으로 웹사이트의 링크 구조를 설정하는 기본 방법은 두 가지가 있습니다.
●트리 링크 구조(일대일)는 DOS의 디렉토리 구조와 유사합니다. 첫 번째 수준 페이지 및 첫 번째 수준 페이지 링크는 보조 페이지를 가리킵니다. 이러한 링크 구조를 사용하면 한 단계에 들어가고 한 단계에서 나옵니다. 방문자는 자신이 어디에 있는지 명확하게 알 수 있지만 탐색 효율성이 낮습니다. 다른 열의 하위 페이지를 보려면 홈 페이지로 돌아가야 합니다.
●스타 링크 구조(일대다)는 네트워크 서버 링크와 유사하며 각 페이지는 서로 링크를 가지고 있습니다. 이를 통해 탐색이 더욱 편리해지고 언제든지 즐겨찾는 페이지에 접근할 수 있습니다. 그러나 링크가 너무 많기 때문에 시청자는 자신이 어디에 있는지, 얼마나 많은 콘텐츠를 읽었는지 헷갈리고 혼란스러워하기 쉽습니다.
따라서 실제 웹사이트 디자인에서는 이 두 가지 구조가 항상 혼합되어 있습니다. 웹사이트는 방문자가 필요한 페이지에 빠르고 쉽게 접근하고 자신의 위치를 명확하게 알 수 있기를 바랍니다.
따라서 홈페이지와 1차 페이지 사이에는 스타 링크 구조를, 1차 페이지와 2차 페이지 사이에는 트리 링크 구조를 사용하는 것이 가장 좋은 방법이다. 링크 구조의 디자인은 실제 웹페이지 제작에 있어서 매우 중요한 부분으로 어떤 링크 구조를 사용하느냐가 페이지 레이아웃에 직접적인 영향을 미칩니다.
3이미지 디자인 수행
웹사이트 디자인은 다음 사항부터 시작할 수 있습니다.
●웹사이트 로고(LOGO)를 디자인합니다. 로고는 웹사이트의 로고를 의미하며, 로고는 중국어나 영문자일 수도 있고 기호, 패턴 등일 수도 있습니다. 로고의 디자인 아이디어는 웹사이트의 이름과 콘텐츠에서 나와야 합니다. 예를 들어, 웹사이트에 대표적인 캐릭터, 동물, 식물이 있다면 이를 디자인 도면으로 활용하여 만화적이거나 예술적으로 만들 수 있습니다. 전문 웹사이트에서는 해당 직업의 대표적인 항목을 로고로 사용할 수 있습니다. 가장 일반적이고 간단한 방법은 웹사이트의 영문 이름을 로고로 사용하는 것입니다. 다양한 글꼴, 문자 변형, 문자 조합을 사용하여 쉽게 나만의 로고를 만들 수 있습니다.
●웹사이트 색상을 디자인합니다. 웹사이트의 첫인상은 시각적 효과에서 비롯됩니다. 다양한 색상 조합은 다양한 효과를 만들어내며 방문자의 감정에 영향을 미칠 수 있습니다. '표준색상'이란 홈페이지의 이미지와 확장된 의미를 반영할 수 있는 색상을 말하며, 홈페이지의 로고, 타이틀, 메인메뉴, 메인컬러블럭 등에 사용됩니다. 전체적인 통일감을 줍니다. 다른 색상도 사용할 수 있지만 장식이나 박으로만 사용해야 하며 스포트라이트를 차지해서는 안 됩니다. 일반적으로 웹사이트의 표준 색상은 3가지를 넘지 않아야 합니다. 색상이 너무 많으면 눈부실 것입니다. 웹 페이지의 표준 색상에 적합한 색상은 파란색, 노란색/주황색, 검정색/회색/흰색 세 가지 색상입니다.
●웹사이트 글꼴을 디자인합니다. 표준 글꼴은 표준 색상과 마찬가지로 로고, 제목, 기본 메뉴에 사용되는 고유한 글꼴을 의미합니다. 일반 웹페이지의 기본 글꼴은 Song Dynamise입니다. 사이트의 "차이점"과 고유한 스타일을 반영하기 위해 필요에 따라 특수 글꼴을 선택할 수 있습니다. 창작자는 자신의 웹사이트에 표현된 의미에 따라 보다 적절한 글꼴을 선택할 수 있습니다. 기본이 아닌 글꼴은 그림 형태로만 사용할 수 있다는 점에 유의해야 합니다. 브라우저에 컴퓨터에 특수 글꼴이 설치되어 있지 않을 가능성이 높기 때문에 디자인과 제작의 노력이 헛될 수 있기 때문입니다.
●웹사이트 슬로건을 디자인합니다. 이는 웹사이트의 정신이자 주제이자 중심, 또는 웹사이트의 목표라고도 할 수 있는데, 이는 한 문장이나 한 단어로 고도로 요약될 수 있습니다. 강력한 단어나 단어를 사용하여 웹사이트를 요약하고 외부 홍보를 수행하면 더 나은 결과를 얻을 수 있습니다.