[Powered by Google Translate] [세미나] [웹에 대한 귀하의 사이트를 준비] [Yuechen 조] [하버드 대학] [이 CS50입니다.] [CS50.TV] 

좋아요. 너희들은 그것을 위해하는 경우 여기에 웹 개발의 또 다른 시간이다. 오늘은 웹 귀하의 사이트를 준비에 대해 얘기 할거야. 하루 종일 - 아마 지난 2 주 동안 - 우리는 웹 사이트를 만드는 방법에 대해 얘기하고 있었어요 프레임 워크를 사용하는 방법, PHP를 사용하는 HTML을,,, 사용하는 방법 물건을 그런 식으로 - 데이터베이스와 상호 작용할 수 있는지 확인하는 방법에 대해 설명합니다. 하지만 오늘, 우리는 귀하의 사이트가 CS50 후 살고 어디로 가는지에 대해 이야기 할 것입니다. 결국 때문에, CS50 년 12 월 과거 발생하지 않습니다. 우리는 호스팅, 도메인 이름에 대해 이야기 할 것입니다. 우리는 어떤 브라​​우저 간 호환성에 대해 얘기 할거야 플랫폼 간 호환성이 있고, 당신은 어떻게 확신 할 수는 사이트 모든 조건에서 작동 할 것입니다. 우리는 오류 처리 및 기타 서버 마법에 대해 이야기 할 것입니다. 우리는 성능 최적화, 검색 엔진 최적화에 대해 얘기 사람들이 실제로 당신의 웹 사이트를 방문하는 얻는 방법. 그리고 마지막으로, 그냥 몇 가지 좋은 리소스는 너희들이 충분히 그 중을 가지고 있는지 확인 최종 프로젝트 꺼지고, 그리고 희망 후에합니다. 

우리가 이야기하는 거라고 먼저 도메인 이름입니다. 지금 당신의 장비로 프로그래밍하고, 당신은 로컬 호스트에 갈거야 이는 실제로 도메인 이름이 아닙니다. 즉, 실제 리눅스 설치를위한 일종의 단지 별 또는 별칭의의 PC에서 Mac 또는 VM웨어 플레이어 VM웨어 하나의 내부입니다. 도메인 이름은 당신이 웹에 사이트를 넣고 같이 이동 할 수 있습니다 www.google.com 및 웹 사이트를 얻을. 그들은 어떻게 작동합니까? 자, 당신은 단지 평균 웹 서버임을 말한다 - 평균 웹 서퍼 그리고 당신은 노트북을 가지고, 당신은 www.howstuffworks.com로 이동합니다. 나는에서이 훔친 어디 당신은 아마 볼 수 있습니다. 어떻게 물건 작품 - 컴퓨터가 다음 로컬 DNS 서버에 요청합니다 "이 웹 사이트는 어디 있는지 아세요?" "당신은 www.howstuffworks.com의 IP 주소를 알고 계십니까?" DNS 서버는 "그래, 내가."라고 말할 수 있습니다 이 경우에는 IP 주소를 얻을 귀하의 컴퓨터는 IP 주소를 액세스합니다. 그렇지 않으면, 그것은 "당신이 www.howstuffworks.com가 무엇인지 아십니까 봐!?"다른 DNS 서버에 요청 해당 서버는 "그래, 내가."라고 말할 수 있습니다 그래서, 그것이 무엇인지 다른 하나를 알려줍니다, 그리고 마지막으로,이 정보는 컴퓨터에 전달됩니다 그리고 당신은 howstuffworks.com에 액세스 할 수 있습니다. 

어떻게 이런 마법의 가지 중 하나를 얻을 수 있나요? 어떻게 당신은 아마 www.yourname.com 또는 www.ilovecats.com받을 수 있나요? 당신은 하나 등록 할 수 있습니다 당신이 그렇게 할 수 밖에 웹 사이트의 많은이 있습니다. 당신은해야합니다 - 대부분의 경우에 당신이 그들을 위해 지불해야합니다. 무료 특정 도메인 이름이 있습니다. 당신이 www.co.cc 나. tkdomainnames에 가면, 사람들은 무료입니다. 그러나, 그들은 특정 제한 오는가, 실제로 그들 중 일부는 심지어하지 않을 수 있습니다 . com이나. NET과 같은 실제 최상위 도메인 이름. 일반적으로 나는 그들 중 하나에 대한 것 제안 사용자는 그와 함께 그냥 더 편안 때문이다. 당신은. 동료를 많이 봤어요. 당신은. 그물을 많이 봤어요. 당신은 아마. co.cc의 많이 보지 못했다, 그래서 그들은 기억하기 더있어. GODADDY 또는 NameCheap 나 같은 다른 웹 사이트 - 나는의 하나를 사용 스케치의 종류 - 소위 activedomain.com. 정말 스케치 보이지만, 그것은 나를 위해 정말 잘 일한. 

그리고 마지막으로, 당신은 아마 네트워크 솔루션처럼 광고를 할 사람이있다. 하지만 당신은 NetworkSolutions.com에 가서 자신의 가격을 보면 정말 비싼 것입니다. 나는 지난 밤에 그들을보고 있었다. 도메인 이름 일년, 그것은 아마 많은 돈을 가치가 아니다. 사실, 당신은. com이나. 조직이나. 그물을 받고 있다면 보통 가격은 약 10 달러 년입니다. 당신은 그 이상을 많이 지불하는 경우에, 그것은 아마 그 가치가 아니다 결국,이 웹 사이트는 도메인 이름으로 아무것도하지 않습니다 때문입니다. 그들은 단지 당신에게주고, 당신은 싼, 왜를 위해 그것을 얻을 수 없다면? 

당신의 도메인 이름이 일단 다른 건이며, 그때는 아마 원하는 하나 Godaddy.com 또는 어디든지 당신이 당신의 도메인 이름을 구입로 이동 해당 도메인 이름에 대한 이름 서버를 설정합니다. 사용자가 www.howstuffworks.com로 이동 후 무슨 의미하는이다 그 이름 서버의 IP 주소들은 찾아 볼 수있을 것이라고 IP 주소입니다. 그들은 그 네임 서버를 통해 웹 사이트에 액세스 할 수있을 것입니다. 당신은 어딘가에 호스팅 적용하는 경우 다음 호스트가 가장 가능성이 당신에게 사용하는 이름 서버를 제공합니다. 

그리고 마지막으로, WHOIS이라는 것이있다. WHOIS 데이터베이스는 데이터베이스 당신이 입력 도메인 이름을 수있는와 그리고 해당 사이트 및 기타 연락처 정보의 소유자에 대한 정보를 뱉어 것입니다. 지금, 당신은 말할 수 있습니다, "나는 정말 내 집 주소를 원하지 않는 또는 난 정말 내 이메일 주소를 원하지 않는 보는 사람을위한 웹 사이트하거나 모든 사람들이 인터넷에. " 그럼 당신은 호스팅 서비스를 많이 제공하는 것을 사용하는 것이 좋습니다 - WHOIS 관리자처럼. WHOIS 관리자들을 많이 제공하는 단순히 다른 서비스입니다 멀리 숨 해당 정보 및 단지 이름에 대한 관리자입니다 누구에두고 - 주소는 일반적으로 당신이 도메인 이름을 부여있어 그냥 회사 이름입니다 - 그래서 다음 귀하의 개인 정보가 인터넷에 유출되지 않는 이는 일반적으로 아주 좋은 것입니다. 나 자신은 이러한 서비스 중 하나를 사용하십시오. 당신은 당신의 자신의 개인 정보에 대해 걱정하지 않는 경우, 정말 중요하지 않습니다. 

