반응형 이미지5 2023 웹디자인 기능사 실기 레이아웃: 슬라이드 이펙트 2023 웹디자인 기능사 실기 레이아웃: 이미지 슬라이드 이펙트 레이아웃, 메뉴바, 이미지 슬라이드 참고 코드 참고 : https://github.com/dongjin6539/web2023/tree/main/webd 레이아웃 코드 참고 : https://github.com/dongjin6539/web2023/tree/main/webd/layout MENU-1, MUNUE-2 참고 : https://github.com/dongjin6539/web2023/tree/main/webd/menu IMAGE SLIDE 이펙트 참고(s-1, s-2, s-3) : https://github.com/dongjin6539/web2023/tree/main/webd/menu 레이아웃 다양한 방법 참고 : https://don.. 2023. 4. 30. 자바스크립트 JSON 마무리 문제(UPGRADE) 자바스크립트 JSON 마무리 문제(UPGRADE) 참고 https://dongjin6539.tistory.com/78 길라잡이 명언뿐만 아니라 이미지도 10초에 한번씩 바꿔주세요. JAVACRIPT 자바스크립트 구성 https://dongjin6539.tistory.com/78에서 추가로 작업을 했습니다. unsplash 페이지에서 사진을 무료로 가져올 수 있습니다.(https://unsplash.com/ko) 함수 imgLoad를 만들어서 실행해줍니다. 코드의 이미지 부분을 선택자로 만들어줍니다. unsplash API에서 이미지를 random으로 가져올 수 있는 소스가 있습니다. img 요소의 src 속성 값을 변경합니다. 이 때, 새로운 이미지를 불러오기 위해 랜덤한 쿼리 파라미터를 추가해서 속성값.. 2023. 4. 17. Illustrator 선 따라 그리기, 색 입히기 Illustrator 선 따라 그리기, 색 입히기 아빠 토끼, 아기 토끼 처음이므로 기초적인 스케치를 그려봤습니다. 명암까지 해봤습니다. 어떤가요??? 스케치 가져오기 일러스트레이트 프로그램에서 선 작업하기 색 입히기 우주에 있는 우주비행사 업그레이드 된 스케치를 가져와서 작업했습니다. 스케치 가져오기 일러스트레이트 프로그램에서 선 작업하기 색 입히기 완성화면 처음 작업해보는 Illustrator 일러스트레이터 선을 그리는 거 조차도 힘들었습니다. 계속 앉아서 작업하는 것이 힘드네요... 채색도 어떻게 입혀야 잘 어울릴지도 힘들었습니다. 그래도 열심히 노력해봤습니다!!!! 나쁘지 않게 봐주세요. 2023. 4. 6. 이미지/텍스트 유형 페이지 만들어보기!! 이미지/텍스트 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 notice 운동 시 가장 주의할 점 운동을 할 때에는 몸의 건강과 안전을 최우선으로 .. 2023. 3. 14. 이미지 유형 페이지 만들어보기!! 이미지 유형 페이지 만들어보기!! 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 푸터 유형 : https://dongjin6539.tistory.com/49 수업 시간의 배운 내용을 사용해서 페이지 하나를 만들어보겠습니다. 아직 부족한 실력이나 열심히 복습해서 만들어봤습니다. 방법은 밑에 적어보겠습니다. 그럼 시작해보겠습니다. 코드 보기 / 완성화면 운동을 .. 2023. 3. 4. 이전 1 다음 반응형
