웹사이트를 HTML5 표준 웹사이트로 수정하는 방법은 무엇입니까?

웹사이트를 흥미롭게 만들기 위한 팁, 피해야 할 사항, 사용해야 할 소프트웨어 도구, 좋아하고 싫어하는 웹사이트에 대해 알려드립니다.

01 콘텐츠를 명확하게 하세요

웹사이트 디자이너가 되어 웹사이트를 구축하고 싶다면 먼저 웹사이트의 기능과 사용자가 무엇을 원하는지 등 웹사이트의 콘텐츠를 고려해야 합니다. 필요. . 전체 디자인은 이러한 측면을 중심으로 이루어져야 합니다.

02 사용자 확보

사용자가 웹사이트에 빠르게 진입하지 못하거나, 운영이 불편하다면 웹사이트 디자인은 실패하게 됩니다. 경쟁사의 웹사이트로 전환하여 사용자를 실망시키지 마십시오.

03 콘텐츠 최적화

콘텐츠가 핵심입니다. 약 2년 전만 해도 기업 웹사이트는 마치 광고 브로셔처럼 보였습니다. 설상가상으로 해당 웹사이트는 다운로드하는 데 수백 년이 걸릴 것 같은 이미지를 많이 사용했습니다. 샤넬스 홈페이지(www.channels.co.uk)는 디자인적으로는 어느 정도 성공을 거뒀지만, 콘텐츠가 너무 빈약하고 원하는 것을 찾는 데 시간이 너무 오래 걸려서 성공적인 홈페이지라고 볼 수는 없습니다.

04 빠른 다운로드

다운로드하는 데 시간이 오래 걸리는 페이지보다 더 나쁜 것은 없습니다. 경험상 표준 웹 페이지는 60K보다 작아야 하며 56K 모뎀을 통해 로드하는 데 30초가 걸립니다. 일부 디자이너는 웹페이지가 15초 이내에 로드되어야 한다고 말합니다.

05 홈페이지 업그레이드

홈페이지 운영상태에 항상 주의하시기 바랍니다. 성능이 좋은 호스트는 방문자 수가 증가함에 따라 느리게 실행될 수 있습니다. 그러나 방문자를 잃고 싶지 않다면 업그레이드를 신중하게 계획하십시오.

06 기본 원칙을 지킨다

HTML 언어를 이해하지 못하더라도 Adobe Page Mill이나 Microsoft Front 등 저작권이 있는 WYSIWYG 웹 디자인 도구만 구입하면 됩니다. 페이지 익스프레스, 합리적으로 보이는 웹사이트를 만들기 위해. 그러나 의도적으로 이러한 패키지는 HTML이 필요하지 않음에도 불구하고 사이트 속도를 저하시켰습니다. 웹사이트를 성공적으로 디자인하려면 HTML이 어떻게 작동하는지 이해해야 합니다. 대부분의 웹 사이트 디자이너는 인터넷 초보자가 HTML에 관한 책에서 답을 찾고 메모장을 사용하여 웹 페이지를 만들어야 한다고 제안합니다.

07 HTML 배우기

HTML을 사용하여 웹사이트를 디자인하면 전체 디자인 프로세스를 제어할 수 있습니다. 그러나 웹사이트 디자인이 처음이라면 HTML을 수정할 수 있는 소프트웨어 패키지를 찾아야 합니다. HomeSite4는 훌륭한 웹 디자인 도구입니다. 디자인 과정에서 HomeSite4는 HTML 학습에 도움을 줄 수 있습니다. 또한 WYSIWYG 모드로 전환하여 사이트를 웹으로 보내기 전에 미리 볼 수 있습니다.

08 펜을 사용하여 웹사이트의 틀을 그립니다

현자는 말했습니다: 펜은 칼보다 강력합니다. 컴퓨터를 사용하기 전에 펜을 사용하여 웹사이트의 틀을 그려 모든 웹페이지의 상호관계를 보여줍니다. 사용자가 최소한의 시간에 사이트를 탐색할 방법을 계획하십시오.

09 "컴퓨터에서는 결코 좋은 해결책을 찾을 수 없습니다." ——전문가의 조언

10 사이트 맵

