차례:
비디오: 쇼핑몰 상세보기 정보영역 제작하기 - HTML5 + CSS3 2025
새로운 웹 디자이너가 자주 범하는 실수 중 하나는 목표, 우선 순위, 예산 및 디자인 옵션을 모두 고려하지 않고 사이트를 개발하는 것입니다. 본능은 단순히 페이지를 만드는 것부터 시작하여 하나의 큰 디렉토리에 모두 던져 넣은 다음 링크로 물건을 함께 묶는 것입니다. 그런 다음 사용자가 마침내 잠재 고객을 대상으로 테스트를 수행하면 사용자가 사이트를 탐색하기 어렵다고 말하면서 사용자가 사용하려는 페이지를 찾을 수 없다고 종종 놀라게됩니다.
계획을 세우면서 자신에게 은혜를 베풀고 슬픔을 덜어주십시오. 계획을 세우면 유지 관리 및 업데이트가 쉬운 매력적인 웹 사이트를 만들 수있는 기회가 훨씬 더 많이 생깁니다. 웹 디자인의 일반적인 계획 문제를 이해해야합니다. Dreamweaver를 사용하여 개발자 팀을보다 쉽게 관리하고 사이트 동기화 및 통합 전자 메일과 같은 사이트 관리 기능을 최대한 활용하는 방법을 파악해야합니다. 끊어진 링크를 고치려는 불행한 처지에 빠지면 Dreamweaver가 어떻게 쉽게 작업을 수행하는지 잘 알고있을 것입니다. 웹 사이트의 구조를 관리하는 것은 사용자가 보는 측면, 링크를 설정하는 방법에 따라 달라지는 측면, 파일 및 폴더를 구성하는 방법에 따라 좌우되는 측면 등 두 가지 측면이 있습니다.
-사용자가 보는 것
사용자가 보는 측면은 모두 탐색에 관한 것입니다. 사용자가 홈페이지에 도착하면 어디에서 안내합니까? 귀하의 사이트를 어떻게 이동합니까? 훌륭한 웹 사이트는 사용자가 쉽고 직관적으로 탐색하고 가장 관련성이 높은 정보에 대한 경로를 만들 수 있도록 설계되었습니다. 계획대로 사용자가 사이트의 두 곳 이상에서 주요 정보에 쉽게 액세스 할 수 있는지 확인하십시오. 페이지와 섹션간에 앞뒤로 이동하여 한 번에 기본 페이지와 색인으로 돌아갈 수 있는지 확인하십시오. Dreamweaver에서는 링크를 쉽게 설정할 수 있습니다. 문제는 방문자가 쉽게 따라갈 수 있는지 확인하는 것입니다.
볼 수있는 부분
웹 사이트 구조를 관리하는 두 번째 측면은 배경에서 발생합니다 (사용자가 정보를 볼 수 없지만 어떤 조직 시스템이 뭐). Dreamweaver로 사이트를 구축하기에 앞서 사이트에 대해 작성한 모든 파일을 관리하는 데 관련된 관리 문제를 생각해보십시오. 파일 은 모든 이미지, HTML 페이지, 애니메이션, 사운드 파일 및 웹 사이트에 넣은 모든 항목으로 구성됩니다.웹 사이트 용 페이지를 만들 때 별도의 폴더 나 디렉토리에 구성하는 것이 가장 좋습니다.
일부 웹 개발자는 성장하는 웹 사이트에 20 ~ 30 페이지를 가져다가 한 폴더에 모든 파일을 저장하는 것이 실수 였음을 깨닫습니다. 사실 그것은 실수 이상입니다. 엉망이야. 설상가상으로, 사이트가 성장한 후에 새로운 폴더로 이동하기 시작하면 모든 링크를 변경해야합니다. 이 사실을 깨닫지 못하는 사람들은 파일을 움직이기 시작하고 링크가 깨 졌음을 알게되고 어떤 일이 일어나야 하는지를 기억하지 못합니다. 다행히도 Dreamweaver에는 페이지를 이동하거나 새 폴더를 만들 때 링크를 자동으로 수정하는 사이트 관리 도구가 포함되어 있지만 좋은 계획으로 시작하면 나중에 구조를 정리하는 것보다 낫습니다.
처음 몇 페이지를 작성하기 전에 향후 콘텐츠를 추가 할 가능성이 높은 페이지를 생각해보십시오. 사이트에서 원하는 핵심 요소 목록을 작성한 후에는 스토리 보드 또는 개요를 만들 준비가 된 것입니다. 목록 및 개요를 사용하여 성장을 예상하는 사이트의 논리 섹션을 만듭니다. 예를 들어, 모든 직원을 나열하는 한 페이지부터 시작할 수 있습니다. 그러나 직원들이 얼마나 멋진 지 알게 된 후 직원은 자신의 페이지를 개발하고 싶어 할 수 있습니다. 이 경우 직원 페이지 전용 폴더가 별도로 필요할 수 있습니다. 영업 팀에 정보를 제공하는 경우 각 제품에 대해 별도의 섹션을 원할 수 있습니다. 새 섹션을 추가 할 때 새 하위 디렉터리 또는 하위 폴더를 만들어 해당 파일을 저장합니다. 하위 디렉토리를 만들면 여러 사람이 만든 사이트를보다 쉽게 관리 할 수 있습니다. 각 하위 섹션에 별도의 폴더가 있으면 각 개발자는 자신의 파일을 더 잘 관리 할 수 있습니다.
