학원/웹 (27) 썸네일형 리스트형 자바 - 배열 , 메소드 웹 -사진 2개씩 (사진 2개 추가했다 윗내용 결과 로고 메뉴 만들기 글자대신 아이콘~ (그리고 각각 아이콘에 아이디 넣어주기 (포 뒤에 )) =폰 카운셀 전화버튼 동그라미 만들기! 인라인 블럭을 넣어야 저게 위드스 이런거 넣을 수 있다 핸드폰 오른쪼그로 현재까지! ( 이미지 사이즈와 위치도 조절해준모습) 추가된 것들 : -헤더 릴러티브 -메인, 로고 앱솔루트 -레프트, 라이트 0 -플롯레프트 주석 -헤더 하이트 40픽셀 + 요기서 메인 _ 로고에 텍스트 얼라인 센터 추가해주면 정확히 가운데로 온다~ 저기저기 main_menu 아이디 넣어주고 이렇게 해줘서 크기 조정 1차 평가 프로젝트 개요: 1. 조편성 3명 2. 구현할 사이트 선정 (기업조직웹사이트, 쇼핑몰(포털), 색다른주제 등등) 3. 구현내용 - .. 웹 아이콘 flaticon 사이트도 있다. 2. 인덱스 페이지 - 화면구현 ㄱ. 박스영역 중앙 배치 - margin: 0 auto; ㄴ. 글자 이미지 중앙 정렬 - text-align: center; ㄷ. 한줄일 경우 위아래 정렬 - line-height: 높이 + 패딩값을 이용하기도 한다. ㄹ. 이미지와 글자 겹치기 1. 부모요소: position: relative; 2. 자식요소: position: absolute; ㅁ. h, ul, p: 기본적으로 margin 있음. (제거작업해야함) ㅂ. 테이블디자인 1. border-colapse: colapse 2. td 상단과 하단 테두리 (좌우 사이드 넣지 않는게 추세) 3. 타이틀이 있으면 대표색상 4. td 에 패딩으로 여유있게 5. 숫자는 가능하면 오른쪽.. [css/js] 애니매이션(트랜지션,트랜스폼)이론/모바일인덱스페이지만들기-슬라이드이미지,그위에화살표띄우기,그위에동그라미만들기(슬라이드하단도트)/글자위아래가운데정렬/(js)조건문-if,if/.. 7. 애니메이션 ㄱ. transition : 속성시간 => @keyframe {} ( [웹-css,js] 탭메뉴-메뉴와컨텐츠,디스플레이논/블럭//트렌지션-글자크기,이동,색,기울기 등등부드럽게변화/(js)숫자입력받아양수,음수출력/짝수홀수출력 5.탭메뉴 ㄱ. 메뉴는 ui li li ㄴ. 컨텐츠는 div div div (개수에 맞게) => display : none -> block; 선생님답안 (근데 그외 내가 한것도있음) 느낌표 물으면 거꾸로 묻는거임. 어.. + else 추가 (홀수인 경우 홀수 출력하기) 10/18 웹수업 https://blog.naver.com/hyunjuhj0824/222903761231 10월 17일 웹수업 (카카오 불나서 티스토리 작성이 안돼서 네이버블로그에 썻다 하하) https://blog.naver.com/hyunjuhj0824/222902715252 10/19 웹수업 08장 레이아웃 연습 및 이펙트 효과 1. 효과는 언제 주는게 좋은가? ㄱ. css, js디자인, 기능 어느정도 정해진 후 . ㄴ. 그림자효과 (겹치는 효과) ㄷ. 텍스트 그림자 효과 ㄹ. 박스 (오브젝트 - 사진 , 도형) 그림자 효과 ㅁ. 테두리 라운드 - 버튼 커스터마이징 할 때 2. html 안에 공백, 줄바꿈, 탭 으로 공백을 만들 수 있다. 그러나 문제점 -> 한개의 공백만 가능. ==> white space 속성 폴더 이렇게 쩜쩜 해야 찾을 수 있엉 - 로고 라는 글자를 이렇게 치워버리는 방법이 있다. - -글자가 가운데로 쏙 어...글자가 가운데에 들어가네 - 이렇게이상하다. 푸터를 밑으로 내려줘야겠다.-> 푸터에 클리어 보스 넣으면 이렇게 된다. 옆에 선도 넣어줬따. - 여기서 피규어는 .. 이전 1 2 3 4 다음