DNS 서버는 도메인 이름 시스템의 약자 그리고 그것은 무엇 - 그것은 말한다 해시 테이블 어딘가에 같은 종류의의  "이 웹 사이트 주소는 IP 주소로 매핑하는 것입니다." 그리고 그것이 전부입니다. 그래서 일단 당신이 DNS 서버를 쿼리, 당신은 IP 주소를 얻을 수 있습니다 이 해당 도메인 이름을 누른 다음 해당 웹 사이트를 방문하십시오. (청중 구성원이 질문을 - 무음) 첫 번째? 첫 번째 수준은 실제로 대개 컴퓨터의 캐시 자체입니다. 당신의 컴퓨터 종류는 www.google.com에 가서 마지막 시간을 기억 ,이 IP 주소이고, 다음 잠시 후, 그 캐시가 만료됩니다 그리고, 컴캐스트 DNS와 같은 요청합니다 "이봐, www.google.com 무엇입니까?" 일반적으로, 당신은 도메인 이름을 구매하는 경우, 당신은 하나를 등록하면 웹 사이트를 설정 당신은 도메인 이름과 즉시 해당 웹 사이트에 갈 수 이름이 서버 때문에 전 세계적으로 아직 도메인 이름에 대해 알고하지 않습니다. 그것은 채울 수있다. 그것은 일반적으로 24-48 시간 정도 소요됩니다. 좋아. 그래서, 그 도메인 이름에 대해 조금입니다. 그들은 매우 멋지다. 당신이 프로젝트에 대한 심각한 경우에 당신이 하나를 얻을해야한다고 생각 당신이 정말로 만들고 싶은 경우에 당신의 프로젝트가 캠퍼스에 걸쳐 알려진, 도메인 이름을 갖는 것은 정말 전문적인 보이게. 

다음 단계는 물론, 호스팅의 일종을 가지고있다. 당신은 당신의 컴퓨터에 호스트하는 경우, 아무도 그것을 갈 수있을 않을거야. 당신은 잠재적으로 사용자의 컴퓨터에 서버를 설정하고 영원히 당신의 컴퓨터를 유지할 수 하지만 사용하는 것이 좋습니다 아니에요. 온라인으로 사용 가능한 호스팅의 다양한 종류가 있습니다. 호스팅이 공유 된. 가상 호스트이다 VPN은 (이해할 수없는) 있습니다. 반 전용 및 전용있다. 지난 3, VPN, 반 전용 및 전용은 일반적으로 더 비쌉니다. 그들은 일반적으로 더 많은 자원을 필요로 웹 사이트에 사용하고 있습니다. 당신은 웹 사이트를 밖으로 시작하는 경우, 그냥 공유 호스팅으로 이동하는 것이 더 경제적 일 수 있습니다. 그리고 어떤 수단을 공유하는 웹 사이트의 단지 무리 것은 모두 함께합니다 이 호스트 서버에이 웹 사이트에서 하나의 서버에서의 정렬, 당신은 귀하의 웹 사이트에 액세스 할 수 있습니다 도메인 이름을 통해. 

거기에 인기있는 호스트가 많이 있습니다. HostGator에와 DreamHost에은 - 그것들은 매우 크고 매우, 매우 인기가 있습니다 매우, 매우 성공적으로. 나는 개인적으로 하나라는 MDDHosting를 사용합니다. 당신이 www.mddhosting.com에 가면, 그 선택의 나의 호스트입니다. 나는 그들이 아주 좋은 것 같아요. 그들은 항상 매우 안정적인 있었고, 나는 그들과 함께 문제가 없었습니다. 그들은 또한 매우 경쟁력있는 가격을 가지고. 내가 정말 좋아하지 않는 두 가지가 GODADDY 있습니다 - 즉, 또한 아주 인기가 호스트의 하지만 난 그들과 함께 끔찍한 경험을 했어 내가 알고있는 많은 사람들이 그들과 함께 정말 끔찍한 경험이 있었다. 그들은 일종의 그들이 무슨 일을하는지 모르는 사람 한 후 이동 - 어쩌면 당신은, 처음으로 웹 사이트를 만들고있어 그래서 그들은 일종의 자신의 호스팅 패키지를 구매로 그들을 사기꾼. 그것을하지 않습니다. 그것을 위해 빠지지 말라. 정말 당신의 요구에 맞게 다른 호스팅 패키지를 찾아 이동합니다. 그리고 다른 하나는 - 무료 호스트가 거기있다. 무료 귀하의 웹 사이트를 호스팅하는 웹 사이트가 있습니다 - 가끔 귀하의 사이트에 광고를 넣어, 때로는함으로써 당신은 자신의 포럼에 참여 하지만 때로는 또한 무료. 그들 중 많은 정말 그냥 폐업 때문에, 무료 호스트와주의 몇 달 후. 당신은 비용을 유지할 수 없습니다. 다른 사람은 매우 신뢰할 수 있으며, 귀하의 사이트는 항상 다운 될 것입니다 그리고 당신은 그런 일이 싶지 않아요. 

각 호스트는 자신의 컨트롤 패널을 제공합니다. 귀하의 제품에 대한 정말 자체 컨트롤 패널이없는 것을 알 수 있습니다. 당신은 파일을 이동하고 편집 할 터미널을 사용합니다. 당신은 혼자서 chmod를 일해야합니다. 당신은 PHPMyAdmin을에 가고 싶어 경우, 당신은 로컬 호스트 @ / phpMyAdmin은 그 같은 것들로 이동합니다. 그러나 컨트롤 패널은 서버의 파일을에 가서 편집 할 수 있습니다 Windows 탐색기 나 파인더 형 응용 프로그램과 함께. 또는 당신은 통과하고 자신의 도구를 사용하여 데이터베이스를 볼 수 있습니다 대신 phpMyAdmin을의. 그래서, 선택의 여지가 여기있어, 더 인기있는 컨트롤 패널 중 일부는 거기있다. 하지만 당신은 호스트를 찾고 있다면, 당신은 사용자 지정 및 옵션 종류의 무엇을보고 할 수 있습니다 그들이 내 서버를 정의하고, 내 웹 사이트에 더 나은 실행되도록 제공하고 있습니다. 그렇다면, 당신은 "음, 어떻게 호스팅을 선택합니까?"요청할 수 있습니다 당신은 어떤 호스트 웹 사이트에 가면 전문 용어가 많이, 그리고 많은 옵션이 있습니다. 다른 가격이 많이도 있습니다. 웹 사이트 어쩌면 당신과 내가 만드는 것이 그냥 있기 때문에 일반적으로 내가 싼 것들에 대한 이동 - 특히 지금, 특히 선발로 - 그들은 많은 자원을 필요로하지 않을 수 있습니다 Microsoft.com 같은 웹 사이트가 수도로. 

