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

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

차례:

비디오: [어도비] 드림위버 CS6에서 유동 격자 레이아웃으로 적응형 디자인 만들기 2024

비디오: [어도비] 드림위버 CS6에서 유동 격자 레이아웃으로 적응형 디자인 만들기 2024
Anonim

Dreamweaver의 파일 이름 충돌로 인해 링크가 끊어져 혼란스런 웹 디자이너가되어 버릴 수 있습니다. 이러한 문제는 대개 웹 사이트가 서버에 게시 될 때까지 발생하지 않으므로 특히 혼란스럽고 이해하기 어려울 수 있습니다.

Mac 또는 Windows에서 실행되는 웹 서버에 웹 사이트를 게시하는 경우 다음 사항이 적용되지 않을 수 있습니다. 그러나 Unix 또는 Linux (많은 상용 웹 호스팅 회사에서 사용하는)를 실행하는 웹 서버를 사용하는 경우 다음 지침이 특히 중요합니다. 확실하지 않은 경우 사이트의 웹 페이지, 이미지 및 기타 파일을 저장할 때 안전하고 다음 규칙을 따르십시오.

  • 끝에 파일 확장자를 추가하여 파일 형식을 식별하십시오. 예에는 가 포함됩니다. html 은 HTML 파일이고 는 HTML 파일입니다. GIF 이미지의 경우 gif . Dreamweaver에 자동으로 가 추가됩니다. html 파일 확장자는 대부분의 웹 서버에서 작동하는 HTML 파일의 끝에 붙습니다.

    드문 경우이지만 확장 프로그램을로 변경해야합니다. htm을 사용하려면 Dreamweaver의 환경 설정 대화 상자에서 편집 → 환경 설정 (Windows) 또는 Dreamweaver → 환경 설정 (Mac)을 선택합니다. Windows에 숨겨진 파일 확장명을 보는 방법에 대한 팁은 "Windows에서 파일 확장명 표시"추가 기사를 참조하십시오.

  • 파일 이름에 공백이나 특수 문자를 사용하지 마십시오. 예를 들어 웹 페이지의 이름을 cat 's meow page와 같이 아포스트로피 또는 공백으로 지정하지 마십시오. html. 단어를 분리하려면 밑줄 (_)이나 하이픈 (-)을 사용할 수 있습니다.

    예: meow-page. html은 훌륭한 파일 이름입니다. 번호는 파일 이름을 숫자로 시작하지 않는 것이 가장 좋지만 대부분의 경우 괜찮습니다. 대문자는 일반적으로 중요하지 않지만 대부분의 디자이너는 소문자를 사용합니다. 이렇게하면 파일 이름의 일관성이 유지되고 파일 이름과 링크의 참조가 일치해야하기 때문에 링크를 쉽게 설정하고 확인할 수 있습니다.

이 모든 소동의 이유는 무엇입니까? 파일 이름은 링크를 설정할 때 HTML 코드에 포함되므로 웹 사이트에서 특히 중요합니다. 한 페이지에서 다른 페이지로의 링크는 본질적으로 파일의 이름으로 구성됩니다.

Mac이나 PC 컴퓨터에서 페이지를 테스트 할 때 공백과 특수 문자가 포함 된 이름 링크는 대부분의 브라우저에서 정상적으로 작동하지만 인터넷의 많은 웹 서버는 링크에 공백이나 특수 문자를 허용하지 않는 소프트웨어를 사용합니다. 따라서 웹 서버에 사이트를 게시 할 때 이러한 규칙을 따르지 않는 링크가 손상 될 수 있습니다.

공백이나 특수 문자가 없으며 모든 것을 소문자로 유지하는 세 가지 간단한 규칙을 따르면 모든 시스템에서 링크가 작동하는지 확인할 수 있습니다.

Windows에서 파일 확장명을 표시하는 방법

