꿀팁 공유26 웹디자인기능사 공개도면 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. 카카오톡 단톡방 사진전송 묶어보내기 & 화질 설정 필자가 다니고 있는 건설회사에서는 업무차원으로 카톡 단톡방을 통해 자주 현장사진 공유를 한다. 근데 이놈의 아저씨들이 사진 10장 넘게 보내면서 묶어보내기를 하지 않아서 깨톡, 깨톡, 깨깨깨래깨깩깩톡~ 하고 사무실 사람들 폰이 다 울리게 만들지 않나... 홈페이지/인스타에 사진자료 올려야하는데 일반화질 화질구지로 보내서 확대하면 다 깨지게 만들고 ^^.... 입사 6개월차인 지금까지 말 않고 참고있다가 그저께서야 톡방에 제발 묶어보내기와 고화질/원본으로 체크를 해달라고 메시지를 보냈다. (일반화질로 보냈던 분은 고화질 체크기능이 있는 줄 몰랐단다ㅠㅠ...) 혹시 몰라서 .. 모른다는 분 있을까봐 만든건데 쓸모 없어져서... 블로그에 올려봅니다 ^^;; 앞으로는 카톡을 통해 업무용 사진을 주고받을 때는 묶.. 2019. 12. 13. 인스타그램 해시태그 누락에 대한 고찰 (IP차단) 안녕하세요. 수달(SUDAL)입니다. 현재 바이럴마케팅 회사에서 디자이너로 일하고 있습니다만, 한 성형외과의 페북/인스타 관리도 겸하고 있습니다. (디자이너가 왜 이걸 해야하는지 의문이지만) 쨌든 전전직장에서 하던 일이 그런 일이었어서 경력을 숨길 수도 없고... 대충 하고는 있습니다. (서론이 길다) 오늘 오랜만에 여기 글을 쓰는 이유는 제가 관리하는 인스타그램 계정의 해시태그 누락에 관련하여 정보를 공유하고자입니다. 저는 지난 12월 말부터 좋아요개수가 평균 13~15개 정도 나오는 수준의 그냥 구색갖추기용 계정을 담당하게 되었습니다. 그 전에 그 계정을 담당하시던 팀장님은 회사 업무폰을 사용해서 수작업으로 올리셨는데, 매번 업무폰을 가지러 팀장님 자리에 왔다갔다 하는데 넘 번거롭더군요. 그래서 제 .. 2019. 2. 11. 이전 1 2 3 4 5 다음