첫째로 당신은 당신이 정말로 궁금하면 운영 체제에서보고 싶지 여부 귀하의 사이트는 Windows에서 또는 Mac에 리눅스 호스팅 할거야. 그 일반적으로 저렴한이기 때문에 일반적으로 우리는 단지 리눅스와 이동 또한 어쩌면 너희들 때문에 제품의 더 잘 알고 있다는 한. 그리고, 어쩌면 그들은 당신이 얻을 수있는 대역폭의 양에 몇 가지 제한을두고 있습니다 - 마음에 얼마나 많은 메가 바이트 또는 기가 바이트의 데이터가 사용자가 다운로드 할 수 있습니다 한달에 귀하의 웹 사이트에서? 또는 디스크 공간이 필요합니다. 당신은 얼마나 많은 공간을 얻을 수 있습니까? 그것은 500 MB입니다? 그것은 2GB가 있습니까? 그것은 무제한인가? 요즘, 웹 서버의 많은 그들을위한 방법으로 당신에게 무제한의 디스크 공간을 제공 자신의 호스팅 패키지를 얻을 당신을 유혹한다. 당신이 정말로 그것에 대해 생각한다면, 때 당신은 무제한의 디스크 공간을 필요로하는 건가요? - 만약 당신이 HTML 파일의 몇 PHP의 두 이미지의 몇 가지가있는 경우 그 때문에 만 메가 바이트의 커플, 그리고 일반적으로 난 그냥 공간 어쩌면 몇 기가 바이트 분량에 대한 이동 그리고 그만큼 난 더 필요 때까지 나를 시작하려면 수 있습니다. 

마지막으로, 그들은 어떤 종류에 제한을 둘 수 있습니다 - 당신이 할 수있는 방법 많은 데이터베이스. 어쩌면 당신은 단지 1 데이터베이스가있을 수 있습니다. 어쩌면 당신은 2를 가질 수 있습니다. 어쩌면 당신은 10를 가질 수 있습니다. 그것은 당신에게 정말 중요한 것 당신은 얼마나 많은 얻을 수 있습니까? 스스로에게 물어보세요. 그리고 마지막으로, 언어와 같은 바로 확인해보세요. 그들은 PHP를 지원합니까? 그들은 MySQL을 지원합니까? 그들은 무료이기 때문에 대부분의 호스팅 웹 사이트는 다음을 지원 않습니다. 그들은 오픈 소스입니다. 그것은 그들에게 당신을 위해 다음을 제공하기 위해 아무것도 비용이되지 않습니다. 하지만 당신이 사용하고 싶은 경우에, 루비 또는 파이썬 또는 다른 언어의 일부를 말한다 - 그들은 그들의 서버에서 지원하지 않을 수 있습니다, 그래서 사물의 그 종류를 찾는 것이 중요합니다. 

그리고 마지막으로, 그들은 당신이 SSL 또는 cron이 작업 같은 고급 작업을 수행 할 수 있습니까? SSL는 HTTPS를 만들어 귀하의 웹 사이트가보다 안전하게 할 수있는 옵션입니다 당신의 연결을 암호화합니다. 그리고 cron 작업은 실행하려는 어쩌면 단지 스크립트입니다 5 분마다, 매 10 분마다 15. 공유 호스팅 웹 사이트의 많은 제한을 배치해야합니까 더 많은 자원을 소요하기 때문에 실행할 수있는 cron 작업의 수. 

그리고 마지막으로, 당신이보고 싶은 다른 단지 모든 - 일인지 정확히 확인 당신은 호스팅 패키지를 구입하기 전에. 그리고 마지막으로, 성능을 제공합니다. 성능은 거대하다. 내 웹 사이트가 얼마나 빨리 실행하는거야? 대부분의 사용자는 실행 귀하의 웹 사이트에서도 초 동안 기다리하지 않을 수 있습니다 그들은 단지 지루, 그들은 MeanBase에 가서 사진을보고 시작하기 전에 고양이 - 만약 당신이 어떻게 알고, 그리고 당신이 보드에 해당 사용자를 얻을 수 있는지 확인하려면 그리고 당신은 좋은 가동 시간을 가지고 그냥 의미하는 귀하의 웹 사이트 항상 액세스 할거야. 호스트의 많은 정말 나쁜 가동 시간을 가지고 있고 그것은 단지 귀하의 웹 사이트가 될 것 아니에요 의미 접근, 그리고 당신이 슬퍼 할 수 있기 때문에 그런 일이 싶지 않아요. 그리고 당신은 또한 같은 웹 사이트와 호스트의 성능을 추적 할 수 있습니다 Pingdom.com 또는 호스트 tracker.com, 그들은 당신의 사이트가 얼마나 자주 다운을 설명합니다. 

그리고 마지막으로, 당신은 그들의 지원에 대해보고 싶어요. 당신은 문제가 있다면 그들은 24 시간 이내에 응답하는 건가요? 그들은 48 시간 안에 당신에게 응답하는 건가요? 나는 일반적으로 사용하는 호스팅 서비스가 몇 분 안에 나에게 응답 이것은 정말 좋은 것입니다. 휴! 모든 권리! 그것은 휴식을위한 시간이다. 그러나 나는 당신에게 그것을주지 않을거야. 우리는 단지 가끔 귀여운 고양이의 사진을 볼 수 있습니다. 

또 다른 정말, 정말 큰 일 크로스 브라우저 호환성이다. 나는 크로스 브라우저 호환성에 의해 무엇을 의미합니까? , 요즘은 마이크로 소프트 인터넷 익스플로러 아니다 당신은 알고있다. 그냥 모질라 파이어 폭스 나 사파리 아니다. 이제 우리는 크롬이 있습니다. 우리는 오페라가 있습니다. 우리는 돌고래 있습니다. 우리는 카미노 있습니다. 우리는 정복자가 있습니다. 우리는 서로 다른 브라우저의 모든 수 있습니다. 지금 나오고 명소 - 멜트 - 그 모든 크롬을 기반으로하지만. 그러나 문제의 사실은 단지 하나의 브라우저가 더 이상 존재하지 않습니다. 당신은 단지 하나의 응용 프로그램이 웹 페이지를 볼 수 없어. 그리고, 다른 브라우저는 서로 다른 HTML, 다른 CSS에 반응하고합니다 당신은 그와 다른 다른 자바 스크립트, 그리고 어떻게 처리합니까? 물론, 어떤 경우에는, 당신은 정말 할 수 없습니다. 귀하의 웹 사이트가 - 그것은 하나의 브라우저에서 작동하는 경우, 당신이 쓴 코드는 작동하지 않습니다 다른 브라우저에서, 그리고 그것을 확인하기 위해 당신의 일 당신이 작성하는 코드 그것은 어디서나 작동하는 보편적이다. 그래서,이 정말 위험합니다. 당신이 말하는 경우, "글쎄, 내 컴퓨터에 일하고. 그레이트!의가 이동하자." 글쎄, 아마 내에서 작동하지 않을 것, 그리고 귀하의 웹 사이트에 갈 때 매우 슬픈거야, 그리고 지금 당장 떠날거야. 자, 당신은 이러한 문제를 방지 할 수있는 방법을 살펴 보자. 

