웹 페이지 작성 방법을보고 싶습니까? 소스 코드를보십시오.
웹 페이지의 HTML 소스를 보는 것은 HTML 을 배우는 가장 쉬운 (그러나 가장 효과적인) 방법 중 하나입니다. 특히 업계에서 막 시작하는 새로운 웹 전문가에게 특히 좋습니다. 웹 사이트에서 무언가를보고 어떻게했는지 알고 싶다면 해당 사이트의 소스 코드를보십시오.
웹 사이트의 레이아웃이 마음에 들면 소스를보고 레이아웃이 어떻게 이루어 졌는지 확인하면 자신의 작업을 배우고 향상시키는 데 도움이됩니다. 수년에 걸쳐, 많은 웹 디자이너 및 개발자들은 그들이 보는 웹 페이지 의 소스 를 보는 것만 으로 많은 HTML을 배웠습니다. 초보자가 HTML을 배우고 숙련 된 웹 전문가가 새로운 기술이 사이트에 어떻게 적용되었는지를 볼 수있는 좋은 방법입니다.
소스 파일은 매우 복잡 할 수 있음을 기억하십시오. 페이지의 HTML 마크 업과 함께 해당 사이트의 모양과 기능을 만드는 데 사용되는 많은 CSS 및 스크립트 파일이있을 수 있으므로 즉시 진행되는 상황을 파악할 수없는 경우 좌절하지 마십시오. HTML 소스보기는 첫 번째 단계 일뿐입니다. 그 후에 Chris Pederick의 Web Developer 확장 기능과 같은 도구를 사용하여 CSS 및 스크립트를보고 HTML의 특정 요소를 검사 할 수 있습니다.
Safari 브라우저를 사용하는 경우 페이지의 소스 코드를보고 작성 방법을 볼 수있는 방법은 다음과 같습니다.
Safari에서 HTML 소스를 보는 방법
- Safari를 엽니 다.
- 조사하고 싶은 웹 페이지로 이동하십시오.
- 상단 메뉴 표시 줄에서 개발 메뉴를 클릭하십시오. 참고 : 현상 메뉴가 보이지 않으면 고급 섹션의 환경 설정으로 이동하여 메뉴 막대에서 현상 메뉴 표시를 선택하십시오.
- 페이지 소스 표시를 클릭하십시오. 보고있는 페이지의 HTML 소스가있는 텍스트 창이 열립니다.
팁
- 대부분의 웹 페이지에서 페이지를 마우스 오른쪽 단추로 클릭하고 (이미지가 아닌) 페이지 소스 표시를 선택하여 소스를 볼 수도 있습니다. 환경 설정에서 현상 메뉴가 활성화 된 경우에만 표시됩니다.
- Safari에는 HTML 소스를보기위한 키보드 단축키가 있습니다. 명령 및 옵션 키를 누른 상태에서 U (Cmd-Opt-U)를 누르십시오.
소스 코드보기 법률인가?
사이트의 코드를 복사하여 사이트에서 자신의 코드로 전달하는 것은 받아 들일 수없는 것이지만,이 코드를 학습을위한 발판으로 사용하는 것이 실제로이 업계에서 얼마나 많은 발전이 이루어 졌는지입니다. 실제로 사이트의 소스를보고 무언가를 배웠던 적이없는 실무 웹 전문가를 찾기가 어려울 것입니다.
결국 웹 전문가는 서로 배우며 자신이보고 영향을받는 작업을 개선하기 때문에 사이트의 소스 코드를보고 배우는 도구로 사용하는 것을 주저하지 마십시오.