꿀팁 공유/└ 웹디자인기능사18 웹디자인기능사 공개문제 C-2 : 부여가을연꽃축제 세로형 레이아웃은 정말.. 어떻게 조합을 해도 구린 것 같아요 ㅋㅋㅋㅋㅋㅋ 메뉴 네비게이션 부분을 이 색깔 저 색깔 써보고 테두리를 줬다 뺐다... 해봤자 부질없습니다... 뭘 해도 구림... ㅋㅋㅋㅋㅋㅋ 글씨 색상하고 전체 배경색만 설정되어있어서 대충 연꽃 색상에 맞춰서 녹색과 분홍색 계열로 색조합을 해봤는데 음~ 구려. ㅋㅋㅋㅋ 공지사항 내용은 제가 아무말이나 쓴겁니당. (부여 연꽃축제 홈페이지 공지사항 내용 쪼매 베낌) 바로가기 배너는 .. 생각보다 공지사항이랑 갤러리가 자리차지를 많이 해버려서.. 만들다보니 짜부됨 ㅎㅎ;;; 다시 만들자니 귀찮! 이미지는 unsplash에서, 아이콘은 iconmonstr에서 따왔습니다 :) HTML 축제소개 초대의 글 축제개요 축제연혁 오시는길 행사안내 셔틀버스안.. 2020. 4. 1. 웹디자인기능사 공개도면 C-1 : 해운대빛축제 이전까지의 공개도면은 실제로 없는 단체나 행사의 홈페이지 index 페이지를 디자인하는거였다면 해운대빛축제는 실제로 있는 행사더라고요?? ㅋㅋㅋㅋ 큐넷에서 시험지만 제공하지 이미지나 텍스트는 주지 않기 때문에.. 이번에도 제 맘대로 만들어봤습니다 깔깔. (배너는 정말 대충 만듦..) ※ 맥에서 볼 때랑 윈도우에서 볼 때랑 폰트 이미지가 좀 다르네욤... (집에선 맥북으로 하고 회사에선 윈도우라 ^^;) HTML 공지사항 코로나19바이러스의 확산 방지를 위하여 부득이하게 해운대빛축제 개장일이 연장되었음을 안내드립니다. 변경 전 : 2020년 3월 23일 변경 후 : 2020년 5월 4일 관람객 여러분의 많은 양해 부탁드립니다. 이용안내 이용방법 이용시간 이용요금 이벤트정보 현장이벤트 온라인이벤트 이벤트예약.. 2020. 3. 27. 웹디자인기능사 공개도면 A-4 : 유진건설 이번 문제는 배경색이 흰색이 아니라 회색으로 들어가네요 ㅎㅎ 색깔도 3개나 들어가구요.. 가운데 이미지 3개 페이드인/아웃하는 제이쿼리 코드를 복잡하게 쓰시는 분들이 많더라고요.. (대부분 배열 방식으로 이미지 순서대로 페이드아웃하고 마지막에 전체 이미지를 다시 불러오는 방법) 제 머리로는 그 코드를 다 외울 수가 없어서.. 최대한 쉬운코드를 검색하고 검색해서 찾았습니다~ 예이~! (요즘 세상에 검색하면 다 나오는데.. 코드 찾아서 복붙하거나 어디 저장해놨다가 쓰면 되지 왜 다 외웁니까 ㅠ) 로고/메인이미지3개/갤러리3개/배너 다 unsplash에서 이미지 다운받아 제작했습니다. html 본사 방문 관련 안내 코로나19 전염병 방지를 위하여 유진건설에서는 정기 방역 실시는 물론, 손소독제, 마스크를 항시.. 2020. 3. 26. 웹디자인기능사 공개도면 A-3 : 강원천문대 가로형 레이아웃 / 가로 고정 메뉴 네비게이션 / 페이드인아웃 배너 / 탭메뉴 로고는 텍스트로만하니 심심해서 포토샵 모양으로 달이랑 별 이미지를 넣어주었습니다 ㅋㅋ 갤러리탭 이미지 정렬 할 때 css에 display: flex; justify-content: space-between; 값을 넣으니 보기좋게 균등배치돼서 좋더군요! margin으로 조절했었는데 훨씬 편하네요. 메인이미지 페이드인/아웃 효과 넣는것만 해도 머리가 아픈데 탭메뉴까지 제이쿼리 구현하는게 너무 머리아파서... 탭메뉴는 쉽게쉽게 갔습니다. 버튼부분 따로, 내용부분 따로 div로 감싼 다음에, 제이쿼리는 버튼은 클릭시 background 색 변경, 내용은 fadeIn()/hide() 이용해서 보였다 안보였다하게 ㅋㅋ 사용된 이미지와 푸.. 2020. 3. 25. 웹디자인기능사 공개도면 A-2 : Green 복지재단 가로형 레이아웃 / 패밀리사이트 / 가로 전체형 네비게이션 / 좌우롤링배너 / 모달팝업 앞에 just 쇼핑몰과 마찬가지로 이미지는 unsplash에서 다운받은 이미지로 제작했습니다. 헤더 부분은 전체가로메뉴라서 네비게이션 뒤에 배경으로 따로 div 박스를 추가해서 넣어주었습니다. 패밀리 사이트는 select / option 으로 만드는 방법으로 안하고 헤더에 메뉴처럼 div로 처리하고 제이쿼리로 slideDown 효과를 주었습니다. java script 삽입은 알아서 ~ ^^ html 임시휴관안내 언제 끝날지 모르는 코로나19 바이러스 긴급상황! 전염병 확산 방지 및 예방을 위하여 2월 21일부터 임시 휴관합니다. 휴관 종료일은 추후 홈페이지와 페이스북, 인스타그램을 통해 공지해드리겠습니다. 문의전화 :.. 2020. 3. 24. 웹디자인기능사 공개도면 A-1 : Just 쇼핑몰 가로형 레이아웃 / 탭메뉴 / 가로 고정형 네비게이션 / 상하롤링배너 로고는 그냥 텍스트로만 쓰여진 이미지로 제작했고, 이미지는 큐넷에서 제공해주지 않기 때문에 unsplash 사이트에서 다운받아 임의 제작했습니다. 제이쿼리는 jquery-1.12.3.js를 다운받아서 썼습니다. (파일은 인터넷에서 검색해서 받으세요) INDEX 자체를 처음 만들어본거라 책이랑 구글링으로 찾아가며 만들어봤는데 더 빠르고 효율적인 방법이 있다면 알려주세요 ~ html 탑 아우터 팬츠 악세사리 블라우스 티 셔츠 니트 자켓 코트 가디건 머플러 청바지 짧은바지 긴바지 레깅스 귀고리 목걸이 반지 팔찌 공지사항 네번째 공지사항 입니다.2019.03.28 세번째 공지사항 입니다.2019.03.27 두번째 공지사항 입니다.2019.03.. 2020. 3. 23. 이전 1 2 3 다음