첫 번째 것은 물론, 단지 표준 HTML, CSS, 그리고 자바 스크립트를 사용하는 것입니다. 그 무엇을 의미합니까? 물론, 표준이 아닙니다 많은 것들을 거기 밖으로있다. 예를 들면, CSS에서 많은 버전이 있습니다. 당신은 어떤 CSS 규칙을 참조하는 경우와-MOZ - 또는 - 웹킷 - 그 규칙은 특정 모질라 브라우저와 웹킷 브라우저 모두, 그래서 당신은 아마 당신이 그 일을 피하려고 있는지 확인하려면 당신 때문에 사용-MOZ -이 경우 규칙은 파이어 폭스에서 작동하는 것입니다. 그리고 당신은 정말 또한 인터넷 익스플로러에 어울리는 그것을 원하는 경우에, 당신은 운이 될 것입니다. HTML, 또한 당신이 그 작품은 하나의 브라우저에서 HTML의 일을 할 수 하지만 또 다른 휴식, 당신은 최대한 피하려고. 그리고 마지막으로 자바 스크립트를도 - 자바 스크립트의 많은 버전이있다 - Document.getElementsByClassName과 이번 여름 우리는 문제에 달렸다 이는 일반적으로 자바 스크립트 표준의 일부로 정의 된 함수 - Internet Explorer 8에서 찾을 수 없었습니다. 그래서 여름에 나는 실험실에서 일하고 있었다 그리고 우리는 온라인 실험을 구축 하였다. 우리가 사용하고 있던 사용자가 실현 될 때까지 우리는 정말 잘 작동 알았는데 인터넷 익스플로러 8은 그 결과를 제출할 수 없습니다. 우리는 많은 데이터를 잃어 하였다. 그것은 우리가 정말 슬픈했다. 그래서, 당신은 항상 당신의 스크립트가 사방에 작동하기 위하여려고하고 있는지 확인 싶어. 

그리고 마지막으로, validator.w3.org를 사용 이는 우리가 PSET 7 할을 알려 것입니다. 페이지가 확인되어 있는지 확인합니다. 그것은 적어도 첫 번째 단계의 전성 검사이기 때문 중요합니다. 내 코드는 실제로 표준을 준수입니까? 귀하의 사이트가 작동하기 위하여려고하고 있는지 확인할 수 있도록 일종의 또 다른 방법 대부분의 경우 아마도 일부 라이브러리와 프레임 워크를 사용하는 것입니다 이 정말 똑똑 개발은 이러한 문제에 대해 생각하기 때문이다. 그들은 겪었어요 그리고 그들은 브라우저에서 작동 다른 기능을 작성했습니다. 예를 들어, 우리는 Pset의 7 jQuery를 사용합니다. 당신이 그것을 본 적이없는 경우에도, JQuery와 많은 기능을 제공합니다 그렇지 않으면 당신은 자신을 작성해야합니다. 그러나 이러한 개발자가 쓴, 그들은이 모든 브라우저에서 작동하는지 확인했다. 그리고 부트 스트랩 - 우리는 Pset의 7을 보여 또 다른 CSS 프레임 워크입니다 - 정말 좋아 보이는 웹 사이트를 설계와 두통을 많이 떨어져 걸립니다. 모든 브라우저합니다. 

당신이 그것을 피할 수 있다면 그리고 마지막으로, 나는 보통 처음부터 코딩하지 마십시오. 당신은 당신의 학교 클럽 웹 사이트를 만드는 경우, 예를 들어, 당신이해야 할 모든 몇 페이지를 표시하고 어쩌면 당신의 대통령에 가야하는 것입니다 여기 저기 몇 가지를 변경 - 코드 필요는 자신쪽으로 정말 없습니다. 즉, 시간이 많이 걸립니다. , 그것은 당신의 에너지를 많이 걸립니다, 당신은 통과해야하고 당신이 밖으로 찾을 수있다 또한, 본 브라우저에서 잘 보이는 것입니다,이 브라우저에서 잘 보이는 것입니다. 어쩌면 다른 사람이 당신을 위해 이미 작성 한 이러한 패치의 일부처럼 사용 워드 프레스 또는 Joomla의 또는 드루팔. 이러한 내용이라고합니다 - 이것들은 기본적으로 그냥 패키지입니다 CMS가 호출됩니다 이미 당신을 위해 수행 와서 당신이 그들을 다운로드 할 수 있습니다, 귀하의 서버에 넣어, 그들을 정의하지만 당신이 원하는, 당신은 이미 실행중인 웹 사이트가있다. 이러한 코드 패키지에 보는 무언가이다. 당신이 같이 갈하지 않는 한 이런 일들은 오픈 소스 - 당신이 양식 패키지를 찾고 있다면, 같은 무료로하지 않습니다 가지가있다 vBulletin에 또는 IP.Board. , 당신은 그 일부 고급 기능이 필요하지 않으면 당신은 항상 무료 옵션을 선택할 수 있습니다. 

그리고 마지막으로, 그것은 거기에 방지하지 않습니다. 당신은 테스트, 테스트를 테스트해야합니다. 당신은이 모든 브라우저에서 이러한 모든 플랫폼에서 코드를 테스트해야합니다. 그리고 당신은 알고있다, IE6 - 고맙게도 사람들은 IE6에서 멀리 이동하기 시작했습니다 다시 하루에 있기 때문에 아마 몇 년 전, 웹 개발자는, 항상, 항상 있었다 항상 기준을 다음과 IE6의 약점 주선. 웹 사이트는 단지 그것을 처리하는 더 나은 방법의 부족을 위해 1990 년대의 종류를 보였다. 당신은 또한 당신의 CSS를 확인할 브라우저 스크린 샷을 사용할 수 있습니다. 한 정말 멋진 웹 사이트 browserlab.adobe.com입니다. 이 어도비에 의해 넣어 무료 서비스입니다. 그리고 그들이 수행하는 것입니다 그들은 귀하의 웹 사이트의 스크린 샷을 걸릴 수 있습니다 다른 조건 하에서 실행 - 다른 브라우저에서 실행되는 것처럼, 서로 다른 플랫폼에서 실행 - 그리고 그들이 어떻게 생겼는지을 보여줍니다. 그냥 내가 여기에 무슨 뜻인지를 보여주기 위해, 나는 하버드에서 생활이라고 작년에 웹 사이트를 만들 나는 무엇을 시도했다 - 나는 my.harvard 더 만들려​​고. 여기에 작년 있다면 지금 보이는, my.harvard은 보이지 않았다 때문입니다. 그것은 구역질의 종류를 보인다. 하지만 지금은 더 많이 보인다. 필자의 구현, 그 이상 유용하지만, 모두 같은 아니 었 당신은 내가 추가하려고 알고 - (이해할 수없는) 많은이든 - 그리고 그것은 보인다 - 그것은 내 컴퓨터에 아주 잘 보인다. 나는 시간이 더 있었 더라면 그리고, 어쩌면 내가, 브라우저 연구실에 갔을 것이다 내가 바라 보았다 것, 잘, 어떻게 Windows에서 크롬 18에서 볼 않습니다. 나는 아래로 스크롤 것이고, 내가 볼 수있을 것입니다 - 아! 공지 박스에. 내 텍스트 넘쳐 있었다. 그래서, 오른쪽, 나쁜? 사용자가 Windows에서 크롬을 사용하여 내 웹 사이트에 제공하는 경우는, 그 즉시 매우답지 보인다. 그래서, 난 내 CSS에 가서 CSS의 일부는 여기에 파괴되고 있는지 확인해야한다. 왜 모든 사용자가 동일한 웹 사이트를 볼 수 있도록 정확하게 표시하고 문제를 해결하지 않습니다 와 마찬가지로 행복합니다. 

