HTML+CSS 를 이용한 웹 메인 사이트 만들기 - 2일차 보고서

무작정 웹 메인 사이트 만들기 2일차 째

포토샵도 안깔려있고 ppt로 간단하게 레이아웃을 짜봤다.

주제를 미리 정하지 않아서 주제선정과 어떤 템플릿을 참고할지에 대해 시간이 많이 걸렸다..

주제 머할까 하다가 개를 키우고 있어서  겸사겸사 개 관련 페이지를 만들기로 했다.

1. 작업 시간 :  1시간 40분 (100분)

2. 작업물 : 주제선정, 템플릿 둘러보기 ,레이아웃 짜기

 

pinterest

템플릿은 핀터레스트(pinterest)에서 레이아웃을 참고하였다. 여러 사이트에서 각가지의 템플릿들이 모여있는 사이트이다.

 

참고한 레이아웃을 바탕으로 틀을 만들어 보았다. 프로그램은 PowerPoint 를 사용했다.

페이지 틀

반응형

작업에 쓰일 사진을 고르는데에도 시간이 많이 들은 것 같다. (선택장애 ㅠㅠ)

저작권 걱정없는 무료 이미지는 펙셀즈(pexels) 사이트를 참고했다.

pixels

pexels 의 사진을 참고하여 위의 틀에다가 간단하게 넣어보았다.

pet site 기본 틀

작업 하다보면 바뀔 것 같긴 한데 저기서 크게 변하지는 않을 것같다.

 

3. 다음 계획 :  HTML 마크업을 끝내기

이번에는 복습겸 만드는 것이라 최대한 다양한 태그들을 사용해 볼 것같다.

<div class=header> 같이 <div>로 영역구분 말고 <header>,<section> 등 영역 태그들을 써볼까 한다.

이미지들도 최대한 css의 background로 넣지 않을 생각이다.

 

 

3일차 보고서 보러가기

 

HTML+CSS 를 이용한 웹 메인 사이트 만들기 - 3일차 보고서