웹사이트를 만드는 방법에서 스크래치(HTML,워드 프레스 또는 건축업자)

의 소유자로 작은 결혼 계획을 시작,내 친구가 없었어요 많은 시간과 돈을 넣어하는 방법을 학습 웹사이트를 만들–그러나 그녀는 그녀가 필요로 하나,혹은 그녀의 비즈니스 근처의 보이지 않습니다. 에도 불구하고 그녀의 부족 프로그래밍 기술,그녀는 전에 앞서 속도로 혼자 힘으로 만들이 그녀의 온라인 존재입니다.

처음부터 웹 사이트를 시작하는 것은 실제로 그녀가 두려워했던 어려운 작업이 아니 었습니다., 오른쪽 도구,그녀는 워드 프레스 사이트까지 몇 주 이내에 실행을 얻었다. 사이트의 초기 빌드 아웃 후,그녀는 사업이 성장함에 따라 계속 확장하고 스스로 업데이트했습니다.

그녀의 경험이 보여 주듯이,누구나 상대적인 용이성으로 웹 사이트를 만드는 방법을 배울 수 있습니다. 그것은 간단으로 구입 웹 호스팅 및 도메인 이름을 다음,미세 조정의 디자인을 통해 웹 사이트 빌더,워드 프레스 또는 사용하는 베어 뼈 HTML. 우리는 아래의 각 단계를 안내합니다,그래서 앞서 건너 여기 링크 중 하나를 클릭 주시기 바랍니다.,

선택하는 호스트|사이트|홈페이지 빌더|WordPress

1 단계:호스트와 Domain

첫 번째 단계는 웹사이트를 만드는,어떤 방법을 사용 하기로 결정을 선택하는 것입 웹 호스팅 서비스 및 도메인 이름이 있습니다. 웹 호스트는 사이트의 서버 및 저장 공간을 제공하고 온라인 세계에 브랜드에 대한 액세스를 제공하는 회사입니다. 반면에 도메인 이름은 URL(예:www.hostingadvice.com)사람들이 귀하의 사이트로 직접 이동하는 데 사용합니다.

호스트 선택

이것은 매우 쉬운 부분입니다., 웹사의 최고 평가 호스트가 신속하게 완화하는 웹 사이트 초기 창조 프로세스—자주를 시작으로 무료 도메인 이름 등록은,하나의 클릭 설치에 대한 인기있는 CMS 와 블로그 플랫폼,무료 웹 사이트 빌더,그리고 마케팅 credits.시작하려면 다음 공급자 중 하나와 함께 웹 호스팅 계획에 가입하는 것이 좋습니다. 귀하의 웹 서버는 즉시 설정되며,대부분은 당신에게뿐만 아니라 당신의 선택의 무료 도메인 이름을 제공합니다., 면 서,당신은 건물은 시간에 당신의 웹 사이트:

더보 저렴한 웹 호스팅”

도메인 이름을 선택하기

등록하는 품질의 도메인 이름에 필수적입을 돕고 사람들이 찾아 기억의 사이트입니다. 웹호스팅 서비스를 위에 제공하는 도메인 이름 등록을 위한 첫해의 서비스,그래서 만약 당신이 이미 완료된 단계 1,당신은 이미 당신의 도메인에 있습니다.,

경우 당신은 여전히 결정하는 도메인 이름을 선택하는,여기에 고려해야 할 몇 가지 유용한 정보:

• 그것은 짧고 기억에 남는:더 짧은 도메인 이름은 기억하기 쉽다. 제목은 사람들의 마음에 붙어있는 것이어야합니다. 긴 도메인 이름은 독특하고 눈에 띄는 경우에만 작동합니다.
• 관련 키워드 사용:도메인 이름은 전반적인 SEO 전략에 기여하는 키워드를 통합 할 수있는 또 다른 기회입니다. 키워드와 관련 있는 비즈니스 틈새 시장 만들 것입니다 귀하의 도메인 이름을 더 충실에서 사람들의 높이고 귀하의 검색 엔진 순위입니다.,
• 연구 도메인 이름:는지 확인하는 경우 다른 회사 또는 개인을 사용하는 도메인 이름은 너무 밀접하게 관련된 충돌이 발생하지 않도록 또는 혼란이 있습니다.
• 선택하는 적절한 도메인 이름 확장자:당신이 알아서 웹을 탐색,도메인 이름을 종료할 수 있습니다.com,.org,.biz,다른 확장자. 귀하의 웹 사이트의 목적에 가장 잘 맞는 것을 선택하십시오.

