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일차 보고서

1일차에 이어 웹사이트 만들기 2일차 째, 역시나 사전 준비가 부족했던지 HTML 작성은 시간을 얼마 잡아먹지 않았지만 어떤 레이아웃으로 짜고 어떤 태그를 넣을지 머릿속에서 바로 바로 나오지

palkong.com

 

반응형

댓글(2)

Designed by JB FACTORY