일반적으로 웹사이트를 로컬에서 개발합니다. 이를 위해 이미 충분히 자세히 설명한 대로 해당 디렉토리 구조를 만듭니다.
이 구조는 궁극적으로 온라인에 올리는 것입니다. (여기서는 정적 HTML 웹사이트를 가정합니다. 하지만 예를 들어 php 및 MySQL 기반의 동적 웹사이트를 개발하는 경우에도 로컬에서 먼저 이 작업을 수행할 수 있습니다. 여기서 마법의 단어는 XAMPP입니다(예를 들어). 디렉토리와 파일 이름에 공백이나 특수 문자가 포함되어 있지 않은지 확인하세요. 또한 이러한 이름에는 일관되게 소문자를 사용하는 것이 좋습니다.
웹사이트를 로컬에서 테스트하세요. 실제로 가능한 한 오류 없이 실행되어야 합니다.
적합한 제공업체
웹사이트를 온라인에 올리려면 적절한 웹 공간이 필요합니다. (여기서는 자체 서버를 운영하지 않고 제공업체로부터 웹 공간을 임대한다고 가정합니다).
우선, 제공업체로부터 저장 공간을 확보해야 합니다. 도메인, 즉 궁극적으로 나중에 웹사이트에 액세스할 수 있는 주소도 마찬가지입니다. 현재 저렴한 웹 공간을 임대할 수 있는 수많은 공급업체가 있습니다. 제공업체와 웹 공간 패키지를 선택할 때 다음 사항에 주의해야 합니다:
- 최소 1.5기가바이트의 저장 공간
- 1개의 디도메인 포함
- 일반적으로 최소한 php가 지원되어야 합니다.
- MySQL 데이터베이스가 포함되어야 합니다.
- 트래픽이 무제한인지 확인하세요.
트래픽은 종종 실제 비용 함정을 숨기므로 특히 마지막 사항이 중요합니다.
물론 언급된 사항은 소규모 웹사이트에 대한 최소한의 요구 사항일 뿐입니다. 방문자 수가 많은 사이트를 운영한다면 당연히 여기에서 업그레이드해야 합니다. 그러나 나중에 문제 없이 소규모 웹공간 패키지에서 대규모 웹공간 패키지로 전환하는 것은 언제든지 가능합니다. 확실하지 않은 경우 공급업체에 미리 문의하세요.
http://www.webhostlist.de/webhosting/vergleich/ 에서 자신에게 적합한 제공업체를 직접 검색할 수 있습니다.
여기에서 매우 다양한 기준에 따라 제공업체를 선택할 수 있습니다.
제공업체를 결정하고 패키지를 선택한 후 원하는 도메인을 등록하면 바로 시작할 수 있습니다. 공급업체에서 FTP 액세스 데이터 등 모든 관련 정보를 이메일로 보내드립니다.
데이터 전송
필요한 데이터가 준비되면 로컬 파일을 웹사이트로 전송할 수 있습니다. 하지만 먼저 파일과 파일에 포함된 구문을 다시 확인하세요. 특히 다음 사항이 중요합니다:
- 모든 하이퍼링크와 이미지 경로가 올바른지 확인하세요. (특히 WYSIWYG 편집기로 HTML 페이지를 만든 경우 로컬 경로가 여기에 사용되어 온라인에서 더 이상 올바르지 않을 수 있습니다).
- 파일 및 디렉터리 이름에 공백과 특수 문자가 있는지 확인합니다.
모두 올바른가요? 이제 페이지를 온라인에 게시할 수 있습니다. 이렇게 하려면 웹 공간에 FTP 연결을 설정합니다. 모든 FTP 도구로 이 작업을 수행할 수 있습니다. 무료로 제공되는 이 유형의 가장 좋은 도구 중 하나는 FileZilla이며 http://www.filezilla.de/ 에서 다운로드할 수 있습니다.
FileZilla를 설치하고 시작했으면 파일>서버 관리자로 이동합니다. 대화창이 열리면 새 서버를 클릭합니다 .
오른쪽 창 영역에 공급업체로부터 받은 FTP 데이터를 입력합니다. 예를 들어 다음과 같이 입력할 수 있습니다:
- 서버 = www.dein-benutzername.de
- 서버 유형 = FTP 파일 전송 프로토콜
- 연결 유형 = 일반
- 사용자 = ftp_sdfsdfsfd@dein-benutzername.de
- 비밀번호 = 비밀번호
FTP 데이터는 여기에 입력해야 합니다. 필요한 경우 서비스 제공업체에 다시 문의하세요.
연결로 FTP 서버에 대한 연결이 설정됩니다.
간단하게 하기 위해 이 시점에서는 웹사이트를 웹사이트의 루트 디렉터리에 직접 복사한다고 가정합니다. 루트 디렉토리는 그 앞에 있는 슬래시로 알 수 있습니다.
이 직접 복사 방식의 장점은 추가 설정 없이 http://www.deine-domain.de/ 에서 웹사이트에 액세스할 수 있다는 것입니다. 따라서 리디렉션 등을 설정할 필요가 없습니다.
대부분의 공급업체는 기본적으로 루트 디렉터리에 cgi-data 및 cgi-bin 디렉터리를 이미 가지고 있습니다. 로컬 환경의 모든 디렉터리와 파일은 이 수준으로 복사됩니다. 이렇게 하려면 FileZilla의 왼쪽 상단 창 영역에서 로컬 파일을 검색합니다.
로컬 데이터가 있는 파일과 디렉토리를 클릭합니다.
이제 아래쪽 창 영역에 표시되는 파일과 디렉터리만 선택하면 됩니다. 그런 다음 선택한 디렉토리/파일을 마우스 오른쪽 버튼으로 클릭하고 업로드를 선택합니다 .
이제 데이터가 서버에 업로드됩니다. 모든 파일이 실제로 전송되었는지 확인하세요. 개별 파일 업로드에 문제가 있는 경우 FileZilla의 하단 창 영역에서 이를 확인할 수 있습니다.
모든 콘텐츠가 서버에 업로드되면 웹사이트 테스트를 시작할 수 있습니다. 무엇보다도 모든 이미지가 있고 링크가 올바른지 확인하세요.
끝 및 결론
이것으로 이번 CSS 시리즈의 마지막을 장식합니다. HTML과 CSS를 기반으로 웹사이트를 만든 다음 실제로 대중에게 공개하기 위한 기본 단계를 배웠을 것입니다. 하지만 무엇보다도 한 가지 분명한 사실은 웹사이트 제작은 긴 과정이라는 것입니다. 디자인에서 시작하여 실제 웹 개발로 이어지고 웹 사이트 업로드 및 확인으로 끝납니다. 이제 새로운 웹사이트의 성공을 기원합니다!
