일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- vertical-align #css표스타일
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기공부
- 웹디자인기능사 #웹디자인기능사공부#웹디자인기능사실기
- 직장인애환
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사3회 #웹디자인기능사합격 #웹디자인기능사후기 #웹디자인기능사실기후기 #웹디자인기능사실기합격 #디자인자격증 #국가자격증
- 앤커마우스 #버티컬마우스 #앤커버티컬마우스
- css속성 #float속성 #clear속성
- 유튜브핀마이크 #핀마이크 #스마트폰마이크 #핀마이크추천 #PM100 #가성비핀마이크
- 폰트어썸 #fontawesome #폰트어썸사용법 #폰트어썸사용하기
- 어도비XD #프로토타입 #햄버거메뉴 #슬라이딩메뉴
- 프리미어 #프리미어자동으로늘어나는글자 #프리미어글자 #프리미어자막 #프리미어자동자막 #프리미어자막넣기
- 포트폴리오사이트 #포트폴리오 #웹디자인포트폴리오
- 크롬마우스우클릭 #크롬마우스우클릭해제 #마우스우클릭해제 #마우스우클릭확장프로그램 #크롬확장프로그램 #마우스우클릭허용 #크롬사진퍼가기
- 미디어커리 #뷰포트
- 취업성공패키지 #취업성공패키지웹디자인 #취업성공패키지웹퍼블리셔 #웹퍼블리셔 #웹디자인 #국비지원웹디자인 #국비지원웹퍼블리셔
- css속성 #display속성
- 소개팅어플
- css배경 #css백그라운드
- 연봉
- float의문제점
- css그라데이션 #css
- css선택자 #css #선택자 #selector
- 웹디자인기능사#웹디자인기능사실기#웹디자인기능사실기공부
- 무선마우스 #앤커무선마우스 #A7852
- overflow속성
- css텍스트스타일 #text-transform
- css포지션 #포지션속성 #cssposition
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기후기 #웹디자인기능사공부 #웹디자인기능사실기공부
- 인터넷익스플로러버전확인 #인터넷버전확인#인터넷버전검색#인터넷익스버전검색
- 내컴퓨터아이피 #내컴퓨터아이피확인 #아이피확인 #컴퓨터아이피 #아이피주소확인
- Today
- Total
블로그
코딩공부)HTML_웹표준 16일차 본문
*웹 표준 페이지 개발 방법 - 분리해서 작성
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
'HTML' 카테고리의 다른 글
코딩공부)HTML_웹표준 17일차 (0) | 2019.02.04 |
---|---|
코딩공부)HTML_웹표준 15일차 (0) | 2019.02.04 |
코딩공부)HTML_웹표준 14일차 레이어/relative/기준의 정의 (0) | 2019.02.04 |
코딩공부)HTML_웹표준 13일차 position/static/absolute (0) | 2019.02.04 |
코딩공부)HTML_웹표준 12일차 margin/padding/float/clear2 (0) | 2019.02.04 |