첫 글 간단하게 웹 사이트를 만들어 보자

안녕하세요 홍가 입니다.

티스토리 첫 글입니다. 공부 관련된 글만 올리려고 하고 한 달에 2~3개 정도 올리려고 합니다.

같이 html공부를 하면 좋을 거 같아서 만들게 되었습니다. 

열심히 노력하는 모습 보여 드리겠습니다.

 

웹 사이트를 만든다고 하면 어렵게 생각을 하시는데요 이럴 때 

만들어져 있는 웹 사이트를 한 번 응용해서 사용하려고 합니다.

 

https://www.free-css.com/free-css-templates

Download 3221 Free Website Templates - CSS & HTML | Free CSS

여기서 무료로 다운로드를 하실 수 있으세요!

 

다운로드 후 압축 풀기

 

여기서 주의사항 index.html로 되어있는지 확인 그러고 무료 배포인지 확인까지 하세요

index.html을 누르시면 

 

이런 식으로 나오게 됩니다.

저는 아직 초보라 one-page로 된 사이트를 따온 거고요

이거를 응용해서 제 사이트로 만들어 보겠습니다.

 

h1부분과 span부분을 건드리면 저렇게 화면 글씨가 바뀌게 되고요

이미지는 css에 이미지를 참조하여 넣었습니다.

 

span글씨 밑에 박스 부분은 클래스를 생성하여 박스 색상과 크기 내용을 넣었고요

 

이쁘게 꾸미기 위해서 이미지도 넣고 강조 글과 문구를 넣어봤습니다.

 

갤러리도 하나 있길래 제가 이미지를 수정해서 넣어봤습니다.

이런 식으로 해서 저만의 사이트를 하나 만들어 봤고요

 

열심히 노력해서 제 사이트를 하나 만들어서 올려보도록 하겠습니다.