그리고 마지막으로, 잘, 브라우저 스크린 샷, 당신의 CSS를 테스트하기위한 좋은 수 있습니다 하지만 자바 스크립트에 대해 무엇? 당신이 실행중인 몇 가지 복잡한 스크립트가에 대한 경우? 글쎄, 당신은 항상 가상화를 수행 할 수 있습니다. 당신은 Mac을 가지고 있다면 당신은 아마의 사본을 가상화 캠프를 부팅하거나 VM웨어 사용할 수 있습니다 이 Windows 및 Internet Explorer를 사용. 또는, 당신은 불행하게도 단지 PC에서 작동 Spoon.net처럼 뭔가에 갈 수 있습니다. 그러나 그들이 매우 시원하다. 그들은 당신을 위해 소프트웨어를 가상화 그래서 당신은 예를 들어, IE의 다른 버전을 실행할 수 있습니다. 당신은 파이어 폭스의 다른 버전을 실행할 수 있습니다. 당신은 사파리의 다른 버전을 실행하고 거기에 귀하의 웹 사이트의 모든을 테스트 할 수 있습니다. 불행하게도, 그들은 무료로하지 않습니다. 즉 유료 서비스이며, 이런 종류의 항상 그래서 - 이 트레이드 오프 사이의 정렬이 항상있다, 또한, 내 웹 사이트를 좋게 만들려고하고 있습니다. 그렇다면, 나는 내가 그렇게 할 수 있도록 일부 서비스에 대해 지불해야 할 수도 있습니다. 어떤 우리가 이야기하는 무엇에 대해이 시점에서 질문? 최고. 좋아요. 

이제 우리는 얘기 가지 더있다. 어떻게 오류에 대한? 당신은 당신의 웹 사이트 경우에도 작동 할 것이라는 것을 어떻게 확신해야합니까 뭔가 나쁜 일이? 어쩌면 당신은 food.php라는 페이지가 없습니다. 하지만 내게, 내가 당신의 웹 사이트에 가서 내가 food.php에 액세스하려고합니다. 파일을 찾을 수 없습니다 - 당신은 나에게 404 말한다 흰색 페이지를 표시 할 건가요? 또는 당신은, 글쎄, 난 당신을 위해 이것을 찾을 수 없습니다 미안 해요 "라고 말할 예정 하지만 어쩌면 여기 당신이 당신이 필요로하는 무슨을을 검색하는 데 도움이되는 몇 가지 다른 자원입니다. " 다른 오류가 - 그래서 이것은 그냥 몇 가지 오류 코드입니다 HTTP 오류라고합니다 서버에 뭔가 나쁜 일이 일어날 경우에 브라우저로 다시 전송했을 수있는. 400 - 잘못된 요청. 401 - 권한이 없음. 당신이 액세스 할 수 있도록 안되는 디렉토리가있는 경우 403 공통의 종류 사용자가 있지만 사용자 어쨌든하려고합니다. 500 - 내부 서버 오류 - 만약 당신이 뭔가를 할 때 일반적으로 발생하는 정말 나쁜는 PHP 코드로 벌어. 그러나 어떤 경우에는 브라우저의 이러한 종류 - 이러한 정렬 오류가 발생할 않습니다. 

그래서, 당신은 당신이 정상적으로 이러한 오류를 처리되었는지 확인하는 방법 어떻게해야합니까 그리고 사용자가 매달려 단지 종류가 아닌지 확인? 여기에 온다. htaccess가. 이제. htaccess가 아파치 서버에서 작동하는 무언가이다 작동 뭔가뿐만 아니라 몇 가지 다른 서버에서 작동합니다. 이것은 당신이 당신의 서버가 이러한 구성을 위해 단지 방법입니다 당신은 당신이 그것을 할 원하는 그것을 할 수 있습니다. 당신이 할 수있는 몇 가지. 당신은 당신의 캐시 설정을 제어 할 수 있습니다. 어쩌면 당신은 있는지 확인하는 귀하의 웹 사이트에 특정 페이지가있다하는 사용자 다시 다운로드 할 때마다 사용자가 제공하고 귀하의 웹 사이트를 방문합니다. 또는 어쩌면 당신은 yoursite.com / 시험 / HTML / 페이지 / hello.html처럼 일부 URL이 그리고 당신은 yourname.com / 인사 할 원하지 -. 잘 사용할 수 htaccess로 또 다른 하나의 웹 페이지를 리디렉션합니다. 당신은 또한 인증을 수행하는 데 사용할 수 있습니다. 어쩌면 당신은 다른 암호를 사용하는 데 필요한 웹 사이트의 일부 부분이 있습니다. 당신은 특정 IP 주소를 차단할 특정 도메인을 차단할 수 있습니다. 어쩌면 당신은 정말 당신의 웹 사이트를 사용하여 하버드 학생들을 좋아하지 않아. 글쎄, 당신은 모두 하버드 IP 주소를 차단하는 옵션이 있습니다. 

마지막으로, 당신은 일을 처리 할 수​​ 있습니다 - 당신은 당신의 서버를 만들기 위해 특정 코드를 작성할 수 있습니다 PHP 코드로. 조 또는. 이름이나.여 페이지와 같이 취급합니다. 어쩌면 유용 할 수 있습니다. 어쩌면이되지 않습니다. 그리고 마지막으로, 당신은 오류 응답을 처리하는 데 사용할 수 있습니다. 그 무엇을 의미합니까? 당신은 단순히 다음과 같은 코드를 추가하는 경우 - 작성한 ErrorDocument 404을 다음 몇 가지로 직접 오류 페이지, 당신은 사용자가 단지 정말, 정말 추악한 표시되지 않도록 할 수 있습니다 404 그들에게 뭔가 좋은 보여준다. 

