차례:
- Open Komodo Edit.
- 파일 → 새로 만들기 → 템플릿에서 파일을 선택하십시오.
- 범주 목록에서 일반을 선택하고 템플릿 목록에서 HTML5를 선택하십시오. 파일 이름 (예 : MyTestPage)을 입력하십시오. HTML. 필요한 경우 디렉토리 필드에 파일을 저장할 위치를 선택하십시오. 열기를 클릭하십시오.
- 화면에 표시 할 내용을 만듭니다. 예를 들어,
Hello There
를 입력하여 a. - 내용을 형식화하는 데 필요한 CSS를 입력하십시오. 코드를 추가 할 때마다 작업 내용을 저장하십시오.
- 보기 → 브라우저 미리보기를 선택하십시오.
- 미리보기 대화 상자가 표시되고 미리보기를 클릭하면이 파일로 미리보기 옵션을 선택하십시오.
비디오: Web Programming - Computer Science for Business Leaders 2016 2024
Open Komodo Edit.
IDE가 나타납니다. 대부분의 IDE는 일종의 시작 탭을 제공합니다. 시작 탭에는 여러 항목이 포함될 수 있지만 대부분의 경우 이전 프로젝트 목록과 사용중인 IDE에 대한 뉴스가 포함됩니다.
-> 2 7파일 → 새로 만들기 → 템플릿에서 파일을 선택하십시오.
새 파일 대화 상자가 나타납니다. IDE는 대개 새 파일을 만드는 몇 가지 방법을 제공합니다. 이 기법은 개별 파일을 생성합니다. 많은 파일이 포함 된 사이트에서 작업하는 경우 프로젝트를 시작점으로 만듭니다.
범주 목록에서 일반을 선택하고 템플릿 목록에서 HTML5를 선택하십시오. 파일 이름 (예: MyTestPage)을 입력하십시오. HTML. 필요한 경우 디렉토리 필드에 파일을 저장할 위치를 선택하십시오. 열기를 클릭하십시오.
새 파일이 열렸습니다. IDE는 템플릿을 사용하여 파일 내용을 시작합니다. IDE에서 제공하는 내용의 양은 사용자가 만드는 파일의 종류와 종류에 따라 다릅니다. HTML5 템플릿에는 일반적으로 선언, 제목, 본문 및 제목이 포함됩니다.
화면에 표시 할 내용을 만듭니다. 예를 들어,
Hello There
를 입력하여 a.IDE에서 제공하는 태그 별 도움말 정보를 볼 수 있습니다. IDE는 일반적으로 다음에 입력 할 항목에 대한 유용한 정보를 표시합니다. 이 유용한 팁을 사용하면 더 적은 시간에 더 적은 오류로 유용한 코드를 쉽게 작성할 수 있습니다.
5 7내용을 형식화하는 데 필요한 CSS를 입력하십시오. 코드를 추가 할 때마다 작업 내용을 저장하십시오.
IDE에서 제공하는 CSS 관련 도움말 정보를 볼 수 있습니다. 태그와 마찬가지로 IDE는 가능한 경우 입력하는 CSS에 대한 정보도 제공합니다. CSS 정보는보다 자세하며 일반적으로 많은 속성에 대해 허용되는 값과 같은 입력을 제공합니다.
6 7보기 → 브라우저 미리보기를 선택하십시오.
IDE는 보려는 내용과 보려는 내용을 묻는 대화 상자를 표시합니다. IDE는 일반적으로 작업을 보는 몇 가지 방법을 제공합니다. 이보기를 시작점으로 사용해야합니다. 그러나 응용 프로그램의 대상 브라우저에서 작업을 보는 것도 중요합니다.
7 7미리보기 대화 상자가 표시되고 미리보기를 클릭하면이 파일로 미리보기 옵션을 선택하십시오.
브라우저에 표시되는 것과 같이 페이지 미리보기가 표시됩니다.
뒤로 다음