이제는 당신이 구입하실 웹 호스팅 계획(고 무료 도메인으로 귀하의 호스팅 플랜)준비를 구축하고 실행 당신의 웹 사이트입니다.,

2 단계:을 선택 사이트 구축 방법

세 가지 주요 웹 사이트를 구축하. 당신이 초보자에 의해,지금까지 가장 쉬운 방법을 구축하고 실행하는 사이트가 사용하는 웹 사이트 빌더 제공하여 귀하의 웹 호스트. 적어도 다소 웹에 정통한 사람이라면 wordpress 또는 Drupal 또는 Joomla 와 같은 cms(content management system)를 사용할 수 있습니다. 이미 코딩에 정통한 사람이라면 처음부터 시작하여 HTML 을 사용하여 처음부터 사이트를 구축 할 수 있습니다., 각 방법의 장점과 과제:

옵션 1:용 사이트 빌더(초급)

사용하는 웹 사이트 빌더는 응용 프로그램을 통해 단계의 웹사이트를 만들지 않고 코드를 모두 할 수 있습 해방과 능력을 주고 있다. 의 모든 코딩은 공급자에 백엔드,그리고 본질적으로,그것은 훨씬 더 많은 도전적인 보다는 워드 프로세서를 사용하여.

일반적으로,사이트 빌더 또는 템플릿-기반 사이트 구축 방법을 제공합 더 적은 사용자 정의 옵션보를 구축하는 경우 웹사이트부 공용 장소에서 사용 가능 직업 HTML,하지만 제한된 기술을 필요한 사이트 빌더는 유연성을 제공하고 좋은 사용자 경험을 초보자를위한.

옵션 2:WordPress 설치(중급 수준)

많은 비즈니스 소유자와 직원은 코딩 기술이 거의 없습니다. 동시에,웹 사이트를 만들고 업데이트를 만들기 위해 웹 디자이너/개발자에 의존해야하는 일부 제한 될 수있다., 워드 프레스는 시간과 돈의 최소한의 투자와 기본 웹 사이트를 원하는 기업을위한 캐치 올 솔루션입니다.

인터넷상의 모든 웹 사이트 중 거의 3 분의 1 이 WordPress 플랫폼에 존재하며 CNN 및 eBay 와 같은 대기업도이를 사용합니다. 무료 및 유료 버전의 소프트웨어가 있으며 온라인에서 사용할 수있는 사용자 지원이 많이 있습니다.

으로 많은 주제와 레이아웃에서 선택 및 옵션을 진행하는 더 복잡한 디자인과 특징,워드프레스는 다양한 선택은 모든 종류의 기업입니다. 사실,그것은 힘을 플랫폼 HostingAdvice.com 그 자체.

옵션 3:웹 사이트 만들기 처음부터 HTML(고급 수준)

웹 디자인 능력은 매우 소중한 시장에 그리고 어쩌면 당신은 그게 뭔가를 원하는 픽업합니다. 건물은 처음부터 웹사이트를 줄 것을 만들 수 있는 도구를 제공하고 사용자 지정 사이트로 정확하게 수 있습니다., 이 높은 학습 곡선하지만 큰 보상,으로 알고 HTML 할 수 있도록 미세 조정하는 사이트 디자인과 이들 기술은 앞으로 확장하고 사이트를 업데이트습니다.

경우 초보 프로그래밍을 배우고,당신이 선택할 수 있습 코딩 기술을 해야에서의 수많은 웹 디자인 책을(O’Reilly 시리즈는 좋은 시작 장소)와 같은 웹사이트 월드 와이드 웹 컨소시엄(W3C)학교입니다.

