Notice
Recent Posts
Recent Comments
Link
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

블로그

코딩공부)HTML_웹표준 16일차 본문

HTML

코딩공부)HTML_웹표준 16일차

오구리 2019. 2. 4. 01:17
728x90

*웹 표준 페이지 개발 방법 - 분리해서 작성

1.구조(structure) - xhtml,html

2.표현(presentation) - css

3.동작(behavior) - javascript


디자이너 - 사이트를 쉽게 사용 할 수 있도록 디자인(ui,ux)


*내용 작성 요령

1.의미있게

2.논리적으로

3.구조적으로



*코딩 순서

1.내용 작성

2.마크업(의미 또는 목적에 맞는 태그 부여)

3.콘텐츠 블록(같은 주제관련된 내용 묶기)

4.css초기화

5.css작성

6.스크립트 적용


그후에는 cross browsing / validation check / acceccibility check

익스플로러 - 개발자도구 - 버전체크


*웹페이지 필수 구성 요소

1. <!DOCYPE~> - 설명서

2. <html:lang="ko"> - 한국어가 들어있어

3. <meta charset=UTS-8"> - 한글이라는 거야

4. <title>실습</title> - 페이지 제목


p태그 - paragraph

UTS-8 - 장치 기본 언어


사이트에 구멍뚫어서 다른 사이트 넣는 것

<frame></frame>



1.텍스트먼저,이미지대로 대체할 요소들은 이해하기 쉬운 글자로 바꿔도 된다.

2.디자인 화면에 없어도 메뉴소개 써줘야 한다. 주요메뉴는 css로 감추면 된다.

3.중요한 순서대로 작성(중요도,사용빈도,선호도 높은것부터 작성) / 주요메뉴 -> 사이트맵

4.메인이미지 - 중요한 정보담기(시선이 꽂힘) -> 효과가 크다.

(alt="")배너 내용은 배너이미지 모두 담기


5.이미지로 바꿀 글자 요약해서 써도된다(ex.global logistics provider hanjin -> 세계적인 배송 기업

6.듣는 사람들이 보는 사람들과 똑같이 이해할 수 있도록 작성

7.바로가기 추가 - 자주 사용하는 요소들 순으로 작성


읽어내려가는 것 - p