HTML - form: 문자입력 사용자로부터 텍스트를 입력받을 수 있는 속성 : 사용자로부터 텍스트를 입력받음. ID: ID: - name 속성: 서버가 사용자가 입력한 값을 알아내게 하기 위해 부여하는 이름. (어떤 정보를 서버로 전송하려면 사용자가 입력한 값에 이름을 부여해야 서버가 그 값을 알아낼 수 있음 / 모든 form태그에서 필요) - value 속성: 사용자가 웹페이지를 열었을 때 기본적으로 보여지는 값. (기본값) :사용자로부터 password를 입력받음. Password: Password: 여러 줄의 텍스트를 입력받기 위한 입력창을 설정 : 사용자로부터 여러줄의 텍스트를 입력받음. 텍스트를 입력하세요. 텍스트를 입력하세요. - cols 속성 : 텍스트 영역이 보이는 너비값을 지정. 너비값..
HTML -표1: 기본 table 태그 표를 삽입해주는 태그 table 태그 td 태그 (table data) : 각각의 항목을 작성 항목 tr 태그 (table row) : 테이블의 행을 나타낸다. 같은 행에 속하는 td 태그들을 묶어준다. border : 테두리 지정 HTML - 표2: 구조 table 구조화 아래 태그들을 사용하지 않아도 시각적인 면에서 차이는 없지만 정보를 구조화하는 태그들을 사용하여 표현하므로써 가치있는 정보를 만들어낸다. thead 태그 : table의 제목 th 태그 : 데이터의 제목 (thead 안에 작성하는 항목) tbody 태그 : table의 본문 tfoot 태그 : table의 푸터 thead는 코딩 시 tbody보다 아래에 써도 브라우저 상의 표에서는 가장 상단에 ..
사용자 리서치 수행 학습목표 - 리서치 실행계획의 방법론에 따라서 리서치를 수행할 수 있다. 사용자 리서치 수행 기법 목표한 사용자 리서치 결과를 도출하기 위해 여러 기법이 혼용되기도 하며, 사용자 리서치를 수행한 조직과 제품/서비스의 특성에 따라 고유의 기법을 개발하고 사용하기도 한다. 경우에 따라서는 사용자 리서치의 진행에 따라 계획한 기법 외에 보다 적합할 것으로 예상되는 기법을 적용하면서 계획을 수정해 진행하거나, 이를 반영하여 반복/점진적 프로세스에 따라 추가적인 사용자 리서치를 수행하기도 한다. 1. 개별 인터뷰 사용자와의 1:1 대화를 통해 조사를 수행하는 방법 직접대면 또는 유선상의 대화 사용자의 업무, 일상생활 등 맥락과 경험, 태도, 희망사항 등의 정보를 얻을 수 있다. 인터뷰 방법 (..
사용자 리서치 계획수립 학습목표 - 리서치의 목적과 목표 고객, 내용, 범위, 방법, 일정 등을 포함한 리서치 실행계획을 수립할 수 있다. - 조사 목적과 얻고자 하는 자료의 특성 및 가용시간과 예산에 따라 자체 수행 또는 아웃소싱을 선정할 수 있다. 사용자 리서치 사용자 리서치는 사용자와의 직/간접적인 접촉을 통해 사용자의 식별을 포함하여 사용자에 대한 정보, 사용자가 갖는 정보를 조사하는 활동이다. (Tulathimutte, Tony and Nate Bolt) 1. 마케팅 리서치 통계분석이나 설문조사를 통하여 현상적인 정보를 조사한다. 사람들의 의견, 선호도를 알 수 있다. 마케팅 리서치의 주안점 브랜드와 서비스/제품에 대한 사용자들 반응 조사 서비스/제품의 사용자 유형별 선호도 파악 새로운 서비스/..
이해의 용이성 (1) 학습목표 1. 기본 언어 표시를 이해하고 콘텐츠를 제공할 수 있습니다. 2. 사용자 요구에 따른 실행 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 이해의 용이성(Understandable) 콘텐츠는 이해할 수 있어야 한다. 웹 접근성 검사항목 - 이해의 용이성 기본 언어 표시: 주로 사용하는 언어를 명시해야 한다. 사용자 요구에 따른 실행: 사용자가 의도하지 않은 기능 (새 창, 초점 변화 등)은 실행되지 않아야 한다. 기본 언어 표시 1. 기본 언어 표시의 개념 기본언어(웹 사이트에서 주로 사용하는 언어)를 명시해야 한다. 기본 언어를 명시할 경우 화면 낭독기와 음성 지원 소프트웨어가 해당 언어의 정확한 발음으로 콘텐츠 이해를 도울 수 있다. 2. 기본 언어 표시의 필요성/목적 ..
운용의 용이성 (1) 학습목표 1. 깜빡임과 번쩍임 사용제한을 이용하고 콘텐츠를 제공할 수 있다. 2. 반복영역 건너뛰기 항목을 이해하고 콘텐츠를 제공할 수 있다. 3. 제목 제공 항목을 이해하고 콘텐츠를 제공할 수 있다. 4. 적절한 링크 테그트 항목을 이해하고 콘텐츠를 제공할 수 있다. 웹 접근성 검사항목 - 운용의 용이성 깜빡임과 번쩍임 사용제한: 초당 3~50회 주기로 깜빡이거나 번쩍이는 콘텐츠를 제공하지 않아야 한다. 반복 영역 건너뛰기 제공: 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. 제목 제공: 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을 제공해야 한다. 적절한 링크 텍스트 제공: 링크 텍스트는 용도나 목적을 이해할 수 있도록 제공해야 한다. 깜빡임과 번쩍임 사용 제한 1.깜빡임과..
HTML - 개발도구 개발 도구(Programming tool) 1. 개발도구란? 프로그램을 만들 때 쓰는 도구 (우리 수업에서는 html을 이용해서 웹페이지를 만들떄 그것을 도와주는 전문화된 프로그램) - text edit, 메모장은 복잡한 프로그램을 작성할 때 적합하지 않음 2. 개발도구 종류 atom go - 추천 확장기능 (emmet) sublime go - 추천 확장기능 (emmet) bracket go 3. atom emmet 설치 확인: packages - emmet이 있으면 설치 완료 상태 다중편집환경: 해당 파일 오른쪽 마우스 클릭 - split right ctrl + alt + → : 다음 edit point로 이동
인식의 용이성 (2) 학습목표 1. 인식의 용이성을 높이기 위한 검사항목 중 색에 무관한 콘텐츠 인식을 이해하고 콘텐츠에 제공할 수 있습니다. 2. 명확한 지시사항 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 3. 텍스트 콘텐츠의 명도 대비 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 4. 배경음 사용 금지 항목을 이해하고 콘텐츠를 제공할 수 있습니다. 웹 접근성 검사 항목 - 인식의 용이성 색에 무관한 콘텐츠 인식: 콘텐츠를 색에 관계없이 인식될 수 있다. 명확한 지시사항 제공: 지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다. 콘텐츠 명도 대비: 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 : 1 이상 이여야 한다. 자동 재생 금지: 자동으로 재생되는 배경..