[수업 다섯번째 시간] 웹린이의 다섯번째 html 수업 시간

 

 

* 내용 작성 (사용자의 입장에서)

1. 이해하기 쉽게 (html)
2. 논리적으로

(페이지가변화해도 변하지 않는 상단(header) 및 하단(footer), 페이지가 변화하는 부분(mail/content, 컨테이너 등)->2가지로 나눈다)

3. 의미있게
4. 구조적으로
5. 콘텐트는 '제목+내용'으로 작성
6. 디자인에는 없는 요소들도 내용 전달에 필요하면 추가 작성

(html에는 사용자를 위해 입력했지만 디자인을 위해 css에서 감추기를 해놓음)

↓

7. 중요도, 선호도, 사용빈도가 높은 순으로 (사용자가 필요로 하는것들 생각해보기)

 

 

 

* 코딩 순서

1. 내용 작성
2. 마크업 : 용도나 목적에 맞는 태그 작성
3. 콘텐트 블럭
4. CSS 초기화
5. CSS 작성
6. 스크립트 적용
7. 프로그래밍 적용
8. 표준/접근성 검사
9. 수정/보완

 

 

 

8/31 목적 : 디자인을 보고 작성해보기


글자를 이미지로 바꿔서 표현해주는 기법
-> Image Replacement
Image Splite (여러개의 이미지를 한군데서 사용하는 기법)

메인 메뉴 (사용자를 위해 html시 설명해줄때) ->
주요서비스 / 주요메뉴 / 사이트 메뉴

서브 메뉴 -> 사용자 메뉴 / 유틸 메뉴

 

tab키(커서)가 적용되는 요소는 link or web form 이다.

 

 

 

 

↑ 이럴 경우 HTML시 한진이라고 입력하기 보다는 '사이트 이용안내'라고 표기하는게 더 좋겠다

(이미 한진 이라는 로고 이름이 너무 많이 나왔기 때문에)