학습하는 코드 사이트는 자신이 당신에게 최고의 유연성에서 그것을 만드는 정확하게 당신이 원하는 것 이상 시간., 말할 것도없이,코딩 할 수 있다는 것은 오늘날의 경제에서 매우 가치있는 스킬 셋입니다.

3 단계:건물 시작!

이제는 당신의 웹 호스팅과 무료 도메인을 선택하 sitebuilding 방법을 시작할 준비가 되어의 모습을 만드는 사이트 및 콘텐츠입니다. 에서 읽을 위해 단계별 지침:

옵션 1:를 사용하여 다른 사이트를 구축(초급)

웹사이트 구축과 함께 무료로 웹 사이트 빌더는,빠르고 쉽고,간단한 프로세스입니다., 당신은 이미 체결을 위한 호스팅 계정을 1 단계에서,어떤 경우에는 귀하의 웹 호스트의 사이트가 특정한 단계별에 대한 지침을 설치 및 사용료 포함 웹 사이트 빌더입니다. 일반적으로 Wix 가 가장 인기있는 웹 사이트 빌더라는 것을 알게되었으므로 여기의 예제로 사용할 것입니다.

이미 호스팅에 가입 한 경우 계정을 만들었습니다. 아직 웹 호스트가없는 경우 웹 사이트를 통해 Wix sitebuilder 에 가입하는 것이 좋습니다. 에서 이메일 주소와 비밀번호를 입력하기 만하면됩니다 Wix.com 가입 페이지를 시작합니다., 이메일 주소 핸들은 무료 도메인의 일부가 될 것이므로(사용자 정의 도메인이없는 경우)가입 할 때 명심하십시오. 아직 확실하지 않은 경우 아래의 Wix 플랫폼에 대한 전문가 리뷰를 확인하기를 환영합니다.

귀하의 웹 사이트를 가장 잘 설명하는 카테고리를 선택하십시오. 이는 사람들이 귀하의 웹 사이트를 찾는 데 도움이되며 Wix 가 플랫폼의 다양한 사용자 기반을 충족시키는 데 도움이됩니다. 선택 사항은 탐색하는 템플릿의 종류를 결정하므로 구축하려는 사이트의 스타일에 가장 적합한 옵션을 고려하십시오.,

Wix 에는 이제 웹 사이트를 만드는 두 가지 옵션이 있습니다. 전통적인 Wix 편집기 외에도 귀하가 대답하는 질문에 따라 맞춤 사이트를 설계하는 인공 지능 프로그램 인 wix ADI 도 있습니다. Wix 편집기를 사용하는 것이 좋습니다.이 편집기를 사용하면 플랫폼에서 사용할 수있는 사용자 정의를 완벽하게 제어 할 수 있습니다. 그러나,당신이 Wix ADI 를 시도하고 싶다면,꼭,그것을 위해 가십시오!

만드는 웹 사이트 유형에 따라 모두 다른 다양한 템플릿 중에서 선택하십시오. 이미지별로 옵션을 필터링하거나 키워드로 검색하거나 카테고리별로 템플릿을 정렬합니다.,

빈 템플릿을 선택하여 처음부터 또는 기본 레이아웃으로 완전히 시작할 수도 있습니다.

각 템플릿은 미리 채워진 텍스트와 배경 이미지로 시작합니다. 귀하의 템플릿은 사이트를 자신의 것으로 만드는 출발점입니다. 새로운 Wix 페이지에서 가장 먼저해야 할 일 중 하나는 비즈니스 정보를 추가하는 것입니다. 채우기에서는 귀사의 브랜드 이름,슬로건 및 기타 관련 상세정보를 클릭하여 텍스트를 교체해야 합니다., 을 변경할 수도 있습니다 시각적 측면을 포함하여 페이지는 배경 이미지며,추가 또는 교체에 이미지를 다른 사이트의 페이지에.