의는 실제로 우리가 Pset의 7 그렇게 할 수있는 방법을 살펴 보자. 여기, 내 제품에있어. 나는 페이지에 액세스하려고거야 다음 크롬을 열 예정하고있어 그 CS50 금융에 존재하지 않습니다. 그래서, 로컬 호스트를 - cats.php - 그래서 나는 오류 문서를 만든 것을 알 수 즉 "Canz z는 페이지를 찾을 수 없습니다!"라고 그것은에 매우 슬픈 고양이가있다. 당신은 다른 사이트의 갈 경우, 트위터에 갈 경우, 당신이 페이지를 찾을 수 없습니다, 그들은 일반적으로 당신에게 귀여운 사진을 게재하도록 노력 그래서 당신은 너무 실망하지 걸. 당신은 또한 말한다,보다 전문적인 뭔가가있을 수 물론, 나는 페이지를 찾을 수 없습니다 미안 해요,하지만 어쩌면 여기에 검색 상자입니다. 아니면 여기 당신이 원하는 링크를 찾는 데 도움이됩니다 몇 가지 링크가 있습니다. 그래서,이 작업을 수행하는 방법 했는가? 어떻게 이런 일이 가능하다조차? 우리는 여기에서 우리의 단자에 가면 - 난 그냥 조금 확대 할거야 - 나는 새 페이지를 알 수 있습니다. 내 HTML 디렉토리 내에 그것이라고 - 당신은 그것을 볼 수 없습니다 - 그것은 error.php라고. 그리고 error.php은 내가 만든 파일입니다 그건 당신에게 그 페이지 자체를 보여줍니다. 나는 error.php가 무엇인지를 보여줄 수 있습니다. 정확히이 페이지이다. 그것은 "오! Canz Z 페이지를 찾을 수 없습니다!"라고 당신이보고 싶은 경우에, - 그래서, 통지의 htaccess로 정렬 이상한 이름입니다.. 그것은 시스템 파일의 것을 의미합니다 점으로 시작합니다. 그것은 일반적으로 표시되지 않는 숨김 파일입니다. 당신은 LS-를 할 경우, 당신은 특정 디렉토리에 숨겨진 파일을 모두 볼 수 있습니다 그리고 실제로, 당신은 참조하십시오. htaccess로 그들 중 하나입니다. .의 앞서 가서 htaccess 지시어를 엽니 다하자 - - gedit에서와 붐! 내가 가진 전부가 하나의 라인 - 404 오류에 대한 오류 문서 이는 또한 파일을 찾을 수 없다는 오류로 알려져 있습니다. 의는 error.php라고 뭔가를 리디렉션 할 수 있습니다. canz z는 페이지를 찾을 수 없습니다처럼 재미 일들을 할 수 있습니다! 그리고 당신은. htaccess를 함께 할 수있는 아주 멋진 일들도 있습니다. 당신이 더 많은 것을보고 싶은 경우에. htaccess로 마술, 이 이동하는 아주 멋진 웹 사이트입니다 - 그것이라고 javascriptkit.com/howto/htaccess.shtml-- 당신이 더 많은 서버 마법을 수행하려는 경우. 그리고 그것은 매우 재미있을 수있다. 

휴! 모든 권리! 더 귀여운 사진. 이 푸시 업을하는 사람이며, 그의 고양이 돕기 위해 노력하고있다. 나는 그것이 아주 귀여운 것 같아요. 불행히도, 난 그런 고양이를 가지고 있지 않습니다. 좋아. 그래서, 우리는 이야기했다. htaccess가. 우리는 오류 처리에 대해 얘기했습니다. 우리는 호스팅, 도메인 이름에 대해 얘기했습니다. 우리는 브라우저 간 호환성에 대해 얘기했습니다. 이제 귀하의 웹 사이트가 실제로 수행되었는지 어떻게 확인합니까? 우리는 당신의 웹 사이트에 가면 있는지 어떻게 확인합니까 나는 몇 초 내에 페이지를 볼 수 있습니까? 나는 사람들이 그냥 일종의 잊어 생각하는 것들 중 하나 이미지 최적화입니다. 자, 당신은 귀하의 사이트에 사진을 넣어 싶어 말 그리고 2 MG 크다. 우리는 하버드이기 때문에 즉, 우리 잘 될 수도 우리는 매우 빠른 인터넷 연결을해야합니다. 그러나 중국에있는 사람을 상상해보십시오. 인도에있는 사람을 상상해보십시오. 누군가가 아마 농촌 캔자스 사람들은 어쩌면 같은 종류의가없는 상상 우리가 가지고있는 광대역 인터넷. 귀하의 사이트와 사용자의 2 메가 바이트 이미지를 가지고 있다면, 그것을 액세스하려고 그것은 그들에게 다운로드 정말 오랜 시간이 걸릴거야. 그래서, 당신은 해결책의 종류를 필요로하지 않는 경우에, 당신은 어도비 사진 숍 같은 뭔가 이미지 크기를 조정할 수 있습니다. 웹 및 장치 용 안전라는 옵션은 일반적으로있다 그리고 그것이 무엇 그것이 불필요한 정보를 모두 걷어입니다 그리고 작은 이미지 크기로 압축 파일의 종류의 당신이 할 수 있도록 귀하의 웹 사이트에 넣어 해당 페이지를 다운로드하려고 모든 사용자 이미지의 작은 버전을 다운로드하는 것입니다. 당신은 어도비 사진 가게가없는 경우 위치를 입력하여 이미지를 수 webresizer.com 또 다른 자원이다 그리고 그것은 똑같은 이미지를 뱉어 하지만 작은 3 번과 같이 될 것입니다. 그래서 당신의 사용자에게 매우 유용합니다. 

당신이 할 수있는 또 다른 것은 코드를 작게를합니다. 우리는 Google.com에 모습을 취할 경우, 당신은 우리가하는 데 사용하는 것과 동일한 HTML과 CSS의 종류 아니라고 볼 수 있습니다. 그냥 여기에 소스 코드를 살펴 보겠습니다. 그냥 아래로 스크롤하면 - 와우, 아주 역겨운 보인다. 이 스타일에 0을 얻을 것입니다. 당신의 Pset의이 코딩하는 경우에, 당신은 당신의 스타일에 0을 얻을 것이다. 이 더 간격이 없습니다. 이름은 정말 이상한보세요. 그것은 모든 정말 역겨워. 그리고 스크립트는 본문에 닫습니다 - 닫는 HTML을 - 그들은 모두 함께 있어요 - 모두 함께 smushed. 왜 이렇게합니까? 그들은 그들의 코드를 축소 된. 이 문서가 많이 작아 될 것을 알 저를 공백 뭔가 이상 다운로드 할 수 정말 긴 변수 이름이 뭔가 이상. 당신은 당신의 코드를 작게를하면 모든 공백을 제거. 당신은 당신의 코드에 공백이있는 경우 물론, 브라우저 상관하지 않습니다. 내가 작은 파일을 다운로드 할 수 있습니다 지금, 그것을 제거 - 이제 파일 - 문서 우리는 다운로드 거라고는 작은 파일 크기가 저 다운로드하는 것이 빠를 것이다, 그 유용합니다. 당신은 웹 사이트 작업을하고있어, 당신은 웹 사이트를 실행하는 경우, 그것은 당신의 코드를 작게를 거의 항상 좋아요. 그것은 좋을 것 다른 이유는 다른 사람이 코드를 사용하지 않으려는 아마이다. 어쩌면 당신은 다른 사람이 귀하의 CSS를 사용하지 않습니다. 당신이 정말로 그와 함께 인색하고 싶다면 당신은 알고있다 당신은 또한 당신의 코드를 작게를 할 수 있고, 내가 그것을 훔쳐하는 것이 어렵게 될 것이다 무슨 일인지 아무 생각이 없기 때문에. 당신은 또한 minify.avivo.si 같은 웹 사이트로 이동할 수 있습니다. 이 온라인과 같은 서비스는 손으로 그것을 할 필요가 없습니다 그래서 당신은 당신의 코드를 작게를 도와줍니다. 확실히 손으로하지 않습니다. 

