웹디자인퍼블리싱 HTML & CSS

*제 글을 순차적으로 따라오신다면 웹사이트를 1시간 안에 만들 수가 있습니다.

그럼 시작하겠습니다.

 

웹디자인퍼블리싱을 하기 위해서 먼저 사전 준비물이 필요합니다.

잠깐!! 컴퓨터가 필수입니다.  컴퓨터 없이 하시려는 분 안 계시겠죠??

 

1. 웹디자인 퍼블리싱할 재료 즉 웹디자인이 있어야 합니다.

2. 코딩에 필요한 텍스트 에디터가 필요합니다. 여기서 저는 Visual Studio Code를 이용할 것입니다.

자 이제 시작해보기 앞서 편안하게 보시면서 따라 해 보시길 바라겠습니다.

 

저는 폴더를 만들어서 폴더명을 "퍼블리싱"이라고 만들겠습니다.

폴더 생성한 모습

자 그럼 폴더 만들었으면 이제 Visual Studio Code를 저는 code라고 말하겠습니다.

code를 열어 주세요

파일에서 열기를 눌러주세요

여기서 아까 전에 만든 폴더를 선택한 다음 열기 버튼을 눌러주세요. 

저는 퍼블리싱 폴더를 선택해서 열기 버튼을 누르겠습니다.

 

탐색기

 

왼쪽 상단에 폴더 이름이 뜨면서 빈 탐색기가 뜹니다.

이상태에서

 

폴더생성 버튼

폴더 생성 버튼이 있습니다. 눌러서 css , js , img를 만들어주세요

그 후 메인 루트에 index.html 파일도 생성해주세요.

폴더 및 파일 생성한 모습

폴더 생성과 파일 생성 후의 모습입니다.

index.html 파일이 css, img, js 폴더에 안 들어가 있고 밖으로 나와있는 것을 보실 수 있을 겁니다.

퍼블리싱 폴더 바로 아래 즉 index.html 파일이 있는 위치가 루트 위치입니다.

 

다음 편에서는 HTML과 CSS 기초에 대해서 알아보겠습니다.