소셜 미디어 Dreamweaver로 사이트 구조 관리하기 - 더미

Dreamweaver로 사이트 구조 관리하기 - 더미

차례:

비디오: 쇼핑몰 상세보기 정보영역 제작하기 - HTML5 + CSS3 2025

비디오: 쇼핑몰 상세보기 정보영역 제작하기 - HTML5 + CSS3 2025
Anonim

새로운 웹 디자이너가 자주 범하는 실수 중 하나는 목표, 우선 순위, 예산 및 디자인 옵션을 모두 고려하지 않고 사이트를 개발하는 것입니다. 본능은 단순히 페이지를 만드는 것부터 시작하여 하나의 큰 디렉토리에 모두 던져 넣은 다음 링크로 물건을 함께 묶는 것입니다. 그런 다음 사용자가 마침내 잠재 고객을 대상으로 테스트를 수행하면 사용자가 사이트를 탐색하기 어렵다고 말하면서 사용자가 사용하려는 페이지를 찾을 수 없다고 종종 놀라게됩니다.

계획을 세우면서 자신에게 은혜를 베풀고 슬픔을 덜어주십시오. 계획을 세우면 유지 관리 및 업데이트가 쉬운 매력적인 웹 사이트를 만들 수있는 기회가 훨씬 더 많이 생깁니다. 웹 디자인의 일반적인 계획 문제를 이해해야합니다. Dreamweaver를 사용하여 개발자 팀을보다 쉽게 ​​관리하고 사이트 동기화 및 통합 전자 메일과 같은 사이트 관리 기능을 최대한 활용하는 방법을 파악해야합니다. 끊어진 링크를 고치려는 불행한 처지에 빠지면 Dreamweaver가 어떻게 쉽게 작업을 수행하는지 잘 알고있을 것입니다. 웹 사이트의 구조를 관리하는 것은 사용자가 보는 측면, 링크를 설정하는 방법에 따라 달라지는 측면, 파일 및 폴더를 구성하는 방법에 따라 좌우되는 측면 등 두 가지 측면이 있습니다.

-

사용자가 보는 것

사용자가 보는 측면은 모두 탐색에 관한 것입니다. 사용자가 홈페이지에 도착하면 어디에서 안내합니까? 귀하의 사이트를 어떻게 이동합니까? 훌륭한 웹 사이트는 사용자가 쉽고 직관적으로 탐색하고 가장 관련성이 높은 정보에 대한 경로를 만들 수 있도록 설계되었습니다. 계획대로 사용자가 사이트의 두 곳 이상에서 주요 정보에 쉽게 액세스 할 수 있는지 확인하십시오. 페이지와 섹션간에 앞뒤로 이동하여 한 번에 기본 페이지와 색인으로 돌아갈 수 있는지 확인하십시오. Dreamweaver에서는 링크를 쉽게 설정할 수 있습니다. 문제는 방문자가 쉽게 따라갈 수 있는지 확인하는 것입니다.

볼 수있는 부분

웹 사이트 구조를 관리하는 두 번째 측면은 배경에서 발생합니다 (사용자가 정보를 볼 수 없지만 어떤 조직 시스템이 뭐). Dreamweaver로 사이트를 구축하기에 앞서 사이트에 대해 작성한 모든 파일을 관리하는 데 관련된 관리 문제를 생각해보십시오. 파일 은 모든 이미지, HTML 페이지, 애니메이션, 사운드 파일 및 웹 사이트에 넣은 모든 항목으로 구성됩니다.웹 사이트 용 페이지를 만들 때 별도의 폴더 나 디렉토리에 구성하는 것이 가장 좋습니다.

일부 웹 개발자는 성장하는 웹 사이트에 20 ~ 30 페이지를 가져다가 한 폴더에 모든 파일을 저장하는 것이 실수 였음을 깨닫습니다. 사실 그것은 실수 이상입니다. 엉망이야. 설상가상으로, 사이트가 성장한 후에 새로운 폴더로 이동하기 시작하면 모든 링크를 변경해야합니다. 이 사실을 깨닫지 못하는 사람들은 파일을 움직이기 시작하고 링크가 깨 졌음을 알게되고 어떤 일이 일어나야 하는지를 기억하지 못합니다. 다행히도 Dreamweaver에는 페이지를 이동하거나 새 폴더를 만들 때 링크를 자동으로 수정하는 사이트 관리 도구가 포함되어 있지만 좋은 계획으로 시작하면 나중에 구조를 정리하는 것보다 낫습니다.

처음 몇 페이지를 작성하기 전에 향후 콘텐츠를 추가 할 가능성이 높은 페이지를 생각해보십시오. 사이트에서 원하는 핵심 요소 목록을 작성한 후에는 스토리 보드 또는 개요를 만들 준비가 된 것입니다. 목록 및 개요를 사용하여 성장을 예상하는 사이트의 논리 섹션을 만듭니다. 예를 들어, 모든 직원을 나열하는 한 페이지부터 시작할 수 있습니다. 그러나 직원들이 얼마나 멋진 지 알게 된 후 직원은 자신의 페이지를 개발하고 싶어 할 수 있습니다. 이 경우 직원 페이지 전용 폴더가 별도로 필요할 수 있습니다. 영업 팀에 정보를 제공하는 경우 각 제품에 대해 별도의 섹션을 원할 수 있습니다. 새 섹션을 추가 할 때 새 하위 디렉터리 또는 하위 폴더를 만들어 해당 파일을 저장합니다. 하위 디렉토리를 만들면 여러 사람이 만든 사이트를보다 쉽게 ​​관리 할 수 ​​있습니다. 각 하위 섹션에 별도의 폴더가 있으면 각 개발자는 자신의 파일을 더 잘 관리 할 수 ​​있습니다.