좋아요. 현재 스크립트에 대해 말하기. 어쩌면 당신의 PHP 코드에서 당신이 할 필요가없는 무언가가있다. 아마 거기에 여분의 루프가있다. 우리는 CS50의 코드 디자인에 대해 이야기했다. 당신이 경우에 당신은 C로 코딩하는 경우에도 - 당신은 여분의 작업을 수행하는 경우 당신이 할 필요가없는, 음, 귀하의 웹 사이트에 스크립트를 늦출 것, 사용자가 요즘 매우 참을성이 있기 때문에이 웹 사이트에 특히 중요합니다. 당신은 불필요한 작업을 수행하는 경우, 그것은 더 이상을 걸릴 거예요 그들이 원하는 정보를 얻을 수 있습니다, 그들은 매우 불행이 될 것입니다. 마지막으로, 당신은 당신의 데이터베이스 테이블을 최적화 할 수 있습니다. 우리는 인덱스에 대한 이야기​​를 기억한다. 그들은 당신 고유의 행이 있는지 확인하기 만 좋은 아니에요. 또한 데이터베이스가 빠르게 작동하는지 확인하기 위해 좋은입니다. 당신은 MySQL의 문서가 이동에 읽어하려는 경우 또는 당신이 볼 수 - 글쎄, 어떻게 내 데이터베이스 테이블을 최적화합니까? 나는 나 정보를 빨리 얻을 수 있도록 인덱스를 가지고 있는지 어떻게 확인합니까? 

당신은 캐싱처럼 사용할 수있는 약간의 트릭이 있습니다. 당신은 PHP가있는 경우 - 예를 들어, 블로그가있는 경우, 그리고 당신은이 - 그리고 그것은 PHP 또는 다른 언어로 전원을 공급 - 당신은 정적 페이지를 제공 할 수 있도록하자에 귀하의 블로그를 캐시 할 수있는 것은 50 분 간격을 말한다 귀하의 사이트에 방문자 나 정적 HTML. 이 방법으로 사용자는 PHP 스크립트마다 실행하지 않아도 그리고 어쩌면 그들이 그 정보에 접근 할 빠를 것이다. 

그리고 마지막으로, 당신은 CDN과 같이 사용할 수 있습니다. 당신은 Pset의를 다운로드 할 때마다 그 통지, 당신은 항상 CDN.CS50.net로 이동합니다. 그 이유는? CS50는 CDN과 같은 종류의 사용 - 콘텐츠 배포 네트워크 - 이는 그냥 전세계 어쩌면 어딘가에 서버에 무리의 것을 의미한다 그 도움은 당신의 방문자에게 페이지를 제공합니다. 방문자가 지리적으로 그들에게 가까이의 서버에서 페이지를 얻는 경우, 그 대부분의 방문자 가능성이 훨씬 빨리 해당 파일을 얻을 수 있습니다. 당신이 그렇게 할 수 있도록하는 온라인 소스도 있습니다. 그 중 하나는 CloudFlare입니다. 그들은 무료 CDN 서비스를 제공합니다. 당신은 당신의 사용자에게 제공하는 큰 파일이있는 경우 다음 아마 그것은 그들이 더 빨리 그들을 얻을 수 있도록 CDN에 넣어하는 것이 좋습니다. 

하루의 마지막 주제는 검색 엔진 최적화입니다. 검색 엔진 최적화는 무엇입니까? 그 제작되어 있는지가 구글이나 빙이나 야후 같은 검색 엔진 귀하의 사이트에 가서 사이트와 사이트를 색인하고 때를 크롤링 할 수 있습니다 내가 예를 들어, Google.com에 가서 뭔가를 검색하려고 다음 사이트가 나타납니다. 당신은 귀하의 사이트가 상위 10 중 하나입니다 있는지 어떻게 확인합니까? 때문에 우리 모두가 알다시피, 구글에서 무언가를 검색하면 그리고 당신이 가장 가능성이 향후 10에보고하지 않을거야 '톱 10'에 아닙니다. 이 신비의 베일에 가려져있어 주제의 일종이다. 인터넷에 거기 밖으로 많은 마약 중독이있다. 당신은 X 다음 Google이 더 좋아할 경우에 대한 미신이 많이 있습니다. 당신은 Y 다음 Google은 더 좋아합니다 마십시오. 이 검색 거인의 문서 자체에 보는 것이 좋을이다. 

이것은 귀하의 사이트를 최적화하는 방법을 정확하게 알려 Google에서 문서 중 하나입니다 그래서 구글에 액세스 할 수 있으며 매우 친절 인덱스를. 이 발표가 예정되어 있기 때문에이 URL을 복사 할 필요가 없습니다 어쨌든 온라인으로합니다. 당신이보고 당신이 읽으면 거기에 몇 가지 매우 유용한 힌트가 있습니다. 구글은 당신을 알려줍니다 - 만약 당신이 정말로 당신의 사이트가 잘 인덱싱하려는 경우 당신은 이러한 모든 작업을 수행해야합니다. 

검색 엔진이 정말 좋아하는 또 다른 것은 신선한 내용입니다. 당신은 내용이있는 경우 그 매우 정기적으로 업데이트됩니다 다음 검색 엔진 우, 나는 귀하의 사이트를 좋아 말한다. 내가 자주 귀하의 사이트에 갈거야. 나는 인덱스 페이지의 많은거야. 당신이 새로운 콘텐츠가 있다면 당신은 표시 할 가능성이있어 - 당신은 더 많은 관련이있을 가능성이 높아집니다. 당신은 더 많은 업데이 트가 될 가능성이있어 와 검색 엔진은 다른 사람보다 귀하의 사이트를 넣어 가능성이 높습니다. 

딥 링크도 중요하다. 당신은 정말 검색 엔진의 눈에 좋아 보이는 귀하의 사이트를 원한다면 다른 웹 사이트의 많은 그것을 연결하고 귀하의 웹 사이트에 깊이 연결되어있다. 당신의 홈페이지로 링크하지 마십시오. 링크를 어쩌면 yourname.com / 일 / 일 / something.php. 검색 엔진 - 투 - 수단, 와우, 그들은 정말 흥미로운 내용을 가지고 다른 사람이 자신의 사이트에 너무 깊이 연결되어 있는지 난 정말, 정말해야 해당 사이트의 페이지에 더 많은 중요성을 넣어. 

당신은 오류가없는 경우 정확한 페이지 제목이있는 경우가 있기 때문에 좋은 검색 엔진이 귀하의 사이트를 방문하려고하고 오류가 점점 경우는, 아마 매우 빨리 포기하는거야. 그리고 마지막으로, 당신은 빠른로드 시간을 갖고 싶어 검색 엔진 때문에 - 단지 인간처럼 - 느린 웹 사이트에 대한 인내심을 많이 가지고 마요. 이것은 당신의 더 높은 표시되었는지 확인하는 방법입니다 엔진 쿼리를 검색하고 희망하여 더 많은 트래픽을 얻을. 결국 때문에, 당신은 당신의 웹 사이트를 개발 모든 시간을 보냈어요. 이 웹 사이트 온라인을 시작 모든 시간을 보냈다. 당신은 당신이 실제로 당신의 콘텐츠를 볼 사용자의 많음을 가지고 있는지 확인합니다. 