Windows 탐색기에서 페이지를 볼 때 GIF, JPEG 또는 HTML 페이지의 파일 확장자는 표시되지 않습니다 (이러한 확장자는 파일 패널에 표시되지만 Dreamweaver)를 사용하여 Windows 컴퓨터에서 설정을 변경하십시오.

Windows 탐색기에서 확장명을 볼 수 있도록 설정을 변경하려면 폴더 옵션 대화 상자를 열고보기 탭을 선택한 다음 긴 옵션 목록을보고 알려진 파일 형식의 확장명 숨기기를 선택 취소하십시오.

폴더 옵션 대화 상자를 여는 방법은 현재 사용중인 Windows 버전에 따라 다릅니다. 도움말 섹션에서 폴더 옵션을 검색하면 대화 상자를 쉽게 찾을 수 있습니다.

첫 번째 페이지 색인의 이름을 지정하십시오. html

또 다른 혼란스러운 규칙은 웹 사이트의 기본 페이지를 색인이라고해야한다는 것입니다. html (일부 Windows 기반 서버의 경우 첫 번째 페이지 이름은 default.html이어야합니다). 인터넷상의 대부분의 서버는 색인을 제공하도록 설정됩니다. HTML 또는 기본값. html 페이지를 먼저 작성해야하지만 웹 호스팅 서비스 나 관리자에게 웹 서버를 확인하여 서버에 필요한 이름을 확인해야합니다.

본질적으로, 웹 브라우저가 DigitalFamily와 같은 도메인 이름으로 올 때. co.kr에서 열리는 첫 번째 페이지는 색인입니다. html. 마찬가지로 웹 브라우저가 사이트 내의 하위 폴더로 연결될 때 색인 페이지가 먼저 표시됩니다.

예를 들어, 이름 서적이있는 하위 폴더를 만들고 그 하위 폴더에 index라는 페이지를 만듭니다. html을 기본 페이지로 사용하면 방문자에게 귀하의 사이트에 www를 입력하라고 지시 할 수 있습니다. DigitalFamily. co.kr / books 를 방문하여 귀하 사이트의 도서 페이지에 도착하십시오. 책과 같이 첫 페이지의 이름을 지정하는 경우 html 형식의 방문자는 www를 입력해야합니다. DigitalFamily. co.kr / books / books. html 를 눌러 페이지를 엽니 다.

사이트의 나머지 페이지 (또는 하위 폴더)는 원하는대로 지정할 수 있습니다. 공백이나 특수 문자 (하이픈 또는 밑줄 제외)를 포함하지 마십시오.

도메인 이름을 입력 할 때 대문자 또는 소문자를 사용하면 문제가되지 않지만. com (또는.net, 또는 도메인 이름의 끝이 무엇이든)은 파일 및 폴더 이름의 대소 문자와 일치해야합니다.

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

편집자의 선택

주 부동산 법률에서 찾아내는 10 가지 사항 - 실제 인형

주 부동산 법률에서 찾아내는 10 가지 사항 - 실제 인형

면허 부동산 브로커 및 영업 사원은 각 주마다 시험을 치른 후에 부여됩니다. 생성되는 문제는 모든 주마다 부동산 절차, 관행 및 라이센스 법을 관리하는 자체 법률이 있다는 것입니다. 부동산법은 입법 조치 또는 법원 명령으로 계속 변화하고 있습니다. 당신의 주법을 연구하십시오! Agency Law Agency ...

중개인 부동산 라이센스 시험 - 인형

중개인 부동산 라이센스 시험 - 인형

중 일부 국가에서는 중개인이 귀하를 위해 일하는 사람들을 감독하고, 그러한 사람들을 훈련 시키며, 사무실 정책을 수립하는 것을 포함하여, 부동산 면허 시험을위한 부동산 중개를 운영하는 행정적인 의무와 책임. 중개인 감독 주법은 다양 할 수 있지만 일반적으로 브로커는 부동산 중개인을 감독해야합니다.

