차례:
- 1Plan - 돈을 지불합니다.
- 초점을 맞추는 데 도움이되는 목표를 정의하십시오.
- 3 마감 시간을 설정하여 끝내십시오.
- 4 청중을 위해 디자인하십시오.
- 5 일관된 디자인을 만드십시오.
- 세 번의 클릭 규칙은 중요한 정보가 웹 사이트의 다른 곳에서 3 번 이상 클릭하지 않아야한다고 규정합니다. 가장 중요한 정보는 가까이에 있어야합니다. 예를 들어, 많은 디자이너는 연락처 정보가 절대로 두 번 이상 클릭해서는 안된다는 데 동의합니다.
- 디자이너는 웹 페이지에서 원하는 글꼴을 사용할 수 있다는 사실을 알게되어 흥분을 느낍니다. 불행히도 웹상의 많은 것들처럼 글꼴을 사용하는 것이 예상보다 복잡합니다.
- Dreamweaver의 모든 기능을 한 곳에서 편리하게 사용할 수 있기를 바랍니다. 할 수있어! 삽입 패널에서 즐겨 찾기 모음을 사용자 정의하기 만하면됩니다.
- Dreamweaver의 [코드] 뷰와 [디자인] 뷰를 서로 전환하려면 소스 코드와 페이지 디자인을 동시에 볼 수 있도록 창을 분할하는 옵션이 좋을 것입니다. 창을 분할하려면 작업 영역의 왼쪽 상단에서 뷰 분할 단추를 선택하십시오.
- 웹 사이트를 백업 할 시스템이 있어야합니다.항상 서버의 모든 파일 복사본을 별도의 위치에 보관하고 최신 버전의 사이트를 항상 백업하도록 정기적으로 업데이트하십시오.
비디오: 코딩이 두려운 웹 디자이너를 위한 PSD → HTML+CSS 2025
좋은 웹 사이트는 모두 성장하고 발전합니다. 강력한 디자인으로 시작하여 인터페이스, 탐색 및 스타일에 대한 몇 가지 기본 규칙에주의를 기울이면보다 나은 기반을 구축 할 수 있습니다. 다음과 같은 디자인 아이디어와 Dreamweaver 팁을 통해 모든 방문자에게 훌륭한 웹 사이트를 만들면서 시간을 절약 할 수 있습니다.
1Plan - 돈을 지불합니다.
웹 사이트를 빠르게 온라인으로 만들도록 압박감을 느끼더라도, 계획을 처음 개발하는 데 약간의 시간이 걸리면 장기적으로 시간을 절약 할 수 있습니다.
월드 와이드 웹은 어디에도 없습니다. 최대한 빨리 사이트를 온라인화해야하는 경우에도 잠재 고객, 비즈니스 및 목표에 진정으로 도움이되는 사이트를 디자인하는 것이 목표이며 계획을 세우는 데 필요한 목표입니다.
초점을 맞추는 데 도움이되는 목표를 정의하십시오.
수백만 명의 방문자를 유치하고 수많은 제품과 서비스를 판매한다는 목표로 웹 사이트를 시작하면 충분하지 않습니다. 목표를 정확하게 말할수록 더 좋은 기회를 얻을 수 있습니다. 당신은 자신을 오직 세 가지 목표로 제한해야합니다.
3 마감 시간을 설정하여 끝내십시오.
웹 사이트를 시작하기 전에 완료해야하는 목표와 작업에 대해 명확한 내용을 확인한 후에는 타임 라인을 만들고 마감 시간을 정해야합니다. 좋은 일을 할 수있는 현실적인 시간표를 주어야하며, 특히 웹 디자인을 처음 접하는 사람이라면 필요한 것보다 더 많은 시간을 감안해야합니다.
혼자서 또는 소규모 팀으로 웹 사이트를 작성하는 경우에도 마감 시간을 정하는 것은 모든 프로젝트 계획에서 가장 중요한 부분 중 하나이며 마무리의 기회를 훨씬 더 많이줍니다. 마감일을 특별한 행사 나 행사에 묶어보십시오.
4 청중을 위해 디자인하십시오.
기술적으로 정교한 웹 사이트가 얼마나 훌륭한 지 또는 글쓰기가 얼마나 훌륭한 지간에 대부분의 사람들이 디자인을 먼저 알아 차립니다. 웹 사이트에 적합하고 매력적인 디자인을 개발할 충분한 시간과 예산을 남겨 둡니다. 올바른 디자인은 잠재 고객에게 가장 적합한 디자인이며 멋진 그래픽과 애니메이션이 많이 필요할 수도 있고 아닐 수도 있습니다.
5 일관된 디자인을 만드십시오.
대부분의 웹 사이트가 가장 효과적이며 일관된 디자인 테마를 따라갈 때 가장 쉽게 탐색 할 수 있습니다. 사례: 대부분의 독자는 책이 디자인을 페이지마다 변경하지 않으며 신문은 헤드 라인 글꼴과 로고를 매일 변경하지 않는다고 당연합니다. 실제로, 많은 사람들이 사용자가 무언가를 '직관적으로 사용한다고 말할 때'라고 주장 할 것입니다. 그들이 진정으로 의미하는 것은 익숙하다는 것입니다.일관성은 독자가 친숙한 사이트를 찾고 스토리 나 일련의 탐색 요소를 쉽게 따라갈 수 있도록 설계에 사용되는 기본 도구 중 하나입니다.
6 세 번의 클릭 규칙을 따릅니다.
세 번의 클릭 규칙은 중요한 정보가 웹 사이트의 다른 곳에서 3 번 이상 클릭하지 않아야한다고 규정합니다. 가장 중요한 정보는 가까이에 있어야합니다. 예를 들어, 많은 디자이너는 연락처 정보가 절대로 두 번 이상 클릭해서는 안된다는 데 동의합니다.
탐색 바 - 사이트의 모든 주요 섹션에 반복되는 귀하의 사이트의 모든 주요 섹션에 대한 링크 집합을 작성하여 시청자가 쉽게 정보를 찾을 수 있습니다. 탐색 모음을 사용하면 방문자가 사이트의 한 섹션에서 다른 섹션으로 쉽게 이동할 수 있습니다. 사이트에 많은 페이지가있는 경우 하위 섹션이있는 섹션으로 구성한 다음 드롭 다운 메뉴를 사용하십시오.
멋진 글꼴을 추가하기 전에 확인하십시오.
디자이너는 웹 페이지에서 원하는 글꼴을 사용할 수 있다는 사실을 알게되어 흥분을 느낍니다. 불행히도 웹상의 많은 것들처럼 글꼴을 사용하는 것이 예상보다 복잡합니다.
예를 들어 자신의 웹 서버에 글꼴을 호스트 할 수있는 권리가 있더라도 Mac 및 Windows 컴퓨터에서 글자를 올바르게 표시하거나 모든 웹 브라우저에서 작동하는 데 필요한 글꼴 변형을 모두 갖고 있지 않을 수도 있습니다. 이것이 대부분의 웹 디자이너가 글꼴 서비스를 사용하는 이유입니다.
자주 사용하는 항목을 자주 사용하십시오.
Dreamweaver의 모든 기능을 한 곳에서 편리하게 사용할 수 있기를 바랍니다. 할 수있어! 삽입 패널에서 즐겨 찾기 모음을 사용자 정의하기 만하면됩니다.
Dreamweaver를 실행하고 [창] → [삽입]을 선택하여 [공용 삽입] 패널을 엽니 다. 삽입 패널에는 구조, 매체, 양식 및 즐겨 찾기가 포함 된 여러 섹션이 있습니다.
삽입 패널의 화살표를 클릭하고 드롭 다운 목록에서 즐겨 찾기를 선택합니다. 즐겨 찾기 옵션은 삽입 패널 드롭 다운 목록 맨 끝에 있습니다.
모든 즐겨 찾는 기능 아이콘으로 즐겨 찾기 패널을 사용자 정의하려면 마우스 오른쪽 버튼을 클릭 (또는 Mac에서는 Control + 클릭)하고 즐겨 찾기 사용자 정의를 선택합니다. 즐겨 찾기 기능을 편리하게 사용할 수있는 편리한 방법으로 즐겨 찾기 삽입 패널을 사용하십시오. 프로그램 기능 모음이 필요한 특수 프로젝트의 경우에도이를 변경할 수 있습니다.
9보기를 분할하십시오.
Dreamweaver의 [코드] 뷰와 [디자인] 뷰를 서로 전환하려면 소스 코드와 페이지 디자인을 동시에 볼 수 있도록 창을 분할하는 옵션이 좋을 것입니다. 창을 분할하려면 작업 영역의 왼쪽 상단에서 뷰 분할 단추를 선택하십시오.
Dreamweaver의 소스 코드는 태그를 내용과 쉽게 구별 할 수 있도록 색상으로 구분되어 있습니다. 분할보기의 또 다른 유용한 기능은 디자인보기에서 페이지의 이미지, 텍스트 또는 다른 요소를 선택하면 코드보기에서 해당 코드가 자동으로 강조 표시된다는 것입니다.
10 웹 사이트를 백업하십시오.
웹 사이트를 백업 할 시스템이 있어야합니다.항상 서버의 모든 파일 복사본을 별도의 위치에 보관하고 최신 버전의 사이트를 항상 백업하도록 정기적으로 업데이트하십시오.
Dreamweaver에서 만든 웹 사이트의 백업을 만들려면 웹 사이트의 모든 파일을 저장하는 사이트 폴더를 복사해야합니다. 이상적으로는 폴더를 외장 하드 드라이브에 복사하거나 온라인 백업 시스템 (웹 서버와 별도로 호스트 됨)에 업로드해야합니다.
