본문 바로가기

전체 글81

JUST 쇼핑몰 두번째 연습 시험도 다가오고.. js는 자꾸 까먹고.. 연습차 다시 작업해봤습니다. 처음에 만들었던건 진짜 html이랑 css 처음 만져보는거라.. 색조합이나 그런게 완전 쌉쓰레기였죸ㅋㅋㅋㅋㅋ 진짜 이건 그 때에 비하면 선녀다 선녀 ㅋㅋㅋㅋㅋ (처음 만들었던 공개도면 실습ㅋㅋ 👉 https://sudal89.tistory.com/31) (움직이는 gif 파일은 집컴(맥북)에서 만들기 귀찮아서.. 동영상으로 해봤는데 어떨런지...;) 고객센터 배너(바로가기배너) 이미지는 전체 분위기랑 안어울리는데 .. 수정하기 귀찮고여...ㅋㅋㅋ sns로고 iconmonstr에서 가져다가 만들면 되는데 내가 귀찮아서 걍 저렇게 만듦.. ㅋㅋㅋㅋㅋㅋㅋ 메뉴 네비게이션하고 탭메뉴 같은 경우엔 border 값도 주고, 테두리 윗쪽에 bor.. 2020. 5. 30.
탭메뉴 구현 (공지사항/갤러리) 공지사항 내용과 갤러리 내용을 둘 다 css에 position: absolute 값을 줘서 겹쳐놓고, 둘중에 하나만 보이게끔 설정하면 됩니다. 버튼의 경우 CSS를 2가지 버전(on/off)으로 만들어서 설정해놨습니다. 시험장에서 CSS까지 똑같이 구현하라고 할지 안할지 모르겠어서 일단 해봤는데, 이렇게까지 구현할 필요가 있을까 싶기도... =_=; (자잘하게 몇가지 사항을 더 추가하는게 너무 귀찮!!!!) 맨날 박스에 border 설정 넣으면 border만큼 width/height 값 줄여서 쓰느라 귀찮았는데... 알고보니 box-sizing: border-box 값을 넣어주면 안해도 되더라구요?... 하 왜 책에는 이런거 안써있었냐... 갤러리에 사용된 이미지는 여기서 가져왔습니다 ^^; (blog... 2020. 5. 18.
메뉴 네비게이션 만들기 (가로) 메뉴 내용은 제 맘대로... ㅋㅋㅋㅋㅋ 실기시험 대비 연습차 만들어봤습니다 :) 가로 전체 박스형 (더보기를 누르시면 코드를 확인하실 수 있습니다) 더보기 HTML 가로전체박스형 한식 청국장 백반 돼지 김치찌개 고등어 백반 김치말이 국수 중식 锅包肉 牛肉面 鸡蛋炒饭 地三鲜 일식 豚骨ラーメン 寿司 うどん 焼きそば 양식 Spagetti Ham Burger Fried Chicken Beef Steak CSS /************가로전체박스형************/ #가로전체박스형 { height: 290px; border-top: 1px solid black; border-bottom: 1px solid black; } #header1 { height: 100px; background: lightyello.. 2020. 5. 18.
웹디자인 기능사 공개문제 B-4 : 산업대학교 가로형 레이아웃 / 전체 메뉴 네비게이션 / 좌우롤링배너 / 패밀리사이트 드디어 드디어 웹디자인기능사 공개문제를 전부 다 풀어봤네요 ~ 오예오예~! 책보면서, 구글링하면서 만든거라 시험보려면 다시 한 번 복습하고 외워야겠어요... 늘 그렇지만 이미지 출처는 unsplash, 배너 속 들어가는 문구는 제 맘대로 했습니다요 패밀리사이트 클릭시 아래>위 로 스크롤되는걸로 구현하고싶은데 아무리 찾아도 안나오는 것임니다 ...ㅠㅠ (시험에는 패밀리사이트 버튼을 만들라고만하지 어떻게 구현하라고는 안되어있음) 이거저거 다 시도한 끝에 제가 찾아낸 방법은 사라지는 부분의 css설정을 margin-top : 음수값으로 주고 제이쿼리는 slideDown으로 하니까 되더라구요 ㅋㅋㅋ HTML 대학소개 총장인사말 학교소개 홍.. 2020. 5. 14.
웹디자인기능사 공개도면 B-3 : 세계의 미술작품 가로형 메뉴 / 개별 네비게이션 / 레이어팝업 / 상하 롤링 배너 이번편은 특별히 어려운건 없는.. 무난무난한 문제네요. 근데 자꾸 메뉴 네비게이션이 오류가 나서.. ㅠㅠ 처음에 사이트 들어가서는 hover시 slideToggle이 잘 작동하는데 몇 초 지나고나서 hover하면 메뉴가 안내려오네요.. 이유를 모르겠네 ~~~? 그냥 mouseEnter, mouseLeave로 해야하나... HTML 소장처별 한국 프랑스 이탈리아 독일 장르별 회화 판화 공예/고대유물 그외 테마별 초상화/인물 종교 신화/문학 일상/스포츠 시대별 1900년이전 1900년대 현대 그외 공지사항 여기를 누르면 팝업이 뜹니다.20-05-11 코로나19 극복 예술 프로젝트20-04-30 2020년 전시 해설사 모집20-02-15 미술관.. 2020. 5. 12.
웹디자인 기능사 공개도면 B-2 : 대한투어 가로형 레이아웃 / 가로 전체 메뉴 네비게이션 / 상하롤링배너 / 패밀리사이트 / 모달팝업 공개도면을 실습하다보니 이제 이 정도는 생각보다 빨리 만드네요 ㅋㅋ 문제는 제이쿼리(자바스크립트) 외우는 거... ㅠㅠ 생각이 안나서 전에 했던거 계속 찾아보고 그랬네요 ㅠ 메뉴 네비게이션에 slideDown, slideUp 걸어놨는데 자꾸 지맘대로 올라갔다내려갔다ㅋㅋㅋ 그래서 찾아보니까 .stop()을 안넣어섴ㅋㅋㅋㅋㅋ 또 자꾸 슬라이드 이미지 뒤로 도망을 가버려서 짜증ㅋㅋㅋ (z-index 설정으로 해결보긴 했지만..) 한동안 안하다가 다시 잡았더니 if~else구문 쓰는 법도 다 잊어버리고 미춰버리겠네요~~~ 하다가 빡쳐서 팝업 문구는 사장님 뒷담으로..ㅋㅋㅋㅋㅋ html 해외여행 동남아/대만 중국/홍콩 유럽.. 2020. 5. 8.

티스토리툴바