본문 바로가기
반응형

홈피관련글

홈피관련글 2013. 6. 26. [130626]웹표준 7강 Position 1. 레이아웃요소 2. 움직이는 방법 3. 위치 지정 속성과 같이 사용 *위치 지정 속성 (position은 위치 지정 속성과 같이 사용) 1. left : 기준의 왼쪽부터 대상의 왼쪽까지의 거리 2. right/top/bottom 3. 반대 방향의 속성과 사용 금지 **position 속성** *static 1. position 속성의 기본값 (사용수가 적음) 2. 선택한 요소를 일반 요소로 지정 3. 태그가 작성된 순서대로 배치 4. 이동, 레이어 변경 불가 *absolute(절대값) - 레이어 변경 가능 1. 같은 중심점 사용 2. 다른 요소에 영향 없음 3. 지정된 위치로 이동 *fixed(상대적 고정값, relative+absolute) 1. 다른 요소에 영향 없이 지정된 위치로..
홈피관련글 2013. 6. 24. [130624] 웹표준 6강 * 여백속성 (CSS에서는 여백의 종류가 2가지 padding, margin) 1. padding : 안쪽 여백, 크기변경 (크기가 달라짐) 2. margin : 바깥쪽 여백, 위치변경 (위치가 달라짐) * 요소 정렬 레이아웃을 할 수 있는 요소는 2가지 - float, position -> 이 두가지로는 가운데 정렬이 불가 1. margin - 여백속성 - 값이 auto인 경우 가운데 정렬 효과를 가짐 (margin:auto = margin:0 auto) - 위/아래 여백은 0, 좌/우 여백은 동일 - width 속성과 같이 사용하여야 가운데 정렬을 할 수 있다 (wrap으로 선언하였을때 width속성을 선언하지 않을 경우 가시적으로는 가운데 정렬로 보이지 않게 된다 block레벨은 100%임으로 부모..
홈피관련글 2013. 6. 19. [130619] 웹표준 5강 도구 - 파일에서 기본인코딩을 UTF-8 로 변경 문서 템플릿에 XHTML 에 ---------------------------------------------------이하 실습ㅋ 블록 레벨은 독립된 행을 인라인 레벨은 지정된 범위를 표시합니다 DIV태그 안에 P를 사용한 문장 P태그 안에 DIV를 사용한 문장 -------------------------------------------------------------------- 웹표준 검사 markup 검증서비스 http://validator.kldp.org/ - 한글사이트 http://validator.w3.org/ - 영문사이트 (최소한 표준화 검사 페이지에는 적정해야 함..기본임 but 거기서 끝나는 것이 아니라 페이지의 접근성이 향상될수 있..
홈피관련글 2013. 6. 17. [130617] 웹표준 4강 CSS(cascading Style Sheet) 웹페이지의 디자인 표현을 위해 사용하는 언어 적용방법 1. 내부스타일 - 현재 문서에 스타일을 정의한 후 효과를 직접작성 - 반드시 head 태그 안에서 정의 2. 외부스타일 - 스타일 효과를 " 이름.css"로 저장하고 효과를 적용할 문서에 링크시켜서 적용 - 효과를 적용할 문서의 head 태그 안에 - css 문서에는 스타일 정의하지 않음 실습 1. html 파일 2개, 보통문서 1개 1) inStyle.html 2)outStyle.html 3) common.css 태그 - 문단을 나눈다 CSS를 사용했을때 정의를 하기 때문에 새로운 기능을 만들어 사용할 수 있다 *작성방법 1. 태그 재정의 -기존 태그의 기능에 스타일 효과를 추가 -해당 태그 작성시 ..
홈피관련글 2013. 6. 17. [130614] 웹표준 3강 이번쥬 구분 이슬 비어 합계 30,000 36,000 뱅이 15,000 18,000 튀닭 15,000 18,000
홈피관련글 2013. 6. 12. [130612] 웹표준 2강 2교시 - 태그 글자 관련 태그 1. h(Heading) : 제목줄 태그 - h1~h6 : 숫자가 작아질 수록 글자가 커짐 - 줄바꿈 + 글자 진하게 - h1 : 문서 전체를 대표할만한 단어나 이미지 등에 작성 하나의 문서에 1~2개가 적당 - 제목 태그는 단계적으로 사용 소스 결과 제목 제목 제목 제목 제목 제목 제목 제목 2. 3. P br 4. storng : 글자강조 (강조해야 할때) - 글자를 진하게 - b(bold) 태그 대신사용 (잘보이게) 5. em : 글자 강조 - 글자를 기울이게 - i(italic) 태그 대신 사용 6. 목록태그(그룹의 의미) -의미를 가지지 않는 목록 - ul(UnOrdered List):비순차 목록 (그룹) - ol(Ordered List):순차 목록 (그룹) - li(List):..
홈피관련글 2013. 6. 12. 130612 웹표준 2강 - html - html4.01 1. "" 사이에 명령어(tag = element)작성 2. 시작태그와 종료태그로 구성 3. 종료태그가 없거나 생략 가능한 태그 - 종료태그가 없는 태그 br, img, hr, meta, input.. - 종료태그 생략가능한 태그 : 주석, p, option...(지금은 해당없음) - 종료태그가 없는태그 : 태그 뒤에 "/"표기 종료 태그 생략 가능한 태그 : 반드시 종료 태그 작성 4. 디버깅을 하지 않음 5. 대소문자 구분없음 - 문서 상단에 반드시 doctype 선언 (doctype 이란 - > 설명서 꼭 선언이 되야함) - xhtml 반드지 대소문자 구분 - 모든 태그와 속서으 소문자로만 작성 - 문서 상단에 반드시 doctype 선언 표준웹 xhtml 1.0 tr..
홈피관련글 2013. 6. 10. [130610] 웹표준 1강 이혁주 강사 * 웹표준 - 분리해서 코딩 구조 html, xhtml - 내용전달 표현 CSS- 꾸미기 동작 javascript - 움직임 * 웹표준확인 -> 보기 - 스타일(CSS)없음 꾸며진것 외에 내용이 보이면 웹표준 ㅋ * 의미있는 콘텐트 구성 콘텐트의 구조화 * 과제 - 문단/글자와 관련된 tag 제목크기 제목크기 숫자가 줄면 크기는 커져요 제목크기 제목크기 숫자가 줄면 크기는 커져요 아래첨자 & 윗첨자 소스 결과 A+ A+ B+ B+ 줄변경 소스 결과 줄변경 소스 줄변경소스 줄변경 소스 줄변경 소스 공백(스페이스키) 소스 소스 결과 안녕하세요 안녕하세요 안녕 하세요 안녕 하세요 4.태그 소스 결과 안녕 하세요 즐거운 하루되세요 안녕 하세요 즐거운 하루되세요 안녕 하세요 즐거운 하루되세요 안녕 하..
반응형

티스토리툴바