WEB1 - HTML & Internet - HTML 코딩 실습 환경 준비

HTML 코딩 실습 환경 준비

에디터(Editor)

코딩을 학 위한 프로그램

• 윈도우 - 메모장
• Mac - 텍스트 편집기
• 리눅스 - gedit, nano, vim

아톰(Atom)

아톰 다운로드 : https://atom.io

아톰 에디터 ( 출처 : 생활코딩 - https://www.opentutorials.org/course/3084/18448 )

 

아톰에서 코딩하기

1. 실습 파일을 저장할 폴더 생성 ( 윈도우 탐색기를 이용 -> 바탕화면에 WEB이라는 디레거리 생성 )
2. 프로젝트 폴더가 아톰 왼쪽에 표시되도록 하기 ( 메뉴 -> File -> Add project folder를 선택해서 바탕화면에 생성한 WEB 폴더 선택 )
3. 1.html 파일 생성 ( WEB 폴더에서 오른쪽 클릭 -> New File 선택 )
4. 1.html을 웹 브라우저로 열기
   • [단축키] 윈도우 : Ctrl + O(알파벳)
   • [단축키] Mac : Cmd + O(알파벳)
5. 화면에 표시하기 ( 편집화면에 hello web이나 아무거나 입력하고 저장하기
   • [저장하기] 윈도우 : Ctrl + S
   • [저장하기] Mac : Cmd + S
6. 다시 1.html 파일로 들어가 결과 확인하기

아톰에서 코딩하기 - 출력결과 ( 출처 : 생활코딩 - https://www.opentutorials.org/course/3084/18448 )