콘텐츠를 추가하고 사이트를 사용자 정의하는 방법이 많이 있습니다. 추가 버튼을 클릭하에 왼쪽 메뉴에 대한 넓은 옵션의 텍스트,버튼,슬라이드 쇼,메뉴,등등. 에서 애플리케이션 버튼을,많은 기능을 추가할 수 있습니다 귀하의 사이트에서 추가 기능성과 같은 의견,라이브 채팅,온라인 정보를 추가했습니다. 글꼴,이미지,비디오 및 음악과 같은 자신 만의 멀티미디어 콘텐츠를 업로드하고 블로그를 시작할 수도 있습니다.,

단순히 웹에 귀하의 사이트를 넣어 오른쪽 모서리에”게시”를 클릭! 당신은 도메인을 선택할 수 있는 무료 도메인에서 Wix.com 또는 사용자 정의된 도메인을 획득을 통해 도메인 등록 기관입니다.

옵션 2:워드 프레스를 사용하여 귀하의 사이트를 만들(중급)

워드 프레스를 사용하여 귀하의 사이트를 만들이 비슷한 경험을 사용하는 웹 사이트 빌더는 측면에서의 과정입니다. 어떤 플랫폼을 사용해야하는지는 선호도의 문제입니다. 이에 따라 달라집 중 하나에 가장 직관적이고 당신에게 가장 유연성에 대한 귀하의 사이트 디자인 및 유지 보수입니다., 워드 프레스와 함께가는 큰 장점은 공식 및 다른 WP 소프트웨어 사용자 모두 지원의 큰 커뮤니티입니다.

대부분의 호스팅 계획에는 다음이 포함됩니다에 쉽게 액세스를 워드 프레스—설치하면 이 소프트웨어와 하나의 클릭하거나,더 나은 아직,그것이 사전 설치되어 있다. 대부분의 경우,당신은 단순히 호스팅 제어판에 로그인하고 WP 플랫폼을 설치하는 옵션을 찾을 수 있습니다. 호스팅 서비스에 이 기능이 없으면 여기에서 수동 설치 지침을 찾을 수 있습니다. 이러한 웹 호스트는 WordPress 를 특히 쉽게 설치합니다.

더 워드 프레스 호스트”

을 얻기 위해 약간의 시간이 걸릴에 익숙해 WordPress 드 계정에. 당신은 어디에서 찾을 관리하는 글,페이지,댓글;변경 사이트의 외관,추가 사이트 편집기;그리고 플러그인 설치. 대시 보드에는 사이트의 콘텐츠를 추적하고 모양과 느낌을 사용자 정의하는 데 필요한 모든 것이 있습니다.,

모양 탭에서 대시보드에서,당신이 선택할 수 있습의 수에서 무료 테마(거나 지불하는 선택을 위해 하나). 테마를 설치하는 것은 원하는 템플릿에 대해”설치”를 선택한 다음”활성화”를 선택하는 것만 큼 간단합니다. 사이트의 다른 콘텐츠를 변경하지 않고 언제든지 테마를 변경할 수 있습니다.사이트에 새 페이지를 추가하려면”페이지”를 선택한 다음”새로 추가”를 선택하십시오.”모양 탭의 메뉴 옵션에서 이러한 페이지를 사이트 탐색 메뉴의 일부로 만들 수 있습니다. 게시물을 추가하려면(사이트에 블로그를 원하는 경우)”게시물”로 이동 한 다음”새로 추가.,”

기본적으로 WordPress 는 최신 게시물을 홈페이지에 배치합니다. 홈페이지 역할을 할 특정 페이지를 선택하려면 대시 보드 메뉴에서”설정”을 선택한 다음”읽기”를 선택하십시오.”첫 페이지 표시 섹션에서”정적 페이지”를 선택한 다음 홈페이지로 만든 페이지를 선택하십시오.