많은 디자이너가 사이트 맵을 웹사이트에 게시하지만 이러한 접근 방식은 득보다 실이 더 많습니다. 대다수의 방문자는 특정 정보를 찾기 위해 온라인에 접속하며 귀하의 웹사이트가 어떻게 작동하는지에는 관심이 없습니다. 웹사이트에 지도가 필요하다고 생각되면 탐색 및 도구 모음을 개선해야 할 가능성이 높습니다.

11 “눈을 크게 뜨고 모든 것을 알아보세요.”

“가장 관련 없는 것들을 살펴보는 것에서 최고의 영감을 얻을 수 있습니다. 사이트 디자인의 구조를 살펴보세요. 사이트 구조의 핵심 요소를 이해하고 사이트 탐색 중심으로 디자인하도록 하세요." - 전문가 조언

12클릭 규칙

3클릭에 대해 들어보신 적이 있나요? 규칙? ? 소규모 웹사이트의 경우 홈페이지 정보에 3번 이상의 클릭이 필요하지 않습니다. 대규모 사이트의 경우 탐색 및 도구 모음을 사용하여 작업을 개선하세요.

특수 글꼴의 13가지 응용

HTML에 특수 글꼴을 사용할 수 있지만 방문자가 컴퓨터에서 무엇을 보게 될지 예측하는 것은 불가능합니다.

귀하의 컴퓨터에서는 멋지게 보이는 페이지가 다른 플랫폼에서는 형편없어 보일 수도 있습니다. 일부 웹 사이트 디자이너는 사용자 정의 글꼴을 사용하기를 좋아합니다. 이 경우 특수 글꼴을 사용할 수 있지만 선택한 글꼴이 방문자의 컴퓨터에 표시되지 않는 경우에는 여전히 몇 가지 해결 방법이 필요합니다. CSS(Cascading Style Sheet)는 이러한 문제를 해결하는 데 도움이 되지만 최신 브라우저에서만 CSS를 지원합니다.

14 "실용적이고 간단한 명명 규칙을 사용하세요." - 전문가의 조언

15 오타를 확인하세요

좋은 철자는 사람들의 삶에서 중요한 기술입니다. 그러나 불행하게도 많은 디자이너들은 이러한 기술이 부족합니다. 철자를 정확하게 입력하고 일반적인 오타에 특히 주의하세요.

16. 긴 텍스트 페이지를 피하세요

사이트에 텍스트 전용 페이지가 많으면 지루하고 웹의 잠재력이 낭비됩니다. 텍스트 기반 문서가 많은 경우 방문자가 오프라인에서 읽을 수 있도록 Adobe Acrobat 형식 파일로 배치해야 합니다.

17 스크롤 막대를 사용하지 마세요

사람들은 온라인에서 스크롤 막대를 사용하는 것을 싫어합니다. Trouble 웹사이트(www.Trouble.co.uk)는 제대로 디자인되지 않은 웹사이트의 전형적인 예입니다. 플로팅 아키텍처를 기반으로 하며 모든 텍스트를 읽으려면 뷰어가 스크롤 막대를 사용해야 합니다.

전문가들이 선호하는 18가지 웹 디자인 도구

1.AdobePhotoshop

2.Macromedia Flash

3.AdobeIllustrator

4.AdobeImageRead

5.Dreamweaver

6.Macromedia Fireworks

7.Allaire Homesites

8.Microsoft 메모장

9.MacromediaDirector

10.Lightw

11.MacromediaFreehand

12. 기타: Adobe Acrobat Exchange, AllaireColdFusion, BBEdit, HTMLValidator 등

19 웹사이트 소개

귀하의 웹사이트가 무엇을 제공할 수 있는지 방문자에게 알려주는 매우 명확한 웹사이트 소개가 있어야 방문자가 원하는 것을 찾을 수 있습니다. 하지만 많은 디자이너들이 이를 실천하지 못하고 있습니다. 효과적인 탐색 및 검색 도구를 사용하면 사람들이 방문자에게 중요한 유용한 정보를 쉽게 찾을 수 있습니다. 방문자에게 그들이 원하는 정확한 정보가 있다는 것을 알려주십시오.