부동산 면허 시험에 대한 감정 기초 - 인형

부동산 면허 시험에 대한 감정 기초 - 인형

부동산 중개인은 부동산에 대해 알아야 함 여러 가지 이유로 가치. 하나는 부동산 면허 시험에 관한 질문입니다. 대행사는 대개 판매자가 판매를 제안 할 때 판매자가 부동산 가격을 요구하도록 도와줍니다. 구매자를 대표하는 대리인은 종종 그의 고객에게 그의 고객에게 조언합니다.

편집자의 선택

Facebook 페이지 설정 방법 - 인형

Facebook 페이지 설정 방법 - 인형

귀하의 비즈니스를위한 Facebook 페이지 설정은 간단합니다! 이러한 단계를 거치면 귀하의 비즈니스는 팬을 모으고 즉시 페이스 북의 고객과 연결됩니다. http : // facebook을 방문하십시오. co.kr / pages 수많은 Facebook 페이지 목록이 나타납니다. 자신이 좋아하는 Facebook 페이지와 기타 ...

Facebook 친구 요청을 보내고 응답하는 방법 - Facebook에서 누군가를 찾으면 인형

Facebook 친구 요청을 보내고 응답하는 방법 - Facebook에서 누군가를 찾으면 인형

친구로 추가하는 것은 매우 간단한 작업입니다. 장래 친구의 타임 라인 페이지로 연결되는 링크를 클릭하면 (자신이 찾고있는 사람인지 다시 확인) 이름 옆에 친구 추가 상자가 표시 될 수 있습니다. 클릭 ...

Google 프로필 설정 방법 - 인형

Google 프로필 설정 방법 - 인형

프로필이없는 블로그는 만들 수 없습니다. 사람들이 블로그에 얼굴을 올릴 수없는 경우 많은 신뢰를 잃게됩니다. Google은 Google+ 프로필을 할당하여이를 처리합니다. 이 프로필을 온라인 전화 카드라고 생각하십시오. 한 눈에 사람들이 쉽게 알아야합니다. 독자는 항상 ...

편집자의 선택

변형 패널을 사용하여 InDesign CS5 텍스트 프레임 조작 - 더미

변형 패널을 사용하여 InDesign CS5 텍스트 프레임 조작 - 더미

수동으로 이동 또는 크기 조정 가능 InDesign Creative Suite 5 텍스트 프레임 프레임의 위치 나 크기를보다 정확하게 변경하려면 대신 [변형] 패널을 사용하십시오. 창 → 오브젝트 및 레이아웃 → 변형을 선택하십시오. 변형 패널이 나타납니다. X 및 Y 텍스트 필드의 값을 변경하십시오. 프레임이 그에 따라 위쪽에서 멀리 이동합니다.

Photoshop CS5의 커브 패널에 액세스 - 인형

Photoshop CS5의 커브 패널에 액세스 - 인형

완벽한 이미지로 수정 한 이미지 수정 가능 곡선 패널에있는 Photoshop Creative Suite 5 기능을 사용하여 조명. 패널에 액세스하는 방법은 다음과 같습니다. 조정할 가치가있는 이미지 - 이미 완벽하지 않은 이미지 - [창] → [레이어] ([레이어] 패널이 열려 있지 않은 경우)를 선택합니다. 만들기 버튼을 클릭 한 상태로 유지하십시오.

InDesign CS5에서 마스터 페이지 및 스프레드 사용 - 더미 페이지

InDesign CS5에서 마스터 페이지 및 스프레드 사용 - 더미 페이지

마스터 페이지는 페이지 레이아웃의 형식을 지정하는 데 사용되는 템플릿과 비슷합니다 여백, 열, 페이지 번호 매기기, 텍스트 프레임, 배경 이미지 및 제목과 같은 설정은 마스터 페이지가 적용되는 각 레이아웃에 적용됩니다. 단일 발행물에 둘 이상의 마스터 페이지가있을 수 있으며 ...