본문 바로가기

page

5. 기본적인 페이지 만들기 (section) 안녕하세요!! 오늘은 저번 포스팅에 이어서 section 부분을 꾸며볼 텐데요!! 다들 제가 알려드린 http://ovenapp.io 에서 기본 틀 구상은 하셨나요?? 아직 하지 않으셨다면 얼른 구상을 시작하고 하세요!! 개발자의 기본 자세는 기본 구상이죠!! 이번에 꾸밀 section을 기본적으로 알려 드린다면 왼쪽에는 20%의 width 값과 오른쪽에는 80%의 width값으로 왼쪽에는 메뉴 오른쪽에는 내용이 들어갈 수 있도록 할 텐데요. 이제 진행해 보도록할께요!! 일단은 width 20% 인 부분을 먼저 꾸며 보도록 할께요! 12345678910111213141516 User 내정보 홈 홈 홈 홈 홈 홈 Colored by Color Scriptercs 여기까지 진행하셨나요?? 복사 붙여넣기만 진.. 더보기
4. 기본적인 페이지 만들기 (header) 안녕하세요 오랜만에 포스팅을 하게 되었네요... 자 오늘은 기본적인 페이지를 만들어 볼 껀데요! 그 전에는 지루하고 이게 뭐야 하셨던 분들도 계셨을 텐데 이번에는 재미있게 진행해보도록 할께요!! 왜냐하면! 오늘은 진짜 페이지를 만들어 볼꺼 거든요!! 이번 포스팅은 여러번 나눠서 진행할께요!! 다들 Brackets나 Atom을 실행해 주세요~ 화면이 뜨셨나요?? 이제 진행해 보도록 할께요!! 오늘 부터는 소스도 밑에 같이 첨부하겠습니다!! 우선은 기본적인 HTML Templet을 작성해 주세요. 그 후에는 영역지정을 해 주는것이 좋겠죠?? 기본적으로 헤더부분 섹션부분 푸터부분을 지정해 주는 것이 좋은 데요. header 부분에는 페이지 이름이나 로고 정도가 들어가거나 아니면 메뉴가 들어가도 좋겠죠?? 또 .. 더보기