Dolphins의 HelloWorld

HTML 구조와 설계 본문

웹 프로그래밍/웹 프로그래밍 기초

HTML 구조와 설계

돌핀's 2018. 8. 7. 20:25

HTML 구조설계


html 개발을 할 때 처음에는 Presentation 문서형태의 기획서나 디자인 파일을 받아서 시작한다.


즉 개발해야하는 것에 대하여 구조를 먼저 분석해야 한다.


먼저 영역을 상단/본문/네비게이션 이런 식으로 분리한다.


그 뒤에 각 영역 안에 내용의 구조를 잡는 것이 일반적이다.


영역안에 또 다른 영역이 있다면 점점 안으로 좁혀가면서 HTML tag를 사용하면서 완성해나간다.


이때 CSS코드를 같이 구현하지 않고 HTML로 먼저 구조를 잡아나가는 것이 개발 단계에서 유리하다.



다음의 화면을 보고 HTML을 통해 뼈대를 만들어보자.



출처 : edwith

https://www.edwith.org/boostcourse-web/lecture/16668/

'웹 프로그래밍 > 웹 프로그래밍 기초' 카테고리의 다른 글

CSS 선언방법  (0) 2018.08.08
class와 id속성  (0) 2018.08.07
HTML Layout  (0) 2018.08.07
HTML Tags  (0) 2018.08.07
WAS  (0) 2018.08.07
Comments