Home-theater-designers
웹사이트를 만들고 싶지만 어디서부터 시작해야 할지 모르십니까?
도메인, 호스트 서버, WordPress 계정, 테마 등을 구입하는 일반적인 웹 개발 교육장도 가장 비싼 것 같습니다. 하지만 소기업 소유자가 아니거나 브랜드를 구축하려는 경우 어떻게 해야 합니까? 복잡하지 않고 웹 개발을 배우려고 한다면 어떻게 하시겠습니까?
처음부터 또는 미리 만들어진 템플릿을 사용하여 컴퓨터에서 무료로 만들 수 있는 자신의 웹사이트를 호스팅하는 방법을 알아보려면 계속 읽으십시오. 오, 여기에는 자신의 WordPress 계정 호스팅도 포함됩니다!
XAMPP: 소개
Bitnami의 XAMPP 는 'PHP와 Perl을 포함하는 Apache 배포판'입니다. 우리의 목적을 위해 XAMPP는 사용자가 자신의 PC에서 웹사이트를 호스팅할 수 있게 해주는 간단한 무료 프로그램이라는 것만 이해하면 됩니다.
XAMPP를 사용하여 로컬 서버를 설정하는 것은 다소 기술적이지만 프로세스도 상당히 쉽고 간단합니다. 모든 것이 설정되면 웹 사이트를 관리하고 편집하는 것이 매우 쉽다는 것을 알게 될 것입니다.
다음은 신속하고 완전한 제어의 문제입니다. XAMPP를 사용하여 웹사이트를 만들고 편집하면 원하는 만큼 웹사이트를 변경할 수 있습니다. 즉, 큰 힘에는 큰 책임이 따른다. 특히 그렇지 않은 경우 사이트를 잃을 가능성이 더 큽니다. 백업 생성 .
내 관리자 암호를 잊어 버렸습니다. Windows 10
그러나 웹 개발에서 진정한 시작 과정 프로젝트를 원한다면 XAMPP가 적합합니다. 여기에는 HTML, CSS, Javascript 등과 관련된 모든 프로젝트가 포함됩니다!
XAMPP 설치
로 향한다 XAMPP 웹사이트에서 패키지를 다운로드합니다. 기본 설정 프로세스를 따릅니다. XAMPP를 다운로드하면 XAMPP 제어판이 자동으로 열립니다. 그렇지 않은 경우 시작 메뉴 검색을 통해 다른 것과 마찬가지로 XAMPP 프로그램을 찾을 수 있습니다.
XAMPP 제어판 창에서 실행 중인 XAMPP 프로세스의 간단한 레이아웃이 표시되어야 합니다. 우리의 목적을 위해 Apache와 MySQL의 처음 두 가지 옵션에 중점을 둘 것입니다.
아파치 -- XAMPP의 주요 핵심인 Apache 옵션은 PC에 Apache 서버를 생성합니다. 이를 통해 웹 사이트에서와 마찬가지로 웹 브라우저를 통해 PC에서 웹 사이트를 실행하고 편집할 수 있습니다. 물론 이 웹사이트는 인터넷에 연결된 서버가 아닌 귀하의 PC에서 실행되고 있습니다.
MySQL -- SQL은 데이터베이스와 웹사이트 간의 통신을 허용하여 사용자가 이메일, 비밀번호 및 기타 데이터 입력을 테스트하고 저장할 수 있도록 합니다. 우리는 이것을 로컬 WordPress 계정에 사용할 것입니다.
눌러 시작 XAMPP 제어판의 버튼 행위 아파치와 MySQL 모두. 모듈 섹션 아래에서 Apache와 MySQL이 모두 녹색으로 강조 표시될 때까지 기다립니다. 활성화되면 XAMPP를 자유롭게 사용할 수 있습니다.
로컬호스트 및 phpMyAdmin
모든 것이 제대로 작동하는지 확인하려면 웹 브라우저를 열고 다음을 입력하십시오. http://localhost/ 주소 표시줄에 입력하고 입력하다 . 다음으로 리디렉션되어야 합니다. http://localhost/대시보드/ , 기본 XAMPP 페이지입니다.
다음을 클릭하십시오. phpMyAdmin 상단 탐색 메뉴의 버튼. 기본 phpMyAdmin 페이지로 이동합니다.
지금은 이것들을 그대로 두십시오. 그러나 둘 다 작동한다면 웹사이트 제작을 시작할 준비가 된 것입니다!
XAMPP를 사용하여 웹사이트 만들기
이제 재미있는 부분이 나옵니다. 루트 드라이브 디렉토리에 있는 XAMPP 폴더로 이동합니다( C:xampp 기본적으로). 그런 다음 htdocs . 이것은 웹 사이트를 보기 위해 사용할 기본 웹 사이트 저장소입니다.
웹사이트를 만들고 편집하기 전에 텍스트 편집기가 필요합니다. 메모장과 같은 기본 텍스트 편집기를 사용할 수 있지만 일반적으로 코드 및 마크업용으로 특별히 제작된 타사 편집기를 다운로드하는 것이 가장 좋습니다. 숭고한 텍스트 주변에서 최고 중 하나이므로 웹 사이트로 이동하여 소프트웨어를 다운로드하여 시작하십시오.
이제 XAMPP에 웹사이트 다운로드 및 설치를 시작할 수 있습니다. 나는 사용할 것이다 로드 트립 템플릿이지만 원하는 템플릿을 사용할 수 있습니다. 웹사이트의 zip 파일을 다운로드하여 기억할 수 있는 위치에 보관하십시오. 다음으로 XAMPP의 htdocs 폴더 내에 웹사이트용 폴더를 만듭니다. 나는 내 이름을 지었다 로드 트립 -- 이름을 단순하게 유지하십시오. 그런 다음 zip 파일의 내용을 이 htdocs 폴더에 압축을 풀고 압축을 풉니다.
파일을 추출했으면 htdocs 내의 웹 사이트 저장소로 이동하여 파일이 올바르게 추출되었는지 확인하십시오.
마지막으로 웹 브라우저에서 웹페이지로 이동합니다. 당신의 웹사이트 말하자면 페이지 파일이 들어 있는 폴더 이름과 함께 앞서 언급한 localhost를 사용하여 연결할 수 있습니다. 이는 웹 사이트가 기본적으로 단일 도메인 또는 루트 이름 아래에 있는 폴더에 포함된 파일이기 때문입니다. 당신은 이미 배우고 있습니다!
이전에 만든 폴더의 이름은 roadtrip이므로 전체 사이트 주소는 http://localhost/roadtrip .
완료되었습니다! 이제 로컬에서 웹사이트 편집을 시작할 수 있습니다.
웹사이트 편집
Sublime Text를 엽니다. 향하다 파일 그리고 선택 폴더 열기 . XAMPP 폴더 내에서 웹 폴더를 찾아 선택합니다. 이제 Sublime Text 편집기에서 동일한 웹사이트의 여러 페이지를 편집할 수 있습니다.
Sublime Text는 또한 웹사이트의 모든 파일과 폴더를 볼 수 있는 훌륭한 인터페이스를 제공합니다. 웹사이트에서 변경 사항을 생성하려면 웹사이트의 코드를 편집하고 저장합니다(키보드 명령을 사용하여 Ctrl + S ), 브라우저 내에서 웹사이트를 새로 고칩니다.
프로세스는 간단하고 직접적입니다. 웹페이지를 편집한 다음 코드가 작동하는지 확인하십시오. 웹 개발이 진행됨에 따라 웹 페이지에 더 복잡한 기능을 포함시키려고 시도하게 될 것입니다. 그러나 기술 수준에 관계없이 페이지를 편집하는 기본 형식은 동일하게 유지됩니다.
XAMPP와 함께 WordPress 사용
원시 코드를 편집하고 싶지 않거나 보다 친숙한 콘텐츠 관리 시스템(CMS)을 사용하려는 경우 WordPress는 사용하기 쉬운 ZIP 파일로도 환상적인 웹 디자인 리소스를 제공합니다! XAMPP에 WordPress를 설치하려면 워드프레스 웹사이트 공식 응용 프로그램을 다운로드하십시오.
압축을 푼 WordPress 폴더가 폴더 내의 htdoc 디렉토리에 있는 상태에서 이전과 동일한 형식을 사용하여 웹사이트를 만듭니다. 워드프레스 . 명확성을 위해 폴더 이름을 유지하십시오.
phpMyAdmin 사용
WordPress에서는 로그인 정보를 생성해야 하므로 웹 페이지용 PHP 디렉토리에 항목을 생성해야 합니다. 향하다 phpMyAdmin 페이지 - http://localhost/phpmyadmin/ 기본적으로 -- 시작합니다.
이 페이지에서 데이터베이스 . 아래의 데이터베이스 생성 매개변수, 입력 워드프레스 그리고 때리다 창조하다 . 데이터베이스가 생성되었음을 알리는 팝업이 표시되어야 합니다. 그런 다음 이 브라우저 창을 닫고 XAMPP htdocs 디렉토리에 WordPress 폴더를 입력합니다. 이 폴더에는 압축을 푼 WordPress 파일의 내용이 있어야 합니다.
로그인 구성
로그인하고 사이트를 사용할 수 있도록 실제 WordPress 웹 사이트를 구성해야 합니다. 이것은 WordPress의 기본 PHP 구성 파일을 통해 수행됩니다. WordPress 폴더 내에서 레이블이 지정된 파일을 찾습니다. wp-config-sample.php , 파일을 마우스 오른쪽 버튼으로 클릭하고 선택 편집하다 (또는 열기 별도의 텍스트 편집기용). 메모장은 잘 작동해야 합니다.
집중할 코드는 다음과 같습니다.
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');
위의 코드를 세 번 변경해야 합니다. 이내에 따옴표.
database_name_here -- 이 매개변수를 다음으로 변경합니다. 워드프레스 . 그런 다음 웹 사이트는 phpMyAdmin에 레이블이 지정된 이전에 만든 데이터베이스를 사용합니다.
사용자 이름_여기 -- 이것을 다음으로 변경 뿌리 . 루트 사용자 이름은 기본적으로 적절한 관리자 권한을 가지고 있으므로 phpMyAdmin을 통해 허용됩니다. 적절한 권한이 부여되지 않으면 다른 사용자 이름은 작동하지 않습니다.
비밀번호_여기 -- 쉽게 식별할 수 있는 비밀번호로 변경합니다. 암호를 사용하지 않으려면 매개변수를 삭제하십시오.
이 파일을 다른 이름으로 저장 wp-config.php -- 이전과 달리 wp-config-sample.php -- 그리고 종료합니다. 그런 다음 다음 로컬 호스트 주소로 이동합니다. http://localhost/워드프레스 .
WordPress 생성을 포함하여 설치를 진행합니다. 사용자 이름 그리고 비밀번호 . 원하는 값을 입력할 수 있습니다. 값 입력이 끝나면 워드프레스 설치 버튼을 눌러 프로세스를 완료합니다. 완료되면 이전 페이지에 제공된 사용자 이름과 비밀번호를 사용하여 로컬 WordPress에 로그인합니다.
완료되었습니다! 이제 처음부터 웹 페이지를 편집, 수정 및 생성하는 데 마음껏 사용할 수 있습니다. WordPress를 통해 오프라인으로 무료로 !
인스타그램에서 나를 팔로우 해제한 사람을 확인하는 앱
웹 개발은 단일 페이지에서 시작됩니다
이전에는 웹 개발 여정을 막 시작했습니다. 이제 PC에 로컬 서버를 만들었습니다. 이를 통해 웹 페이지를 마음대로 만들고 수정하고 조정할 수 있습니다. 무엇보다도, 당신이 완전히 통제할 수 있습니다. 이제 실험을 시작하는 일만 남았습니다. 시작하세요!
이 모든 작업을 수행하지 않기로 결정했습니까? 다음 중 하나를 시도하십시오. 최고의 무료 웹사이트 호스팅 서비스 대신에.
이미지 크레딧: Dmitry Tishchenko/Shutterstock
공유하다 공유하다 트위터 이메일 6가지 대안: 최고의 무료 또는 저렴한 오디오북 앱오디오북 비용을 지불하고 싶지 않다면 무료로 합법적으로 들을 수 있는 몇 가지 훌륭한 앱이 있습니다.
다음 읽기 관련 항목- 창
- 프로그램 작성
- 워드프레스
- 웹 개발
- 웹 호스팅
- 웹마스터 도구
- 아파치 서버
- 웹 서버
Christian은 최근 MakeUseOf 커뮤니티에 추가되었으며 빽빽한 문학에서 Calvin과 Hobbes 연재 만화에 이르기까지 모든 것에 대한 열렬한 독자입니다. 기술에 대한 그의 열정은 도움을 주고자 하는 그의 욕구와 의지와 일치합니다. (대부분) 무엇이든 관련하여 질문이 있으시면 언제든지 이메일을 보내주십시오!
Christian Bonilla가 참여한 작품 더보기뉴스레터 구독
뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!
구독하려면 여기를 클릭하세요.