전체 글
<step5> 'html 및 css 기초'
*선행학습 step5* button - 클릭 가능한 버튼을 나타냄 확인 확인 취소 css 표현언어 1. 외부 스타일 시트사용 style.css 2. 내부 스타일 사용 css구문작성 3. 인라인스타일 사용방법 안녕하세요 div입니다. css구문 - 선택자{ 속성:속성값; } ex) div { font-size: 24px; } css 주석 처리 방법 - /**/ 선택자 1. 태그 선택자 - html요소의 태그명으로 선택 태그명 { 속성: 속성값; } ex) div { font-size: 24px; } 2. 아이디 선택자 - html요소의 아이디명으로 선택 (앞에 #을 써준다. #없으면 태그 선택자) #아이디명 { 속성: 속성값; } ex) #header { font-size: 24px; } 3. 클래스 선택..
css 기초정리
css 표현언어 1. 외부 스타일 시트사용 style.css 2. 내부 스타일 사용 css구문작성 3. 인라인스타일 사용방법 안녕하세요 div입니다. css구문 - 선택자{ 속성:속성값; } ex) div { font-size: 24px; } css 주석 처리 방법 - /**/ 선택자 1. 태그 선택자 - html요소의 태그명으로 선택 태그명 { 속성: 속성값; } ex) div { font-size: 24px; } 2. 아이디 선택자 - html요소의 아이디명으로 선택 (앞에 #을 써준다. #없으면 태그 선택자) #아이디명 { 속성: 속성값; } ex) #header { font-size: 24px; } 3. 클래스 선택자 - html요소의 클래스명으로 선택 (앞에 .을 써준다.) .클래스명 { 속성:..
html - form, select, input, type
폼 태그 - 사용자로부터 입력을 받을 수 있는 태그 select 선택상자 선택항목1 선택항목2 선택항목3 -input 태그 속성 type 속성 : 입력필드 타입을 지정함 -type 1. text : 텍스트를 입력하는 창을 생성 2. password : 비밀번호를 입력하는 창을 생성 3. radio : 라디오 버튼을 생성 4. checkbox : 체크박스를 생성 5. hidden : 사용자에게 보이지는 않지만 서버로 전송됨 6. submit : 서버로 제출/전송하는 버튼을 생성 7. reset : 입력필드를 초기화 시키는 버튼을 생성 8. file : 파일 이름을 입력하는 창을 생성 name 속성 : 서버로 전달되는 이름 value 속성 : 입력태그의 초기값 placeholder 속성 : 사용자가 값을 입..
html - table, p, span, div, img, button
table 만들기 - 행 - 열 제목이 있을 때 colspan - 열 합치기 rowspan - 행 합치기 - 인라인요소, 블럭요소 (작은 묶음) (큰 묶음) - 그룹핑 역할을 하는 태그 블럭 태그 - 브라우저 너비만큼 다 씀 인라인 태그 - 속한 요소만 씀 img 태그 - 빈요소 ./ - 현재 내 위치 ../ - 이전 위치 button - 클릭 가능한 버튼을 나타냄 확인 확인 취소
html 기본
html + css + javascript html : 마크업 언어 hypertext markup language - 배우기 쉽다 - 웹페이지의 뼈대 역할 css : 표현 언어 javascript : 동적 언어 상위요소-하위요소 : 위, 아래 부모요소-자식요소 : 바로 위, 아래 형제요소 : 옆
<step4> 'html 기초'
*선행학습 step4* 2개 이상이면 ul 태그로 묶자 1) 연습1 ORGANIC 오가닉 러프한 소재와 함께 자연 공간을 풍부하게 경험할 수 있는 오가닉한 스타일 내추럴 컨셉을 표방하는 오가닉 네이처는 예스럽지만 세련된 느낌의 공간으로 중년층의 라이프 스타일과 취향을 반영 한 스타일입니다. 전체적으로 밝은 아이보리와 베이지, 브라운 컬러를 사용하며 생활에 지친 사람들에게 쉼과 힐링을 제공하는 인테리어입니다. 자연 친화적인 공간 연출 자재: 티크나 월넛 수중의 바닥재, 텍스처가 살아있는 벽지, 나뭇결의 거친 느낌을 강조한 도어 소품: 자연소재 그대로의 나뭇가지 형태의 플로어램프, 한국적 저어의 뒷마루 공간, 모던하게 재해석한 사방탁자 책임 디자이너 김미화 물질적인 풍요를 바라기 보다 현재 사왕에 만족하고 ..
<step3> 'html 기초'
*선행학습 step3* 폼 태그 - 사용자로부터 입력을 받을 수 있는 태그 select 선택상자 선택항목1 선택항목2 선택항목3 -4k 다운로더 - 유튜브 영상 다운로드 가능 -input 태그 속성 type 속성 : 입력필드 타입을 지정함 -type 1. text : 텍스트를 입력하는 창을 생성 2. password : 비밀번호를 입력하는 창을 생성 3. radio : 라디오 버튼을 생성 4. checkbox : 체크박스를 생성 5. hidden : 사용자에게 보이지는 않지만 서버로 전송됨 6. submit : 서버로 제출/전송하는 버튼을 생성 7. reset : 입력필드를 초기화 시키는 버튼을 생성 8. file : 파일 이름을 입력하는 창을 생성 name 속성 : 서버로 전달되는 이름 value 속성..
<step2> 'html 기초'
*선행학습 step2* table 만들기 - 행 - 열 제목이 있을 때 colspan - 열 합치기 rowspan - 행 합치기 - 인라인요소, 블럭요소 (작은 묶음) (큰 묶음) - 그룹핑 역할을 하는 태그 블럭 태그 - 브라우저 너비만큼 다 씀 인라인 태그 - 속한 요소만 씀 img 태그 - 빈요소 ./ - 현재 내 위치 ../ - 이전 위치 알 캡처 사용하기 : Ctrl + Shift + c 1) 연습1 수업명 개강일 인원 수강료 건축설계 04-07 25명 300,000 웹 개발자 프론트 05-02 360,000 그린컴퓨터 아카데미 그린컴퓨터 아카데미 그린컴퓨터 아카데미 2) 실습1 주 군별 행정구역 현황 (인구수,세대수) (2021년 12월 31일 현재) 구분별구분 계 중구 남구 동구 북구 울주군..
<step1> 'html 기초'
*선행학습 step1* 일러스트 + 포토샵 + xd 2주 html 3주 css 2주 javascript 4~6주 php 3주 mysql 2주 react 4~6주 포트폴리오 ` 백틱 ; 세미콜론 : 콜론 & 앰퍼샌드 | 버티컬 바 html + css + javascript html : 마크업 언어 hypertext markup language - 배우기 쉽다 - 웹페이지의 뼈대 역할 css : 표현 언어 javascript : 동적 언어 상위요소-하위요소 : 위, 아래 부모요소-자식요소 : 바로 위, 아래 형제요소 : 옆 디비컷 - 웹디자인 평가 및 우수 웹사이트 모음 http://www.dbcut.com 디비컷 - 웹디자인 벤치마킹 및 우수 웹사이트 모음 디비컷은 신규 오픈한 국내외 웹사이트를 소개 평가..