본문 바로가기

전체 글169

[웹1] 7강 - Table [웹1] 7강 - Table - 박스 속성 레이아웃을 구성할 때 사용하는 스타일 속성 width 가로 너비 height 세로 높이 padding 내부 여백 margin 외부 여백 border 테두리 - border 속성 속기법 : border: 두께 모양 색상;(순서 상관없음) border-width 테두리 두께 border-sytle 테두리 모양 border-color 테두리 색상 - 배경 속성 background-color 배경 색상 background-image 배경 이미지 background-repeat 배경이미지 반복값 background-position 배경 위치 (가로, 세로 지정, 순서있음) background-attachment 배경 이미지 고정 - 폰트 속성 font-size 폰트 크기.. 2016. 9. 21.
[웹1] 6강 - CSS [웹1] 6강 - CSS CSS : Cascading Style Sheet HTML : 뼈대 / CSS : 인테리어 HTML 단점인 여러개 붙여야 하는 소스를 간단하게 만들어주기 위해 CSS언어도 같이 쓴다. 1) CSS 선택자 스타일 시트 작성법 : 선택자{스타일속성:스타일값;} 선택자명 작성시 주의사항 : 한글, 띄워쓰기(다른의미), 특수문자, 숫자 나중에, 특정 키워드, 태그명 X - 태그 선택자 태그명 특정한 태그를 모두 선택 - 클래스 선택자 .클래스명 클래스명이 지정된 모든 태그를 선택(1:다수) - 아이디 선택자 #아이디명 아이디명이 지정된 유일한 태그를 선택(1:1) - 그룹 선택자 선택자, 선택자 같은 속성을 각각 지정할 경우 그룹으로 묶어서 표현가능 태그명.클래스명(#아이디명) 특정 태.. 2016. 9. 20.
[웹1] 4강 - 홈페이지 호스팅 [웹1] 4강 - 홈페이지 호스팅 1. Table rowspan 셀의 높이 지정 (세로 합치기 효과) colspan 셀의 너비 지정 (가로 합치기 효과) 2. 홈페이지 기획 - 벤치마킹 - 이미지 준비 - 이미지 및 컨텐츠 제작 - 포토샵으로 페이지이미지 제작 - 드림위버 페이지 제작 - 메인페이지 작업 - 서브페이지 작업 - 링크 연결 - 웹 등록(출판), 호스팅 서비스 이용하여 업로드 호스팅 업로드 > 알드라이브 다운 > 호스팅 주소 FTP 로그인 > html 업로드 호스팅 : http://www.dothome.co.kr/ FTP : 파일전송규약 알FTP, 알드라이브 메인페이지 규칙 : 이름을 index 로 저장하기 3. 구조(뼈대) 만들기 div + CSS Insert > table > 4행, 5열.. 2016. 9. 13.
[웹1] 3강 - Split으로 효율적이게 꾸미자 [웹1] 3강 - Split으로 효율적이게 꾸미자 1. Split 1) 텍스트 하단의 HTML 선택 : 포맷, 문단 등 꾸미기 - Page properties : 전체 텍스트 꾸미기 조정, margin 모두 0 (배경이미지 밀리지 않도록 여백 없애주기) 2) 이미지 이미지 넣기 : 이미지 넣고 싶은 곳 클릭 > 오른쪽 상단 Insert > 이미지 > 원하는 이미지 선택 Target : 창 여는 방법 정하기 - self : 현재창에서 바로 열기, 기본모드 (미선택 시, 자동으로 _self) - blank : 새창에서 열기 이미지 map : 하나의 이미지 위에 여러 링크를 연결할 때 사용 이미지 위에 링크 영역을 만들어 줌. 태그 사용 - 하단 Map : 링크 영역 지정 Link : #지우고 링크 적기 화살.. 2016. 9. 12.
반응형

티스토리툴바