Dreamweaver로 사이트 구조 관리하기 - 더미

편집자의 선택

Microsoft Word에서 텍스트 들여 쓰기 방법 - 기본적으로

Microsoft Word에서 텍스트 들여 쓰기 방법 - 기본적으로

Microsoft Word 문서의 각 단락은 선택한 정렬에 따라 오른쪽 여백과 왼쪽 여백과의 관계. 때때로 텍스트를 들여 쓰거나 왼쪽 및 / 또는 오른쪽 여백과 관련하여 텍스트의 위치를 ​​바꿀 수도 있습니다. 예를 들어 일부 서신 스타일에서는 들여 쓰기가 일반적입니다.

: 노인을위한 Excel 워크 시트

: 노인을위한 Excel 워크 시트

주의 계획자라도 Excel 워크 시트의 레이아웃을 변경하기를 원할 것입니다. 어쩌면 워크 시트의 다른 열 (스프레드 시트라고도 함)의 데이터를 원하거나 특정 행이 불필요한 것으로 판별했을 수 있습니다. Excel을 사용하면 행과 열을 쉽게 삽입하고 삭제할 수 있습니다. 행을 삽입하거나 ...

: PowerPoint 슬라이드에 클립 아트를 삽입하는 방법 - 인형

: PowerPoint 슬라이드에 클립 아트를 삽입하는 방법 - 인형

클립 아트 미리 만들어진 일반 아트웍이며 Microsoft는 Office 제품으로 많은 클립 아트 파일을 무료로 제공합니다. PowerPoint 슬라이드 레이아웃에 클립 아트를 삽입 할 수 있습니다. 클립 아트를 삽입하는 가장 쉬운 방법은 슬라이드 레이아웃에서 자리 표시 자 중 하나를 사용하는 것입니다. 클립 아트 ...

편집자의 선택

Adobe Dreamweaver CS6에 Photoshop 스마트 오브젝트를 배치하는 방법 - Photoshop을 사용하는 기능을

Adobe Dreamweaver CS6에 Photoshop 스마트 오브젝트를 배치하는 방법 - Photoshop을 사용하는 기능을

Adobe Dreamweaver CS6의 파일은 워크 플로의 일부로 Photoshop을 사용하는 대부분의 디자이너에게 유용합니다. Photoshop 파일을 페이지에 배치하면 Dreamweaver는 이미지를 만든 원래 Photoshop 파일에 대한 연결을 유지하는 이미지 인 Smart Object를 만듭니다. ...

이미지를 Dreamweaver에 붙여 넣는 방법 - 인력

이미지를 Dreamweaver에 붙여 넣는 방법 - 인력

운영 체제 클립 보드의 이미지를 Dreamweaver 문서에 붙여 넣을 수 있습니다. 이 기능은 모든 브라우저가 아닌 일부 브라우저 (사파리가 하나임) 및 일부 웹 친화적 인 파일 형식이 아닌 클립 보드에 복사 된 이미지와 함께 작동합니다. 운영 체제의 클립 보드에 복사 할 수있는 이미지를 열려있는 창에 붙여 넣을 수 있습니다.

Dreamweaver에서 새 페이지 파일의 이름을 지정하는 방법 - 인력

Dreamweaver에서 새 페이지 파일의 이름을 지정하는 방법 - 인력

은 패닉 웹 디자이너로 변하지 않습니다. Dreamweaver 파일 이름 충돌로 인해 끊어진 링크가 있습니다. 이러한 문제는 대개 웹 사이트가 서버에 게시 될 때까지 발생하지 않으므로 특히 혼란스럽고 이해하기 어려울 수 있습니다. Mac에서 실행되는 웹 서버에 웹 사이트를 게시하는 경우 또는 ...

편집자의 선택

회계사의 QuickBooks 2014 사본 사용 방법 - 데이터 파일 -

회계사의 QuickBooks 2014 사본 사용 방법 - 데이터 파일 -

클라이언트가 수동으로 QuickBooks 데이터 파일의 회계사의 사본을 전송하거나, 회계사의 사본을 전자 메일로 보내거나, Intuit 파일 전송 서비스를 통해 회계사의 사본을 보내는 경우 파일 → 회계사의 사본 → 전송 열기 및 변환을 선택하여 회계사의 사본을 사용합니다 파일 명령. QuickBooks는이 명령을 선택하면 일련의 ...

QuickBooks 2015 - 인형

QuickBooks 2015 - 인형

에서 인보이스로 작업 견적을 전환하는 방법 QuickBooks is 삶을 편하게 해줄 거라고, 맞지? 작업 견적을 이미 작성한 작업에 대해 완전히 새로운 인보이스를 만드는 이유는 무엇입니까? 다음 간단한 단계를 따르면 견적을 인보이스로 손쉽게 전환 할 수 있습니다.

QuickBooks 2012에서 작업 예상 사용 방법 - 원하는 것을 QuickBooks 2012에 말한 경우 인력

QuickBooks 2012에서 작업 예상 사용 방법 - 원하는 것을 QuickBooks 2012에 말한 경우 인력

견적을 생성하려면 - QuickBooks 설치 중에이 작업을 수행하십시오. 나중에 인보이스로 금액을 추정 할 수 있습니다. 작업 예상을 작성하려면 고객 → 견적 작성 명령을 선택하십시오. QuickBooks는 견적 생성 창을 표시합니다. 간단히 말해, 견적 만들기를 작성하십시오.