다른 좋은 자원을 사용할 수 있습니다. 구글 웹 마스터 도구에 보는 무언가이다. 이것은 당신이 볼 수 있습니다 - 구글이 내 사이트를 인덱싱하지 않습니다. 오류의 종류는 무엇입니까 발생합니까? 얼마나 많은 페이지를 색인하고있다? 그것은 내 페이지에서 가장 중요한 내용입니다 어떻게 생각합니까? 어쩌면 내가이 원하는 게 아니에요. 어쩌면 나는 그것이 잘 반영 그건 좀 그런 내 웹 사이트를 변경해야 어떻게 내 웹 사이트에 정말 약입니다. Google Analytics는 또 다른 정말 멋진 도구입니다. 당신은 당신의 페이지에 자바 스크립트의 조금을 추가 할 수 있습니다. 그리고 그 후에 당신은 Google 웹 로그 분석에 갈 수 있고, 추적합니다 방문자의 인구 통계 사이트의 성장. 정확히 얼마나 많은 방문자가 귀하의 사이트를 방문 당신을 말할 것이다 내 특정 주 내에서 특정 시간 내에서 특정 날짜,. 중국에서 얼마나 많은 방문자가? 남극에서 얼마나 많은 방문자 - 당신은 당신의 웹 사이트에 있어요. 그 보는 멋진 일이 될 수도 있고 심지어 유용 할 수 있습니다 당신은 특정 그룹을 대상으로 노력하고 있기 때문이다. 어쩌면 당신은 당신의 웹 사이트와 청소년을 대상으로 시도하고, 당신은 그를 참조하십시오 귀하의 웹 사이트 방문자의 대부분은 아마 30아르 - 40 세까지 다음, 어쩌면 어느 쪽이든 당신은 문제가있다 또는 당신은 말할 수 그럼, 아마 난 그냥 내 웹 사이트의 초점을 변경해야합니다 있도록 그 연령 그룹에 더 초점을 맞 춥니 다. 

구글 애플 리케이션 - 당신은 귀하의 도메인 이름으로 메일의 종류가 원한다면 - 어쩌면 뭔가 좋아 yourname@yourname.com-- 당신은 Gmail의 주소를 사용할 수 있습니다 - 당신은 Gmail의 서비스를 사용할 수 있습니다 및 Google 애플 리케이션이 작업을 수행하는 한 가지 방법입니다. 당신은 당신의 도메인 이름에 고유 한 특정 전자 메일 주소를 설정할 수 있습니다 대신 of@gmail.com. 

크롬 - 그리고 마지막으로, 웹 개발자 확장 및 추가 기능이 있습니다 파이어 폭스를 들어, 다른 브라우저를 위해 - 그건 당신이 가서 검사 할 수 CSS, 자바 스크립트를 검사, 자바 스크립트 스크립트로 잘못 정확히 확인할 어쩌면 당신이 밖으로 찾는 당신의 드 괴롭히는 목적을 위해 유용 할 거 야 - 잘, 왜 내 웹 사이트는 브라우저에서 제대로 표시되지 않는 이유는 무엇입니까? 

그리고 마지막으로, 당신은 모든 항목에 대한 자세한 내용을 원한다면 - 당신은 HTML과 CSS 및 JavaScript에 대한 자세한 내용을 원한다면 - 결국 때문에, 우리는 당신에게 조금 가르쳐 - 당신은 더 많은 자원을 찾아 W3Schools.com 같은 웹 사이트를 이동할 수 있습니다. 그들은 내가 X 또는 Y가 무슨 뜻합니까 방법에 대한 아주 좋은 자습서가 있습니까? 이러한 언어에 대한 자세한 내용을 원한다면 당신은 단순히 여기에서 갈 수 있습니다. 

좋아. 내가 질문이의 마지막 몇 분을두고 떠나고 싶었을 거 같아 그래서 우리가 얘기 아무것도에 대한 질문이 있습니까? [청중 회원] 어떤 물건의 종류 W3 스쿨에 있고 그것이 어떻게 적용 되는가? [Yuechen 조] 어떤 물건의 종류? 그래서, 내가 많이 사용하는 매우 큰 것들 중 하나는 참조이다. CSS에 대한 예를 들어, 자신의 참조 세부 사항 - 당신이 페이지의 배경을 변경하려는 경우이 의미 또는 - 어떻게 당신은 그것을 할 수 있습니까? 어떤 브라​​우저는 명령을 지원? 그런 확인해보세요. 그리고 그들은 또한 그냥 자바 스크립트에서 PHP에서 HTML에 아주 좋은 튜토리얼을 가지고 MySQL을 서로 다른 주제에 모든 종류의에. 그들은 좋은 자습서가있다. 그들은 일을 수행하는 방법을 가르칩니다. 그것은 이동이 주제에 대해 더 배울 수있는 좋은 데요. 

[청중 회원] HTML 5는 여전히 거기에 모든 브라우저와 호환되지 않습니다. 당신은 호환성 문제로 인해 그것에서 멀리 체재 추천 하시겠습니까? 당신은 어떻게 그 처리까요? [Yuechen 조] 예, 그래서 질문은 HTML5로는 아직 아기 표준입니다. 그것은 정말 브라우저의 많은에 의해 지원되지 않는, 그래서 우리는 그것을 피해야한다? 작년 나는의 아주 큰지지했을 생각의이 HTML5를 미연에 방지 할 수 여전히이기 때문에 - 그것은 여전히​​ 매우 새로운 사실​​의, HTML5 표준 아직 확정되지 않았습니다. 그리고 정말 아무 HTML5 표준이 없습니다. 하지만, 이제 웹 사이트를 설계한다면 특별히 생각 그 미래가 될 일종의 있기 때문에, 당신은 단지 HTML5로 가면 더 좋을 수도 있습니다 당신은 당신의 웹 사이트 미래 증거하려는 당신은 귀하의 웹 사이트가 작동하려면 미래의 브라우저에서, 그것은 미래를위한 건물 무언가를 시작하는 것이 좋을 것 과거에 비해, 또한 단지 때문에 HTML5는 정말 차이가 있다는 사실 HTML4 나 XHTML.에서 당신이 HTML5를 사용하는 경우, 일반적으로 대부분의 브라우저에서 작동합니다. 당신은 그냥 가서이 스크린 샷과 함께 확인의 정렬이 이러한 웹 사이트에 자신을에가는 확인하는. 당신이 HTML5에 매우 구체적인 기능을 사용하지 않는 한 그러나 대부분 그것은 작동합니다. CS50 너무 알 - 예를 들어, 우리가 사용하는 비디오 플레이어 - 그것이 강연을 표시 할 HTML5와 HTML5 비디오를 사용합니다. 당신은 정말 오래된 브라우저가 있다면, 그것은 플래시에 다시 떨어질 것이다. 그래서, 또한 다른 뭔가 - 당신은 단지 브라우저가 처리하지 않을 것을 알고있을 때를위한 후퇴 시스템이 당신이 그것을 처리 할 것을. 

다른 질문? 우리가 이야기하는 무엇. 좋아. 그럼 내가 나를 위해 그것을 관하여 생각합니다. 나는 것 같아요. (박수) 좋아. [CS50.TV]