본문 바로가기

전체 글171

[웹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.
[웹1] 2강 - 기초 배우기2 [웹1] 2강 - 기초 배우기2 Site - New Site - 이름 쓰기, 사용할 폴더 선택 : 드림웨버에서 파일 열기 가능 Work space - Beginner [ 복습 - xHTML 태그 기본 ] 1) 용어정리 태그(Tag) : 내부문자 요소(Element) : 완성된 태그 속성(Attribute) : 태그에 추가정보를 부여할 때 사용, (ex. font size, font color / 이미지 태그 : 등등) 주석 : 스스로 로딩되진 않고 코드의 설명이나 저작자의 설명, 표시 등이 들어가도록 만드는 영역 HTML : CSS : /* 주석내용 */ 2) 기본 태그 제목 : heading, 페이지를 대표하는 제목 및 타이틀 ~ , 일반적으로 h1 ~ h3 까지 사용 단락 : paragraph, 줄띄.. 2016. 9. 9.
[웹1] 1강 - 기초 배우기1 [웹1] 1강 - 기초 배우기1 워크스페이스 - 비기너 > HTML 1.0 Transitonal Ctrl + Space Bar : 자동 코드 F12 : 웹에서 미리보기 기초 태그 연습 : 탭의 이름 블럭엘리먼트 : 아래로 한칸 한칸 다음으로 넘어가는 것 ex) h1, p, table, ul, ol, li, div 등등 인라인엘리먼트 : 오른쪽으로 나란히 써지는 것 ex) font, img, a, label, 글자꾸미는태그 등등 : 제목 텍스트, 1이 가장 크고 6이 가장 작음 : 텍스트 입력하겠다 : font 소속, 텍스트 색깔 : font 소속, 텍스트 크기 : 작성 시, 자동으로 작성. 단독으로 쓰이며, 한 칸(Enter) 띄기 : 텍스트 안에 소속, 한 칸(Space bar) 띄기 : 굵은 글자 :.. 2016. 9. 8.
반응형