플러그인은 확장-기본적으로 워드 프레스에서 설정되지 않음-귀하의 사이트에 새로운 기능을 추가합니다. 워드프레스 플러그인을 향상시킬 수 있습니다 사이트의 기능을,도움 당신은 목표를 달성을 위한 당신의 사이트를 귀하의 웹사이트 방문자에게 더 나은 사용자 경험을 제공합니다.,

예를 들어,Google 애널리틱스는 플러그인을 추적하는 데 도움이 귀하의 사이트 활동 및 NextGEN 갤러리 플러그인을 표시할 수 있습니다 이미지 갤러리가 있습니다. 대시 보드의”플러그인”아래에서 문자 그대로 수천 개의 무료 플러그인 옵션을 검색 할 수 있습니다. “설치”를 클릭하기 만하면 갈 수 있습니다.

이 시점에서 콘텐츠가 가득 차고 시각적으로 매력적이며 기능적인 사이트를 만들었을 것입니다., WordPress 에서 게시는 페이지 또는 게시물 수준에서 발생하므로 사이트의 각 영역에 대해”게시”를 클릭해야합니다. 당신이 때까지 기다릴 수 있습니다 당신의 웹사이트에 완전히 준비를 시작으로 콘텐츠를 게시하거나 게시하는 새로 만드는 개별 페이지와 게시물이 있습니다.

옵션 3:HTML 을 사용하는 웹사이트에서 스크래치(고급)

을 원하는 사람들을 위해 도전하고 시간을 만들고,웹사이트를 통해 HTML 은 노력을 가치가있을 개발하는 이해의 웹 편집과 디자인이다., 당신은 단지 몇 시간에 기본 사이트를 설정하고,더 많은 HTML 과 CSS 기술을 배울 때 그것을 기반으로 구축 할 수 있습니다.처음 두 웹 사이트 구축 경로의 경우와 마찬가지로 첫 번째 단계는 호스팅 제공 업체에 가입하는 것입니다.

모두 보 위 웹 호스팅”

HTML 태그를 쓸 필요는 고품질의 텍스트 편집기를 충족시켜주는 언어로 이용할 수 있습니다. Textmate 는 Mac 사용자에게 이상적인 반면 Notepad++는 Microsoft 사용자에게 좋은 옵션입니다. 크로스 플랫폼 텍스트 편집기에는 Atom 및 Sublime 텍스트가 포함됩니다.,

웹 사이트는 확장명으로 명명 된 텍스트 파일로 변환되는 HTML 을 사용하여 엄격하게 구축 할 수 있습니다.html. 사이트의 메인 페이지는 일반적으로 인덱스라는 제목이 붙어 있습니다.html. 이 파일을 만들고 저장 한 다음 HTML 사이트의 기본 프레임 워크로 채 웁니다. 그것은 아래와 같습니다:

<html>태그는 사이트 콘텐츠 전체를 묶고 이것이 HTML 문서임을 나타냅니다., <head>태그를 포함한 당신의 페이지 제목,메타 태그(말 브라우저에 대한 세부 정보 페이지 내용을 표시),참고문헌은 외부 파일 CSS 스타일링에 대한 당신의 페이지입니다. 페이지의 실제 내용은<body>태그 사이에 있습니다.

사이트를 구축 할 때 사이트에 표시하려는 구조에 따라 파일을 폴더로 구성하고 싶을 것입니다. 예를 들어,귀하의 주요 정보가있는 정보 페이지의 폴더를 만들 수 있습니다.,html 파일뿐만 아니라 사이트 및 해당 콘텐츠를 지원하는 다른 HTML 파일에 스타일을 추가하는 관련 CSS. 추가 할 때 링크를 통해 사이트를 귀하의 사이트의 페이지를 참조 자신의 폴더 위치 디렉터리에 저장하는 파일이 있습니다.

각각의<body>섹션 내에 콘텐츠를 작성하십시오.사이트의 html 파일(즉,각 페이지). 여기에 몇 가지 중요한 태그를 알고 있으로 구축 최소 요구 사항을 충족해야 합니다.

