[HTML+CSS_Summary] 웹 호스팅, 닷홈, Filezila, Just홈쇼핑 연습문제

1. 웹 호스팅 개요

index.html
css 
 -style.css
introduce.html
... 화면, UI
-----------------------------------------------------------------
index.jsp (기능, DB)

스프링 프레임워크가 수요가 많아서 취업에 유리하다.

스프링을 잘하게되면 프로젝트가 잘 나온다. 

빅데이터(그래프 시각화) 수업은 보조 +@이다.

 

2. Just홈쇼핑 연습문제

• img태그는 기본적으로 display가 inline이므로 이미지 사이에 간격이 존재한다.
• slide.css에서 img태그 display를 block으로 설정하면 이미지 사이의 간격이 사라지고 딱 붙는다.
• overflow: hidden; /*오버플로우 된 부분을 감춘다. 자기 영역보다 벗어난 큰 영역 숨김기능.*/
• position: relative; /*해당 위치에서 상대적인 위치를 이동할때 쓰인다.*/

• ul>li*3>a>img를 입력하면 VC에서 자동으로 생성해준다. 들여쓰기는 수동으로 해준다.
• float: left; /*리스트는 기본 블록이기때문에 세로배치, float:left해야 가로로 배치가능하다.*/
• #footer>#logo>a{ /*띄어쓰기 하면 footer, a둘다 적용된다. >구분자를 써줘야 그 부분만 적용된다. id에 적용하는 것은 #을 구분자로 적고, 태그는 그냥 적는다.*/
• cursor: pointer; /*마우스를 위에 올려두면 커서를 손가락 모양으로 바꿔준다.*/

• span에 아이디를 만들지 않고 이처럼 :first-child나 :nst-child(2)로 각각 구분하여 속성값을 부여할 수 있다.
• z-index: 9; /*기본적으로 z인덱스 값은 1인데, 값이 클수록 상위로 올라간다. 팝업창은 모든 요소보다 상위에서 보여야하기 때문에 이런식으로 설정한다.*/

 

 

3. 무료 호스팅(닷홈, 파일질라로 무료 호스팅 실습하기) 

 

• 닷홈 회원가입 > 로그인 > 웹호스팅 > 무료호스팅 > FTP아이디 > FTP비밀번호 > DB비밀번호 > 메일인증
• Filezila>donload Filezila client(무료버전, 제일 왼쪽)>프로그램 실행
• 호스트 : ftp://페이지 주소 입력(마이닷홈 홈페이지 > 호스팅관리 > 웹호스팅 목록 > 도메인
• 사용자명: 계정ID
• 비밀번호: 계정 비밀번호
• 포트: 21
• html폴더만 빼고 다 지우고, 로컬 사이트는 작업위치 잡고 파일들 모두 드래그 앤 드롭해서 리모트 사이트로 옮기면 서버 공간에 우리가 만든 홈페이지를 옮긴다.