일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 웹디자인기능사#웹디자인기능사실기#웹디자인기능사실기공부
- 유튜브핀마이크 #핀마이크 #스마트폰마이크 #핀마이크추천 #PM100 #가성비핀마이크
- 크롬마우스우클릭 #크롬마우스우클릭해제 #마우스우클릭해제 #마우스우클릭확장프로그램 #크롬확장프로그램 #마우스우클릭허용 #크롬사진퍼가기
- css선택자 #css #선택자 #selector
- 직장인애환
- 소개팅어플
- float의문제점
- 미디어커리 #뷰포트
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사3회 #웹디자인기능사합격 #웹디자인기능사후기 #웹디자인기능사실기후기 #웹디자인기능사실기합격 #디자인자격증 #국가자격증
- 앤커마우스 #버티컬마우스 #앤커버티컬마우스
- 포트폴리오사이트 #포트폴리오 #웹디자인포트폴리오
- css속성 #display속성
- 취업성공패키지 #취업성공패키지웹디자인 #취업성공패키지웹퍼블리셔 #웹퍼블리셔 #웹디자인 #국비지원웹디자인 #국비지원웹퍼블리셔
- 연봉
- css포지션 #포지션속성 #cssposition
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기공부
- 어도비XD #프로토타입 #햄버거메뉴 #슬라이딩메뉴
- 폰트어썸 #fontawesome #폰트어썸사용법 #폰트어썸사용하기
- 웹디자인기능사 #웹디자인기능사공부#웹디자인기능사실기
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기후기 #웹디자인기능사공부 #웹디자인기능사실기공부
- css그라데이션 #css
- 인터넷익스플로러버전확인 #인터넷버전확인#인터넷버전검색#인터넷익스버전검색
- vertical-align #css표스타일
- overflow속성
- 내컴퓨터아이피 #내컴퓨터아이피확인 #아이피확인 #컴퓨터아이피 #아이피주소확인
- 무선마우스 #앤커무선마우스 #A7852
- css속성 #float속성 #clear속성
- 프리미어 #프리미어자동으로늘어나는글자 #프리미어글자 #프리미어자막 #프리미어자동자막 #프리미어자막넣기
- css텍스트스타일 #text-transform
- css배경 #css백그라운드
- Today
- Total
목록HTML (17)
블로그
웹접근성웹접근성 연구소 - 한국형 웹 접근성 지침2.1(KWCAG)숙지img - alt(이미지의 내용 그대로)리더기가 읽는 부분웹접근성 준수 - 잠재적 고객증가 skipMenu(바로가기)· 모든 웹사이트는 바로가기가 첫번째로 있어야 한다. 바로가기(시각 장애인들을 위해) - H1 · 바로가기 작성방법 skipMenu의 순서 자주 사용하는 순서 style은 여러종류가 있음 웹 접근성 검사· 크롬 - 웹스토어 열기 - n-wax(웹 접근성 검사) - 설치 - 닷홈에 올려진것만 검사가능· 개발자들 공유사이트 - 네이버(널리) - 나눔 - Coding Convention/Unused CSS Check Tool 활용(css작성시 안쓰는 css검사해줌) 쓰이는단어 익히기 · 네이버 - 웹표준 검사 - http://..
속성은 따옴표 제목부분 h태그 p태그는 문단나누는것 내용이라는 뜻은 아니다. 그냥 내용 나열하는 정렬 p태그 ul태그는 하나하나정리하면서 정렬 1.h(Heading) - 제목 표시 - 1(큰 제목)~6(작은 제목) - 줄 바꿈 + 볼드체 적용 2.p(paragraph) - 문단 구분 내용이라는뜻은 아니다. 3.br(break) -줄바꿈 웹 표준 및 접근성 -> 굵게표시됨 뜻은없음(진한글자) 물리적 태그(시각적) 태그는 강조라는 뜻을 가지고 있는 태그 -> 왜 strong을 써야하는지 이해 4. strong : 글자 강조 - 글자를 진하게 - b(bold)태그 대신 사용 5.em : 글자 강조 - 글자를 기울이게 - i(italic)태그 대신 사용 논리적 태그(의미) b,i -> 뜻이없이 글자가 보여지는것..
웹표준화 웹표준 - 만드는 방법을 통일하자(방법론적) 웹 접근성 - 한명이라도 많은 사람들한테 동등한 정보를 얻을 수 있어야 한다(의미론적) *웹 표준화 - 제작 방법의 통일 - 기존 제작 방식은 웹피이지 개발자마다 상이 *웹 접근성 -정보의 공유 -같은 페이지를 보고 있는 사용자들에게 같은 정보를 전달 *웹 표준화와 웹 접근성은 상당 부분 일치 *구조,표현,동작의 분리 - 구조(structure) : HTML(내용),XHTML - 표현(presentation) : CSS - 동작(behavior) : JAVASCRIPT *의미 있는 콘텐츠 구성 -콘텐츠의 구조화 *콘텐츠의 논리적 구성 기존 마크업 형식 l l l html css javascript 분리되었다. *HTML 1."" 사이에 필요한 명령어(..
**입력양식(Form)** 사용자가 페이지에 값을 전달하는 모든 형식(회원가입,게시판,로그인,상품주문,이메일,설문조사) *form*1.모든 폼 요소는 ~ 안에서 작성2.모든 폼 요소는 반드시 이름(name AND id)작성3.대부분의 요소는태그로 작성(한줄만입력-제목)4.(텍스트 영역-여러줄 입력-내용),,는 독립태그 은 닫는태그 없다. *type의 속성값1.text2.password -input type="text,password"는 같다.value="기본텍스트"size="한칸에보여지는 글자수-숫자가 기본"ex)size:10 : 10글자가 보이는 길이로 만들기maxlength="최대글자수" 3.checkbox-value값(데이터베이스)을 쓸수있다.value에 적혀있는 값이 저장됨text,password..
1.파일의 위치 *절대경로1.최상위 디렉토리부터 순차적으로 이동하는 경로2.드라이브명(c:,d:)이나 프로토콜(http://,ftp://)으로 시작2.기준 파일(url)의 위치에 상관없이 대상 파일(로고)의 경로가 동일 *상대 경로1.기준 파일과 대상 파일의 위치에 따라 경로 설정2.동일한 디렉토리에 있는 경우-파일명,확장자3.하위 디렉토리에 있는 경우-디렉토리명/파일명,확장자4.상위 디렉토리에 있는 경우- ../ : 위로 +1- ../파일명.확장자 5.복합 사용 asp보다 php개발자들이 더많다 에디터 프로그램 설치하기네이버 -> 어도비 브라켓/브라켓 에디터 플러그인 = 스마트폰 어플 브라켓 셋팅하기오른쪽 레고 클릭 - emmet검색(필수플러그린) - 설치 - 기능 : 단축키,짧은코드사용할 기본 폴더 ..
index/main/sub/intro(로딩장면,바로가기,들어가기) 메인페이지(메뉴,내용(주요콘텐츠)다 갖춰있어야함)를 제외한 페이지 요즘은 인트로 잘 안씀 사용자들이 정보를 얻는데 최소한의 시간을 들이려고함 사용자의 클릭을 유도하는 페이지 -> 랜딩페이지 ->body 프로모션 페이지(상품설명,홍보,클릭유도를 위한 사전페이지) - 파일의 이름은 : 영어,숫자,특수문자의 경우(_정도 사용할 수 있음)/한글,공백,특수문자x entity type - 특수문자 - 띄어쓰기 자주씀 *태그의 형식 네이버 *속성의 특징 1.태그와 속성,속성과 속성은 공백으로 구분 ex) --> O a명령어,href속성 구분해줘야함 --> X 2.여러 개의 속성을 사용할 수 있지만(A) ex) A : --> O 같은 속성을 두 번 이상..
html 4.01 ~ 2010까지 사용xhtml 1.0 2011년부터 사용html5 현재 *HTML:웹페이지를 작성하는 언어 *HTML의 기본구조1."" 안에 필요한 명령어(tag,element)2.시작태그와 종료태그로 구성3.종료태그를 생략할 수 있는 태그와 종료태그가 없는 태그-생략 가능한 태그:p,option....*종료태그가 없는 태그:br,img,meta,hr...4.저장할 때 확장자는 반드시 .html 또는 .html5.가장 먼저 보여질 화면의 이름은 반드시 "index,html" *HHTML 템플릿 화면에 나타날 내용 작성 *html 태그 안에 작성하는 태그1.meta : 문서의 속성 정의2.title: 문서의 제목 정의 **호스팅(계정) 신청하기**1.http://dothome.co.kr ..