• <header>을 나타내는 최고의 문서는 당신의 페이지 제목과 로고가 나타납니다.,
• <nav>구축하는 데 사용됩니다 귀하의 사이트 메뉴,메인 네비게이션의 사이트 방문자가 최고 수준의 사이트 링크가 있습니다.
• <section>는 페이지의 주요 내용을 나타냅니다. 페이지 내의 콘텐츠처럼 그룹화하는 데 사용됩니다. 개별 제목 아래에 그룹화 된 온라인에서 찾은 기사를 생각해보십시오.
• <article>은 사용에 대한 개별 콘텐츠 페이지에서와 같은 블로그 포스트,이미지,동영상 또는 기타 라디오 청취 경험을 제공합니다. 이러한 항목을 쉽게 구분할 수 있도록 페이지를 구조화하는 방법입니다.,
• <footer>는 웹 사이트 하단입니다. 이 지역은 종종 사람들이 자신의 연락처 정보,서비스 이용약관,개인정보 보호정책 및 기타 기타 하지만 중요한 정보를 제공합니다.

득에서 이러한 태그의 기본 구조는 당신의 페이지를 다음과 같이 보일 것입니다.

또한 사이트의 기본 탐색 모음을 추가하고 싶을 것입니다. 이렇게하면 사이트의 메인 페이지에 쉽게 액세스 할 수 있습니다., 당신이 사용하는<nav>태그 및<ul>순서 없는 목록 또는 꼬리표를 설정하는 이니다.

그리고 짜잔! 지금 당신의 사이트 방문자가 쉽게 탐색할 수 있습 귀하의 블로그에 제품 페이지로,당신을 드롭 라인에서 문의 페이지를 찾아보 고객 평가,그리고 다시 홈페이지를 다시!

HTML 만 사용하여 서식,색상 및 이미지로 사이트를 시각적으로 재미있게 만들 수 있습니다., 그러나 통합,CSS,css,귀하의 사이트에 제공하는 많은 제어의 외관,그리고 사용하는 사이트 CSS 보기 더 전문적이다.

css 는 별도의 CSS 파일로 지정됩니다. 주 파일은 일반적으로 스타일이라는 제목이 붙습니다.css. CSS 의 일부 기본 기능에는 색상,테두리 및 배경을 추가하고 상자 모델을 적용하여 페이지의 콘텐츠를 구성하는 기능이 포함됩니다., 이 단계는 기본 HTML 을 사용하는 것보다 고급이지만 사이트의 미학을 크게 향상시킬 수 있습니다.

전반적인 레이아웃에 만족하면 사이트를 게시 할 수 있습니다. 귀하의 사이트가 밖으로 시작하는 것이 매우 기본적인 경우 그것은 완벽하게 괜찮습니다. 로 보이는 전문,당신이 느낄 수 있는 좋은 대기에서 웹을 개선하고,그것을 개발할 때 더 많은 HTML 과 CSS 기술이다.

Alll 완료!, 이제 어려운 부분…콘텐츠를 추가

경우와 같이 우리의 이벤트 기획,친구 당신이 생각하지 않을지도 모른다는 자신을 구축 할 수 있습니다 웹 사이트에서 첫 번째 그러나 진실은 그것은 지금보다 쉽게 완벽한 초보자를 만드는 기능과 시각적 사이트는 사람들이 방문하고 싶다. 의 도움으로 온라인 자원 및 지원서는 워드 프레스 커뮤니티,내 친구는 사이트를 구축 그녀는 자랑스러워하고 여러분도 동참할 수 있습니다.

가장 중요한 것은 고려에 대해 귀하의 사이트는 콘텐츠,이 될 것입니다 무엇이 사람을 방문하고 있습니다., 귀하의 사이트가 귀하의 비즈니스 또는 특정 주제에 대한 블로그인지 여부에 관계없이 귀하가 원하는 것을 고려하십시오. 이 너무,당신의 웹 디자인 방향을 결정 하기 때문에 신중 하 게 고려. 일단 몇 가지 콘텐츠 아이디어와 구체적인 계획을 가지고 있으면 사이트 구축 모험을 시작할 준비가 된 것입니다.