반응형 jquery6 2023 웹디자인 기능사 실기 B-4 유형 2023 웹디자인 기능사 실기 B-4 유형 HTML : https://github.com/dongjin6539/web2023/blob/main/webd/site2/index.html CSS : https://github.com/dongjin6539/web2023/blob/main/webd/site2/css/style.css SCRIPT.JS : https://github.com/dongjin6539/web2023/blob/main/webd/site2/script/script.js HTML 산업대학교 대학소개 총장인사말 학교소개 홍보관 캠퍼스 안내 입학안내 수시모집 정시모집 편입학 재외국민 정보서비스 대학정보알림 정보공개 정보서비스안내 커뮤니티 공지사항 참여게시판 자료실 미래를 이끄는 열정 산업대학교 당신.. 2023. 5. 13. PHP ajax/jquery로 유효성 검사하기 PHP ajax/jquery로 유효성 검사하기 PHP와 jQuery는 모두 웹 개발에서 유용한 언어 및 라이브러리입니다. 그러나 PHP는 서버 측 언어로 웹 페이지를 구성하는 HTML 코드를 동적으로 생성하거나 데이터베이스와 상호작용하는 등의 작업을 처리할 수 있는 언어입니다. 반면 jQuery는 클라이언트 측 라이브러리로, HTML 페이지 내에서 JavaScript를 이용하여 DOM(Document Object Model) 요소를 조작하고 이벤트를 처리하는 등의 작업을 단순하게 처리할 수 있도록 도와줍니다. 따라서 PHP와 jQuery는 각각 다른 분야에서 사용되며, 유효성 검사 또한 서로 다른 방식으로 처리됩니다. PHP는 서버 측에서 입력값을 검사하고, 문제가 있을 경우 오류 메시지를 출력하거나 다.. 2023. 5. 9. 자바스크립트 게임 이펙트01 자바스크립트 게임 이펙트01 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 WEBS GAME WORLD 2023년 4월 24일 09시 30분 15초 뮤직 뮤직 뮤직 뮤직 현재 뮤직듣기를 클릭했습니다. 구성 header 태그를 사용해서 제목과 목록을 태그를 사용해 각각 만들어줍니다. main 태그를 사용해서 구역 안에 div 태그를 사용해서 각각 알맞는 구성의 이미지와 태그를 입력해줍니다. footer 태그를 사용해서 현재 정보를 입력해줄 태그를 사용해줍니다. CSS CSS1 참고(https://github.com/dongjin6539/web2023/blob/main/javascript/game/css/reset.. 2023. 4. 24. 슬라이드 이펙트 : 위로 연속으로 움직이기 슬라이드 이펙트 : 위로 연속으로 움직이기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect05 슬라이드 이펙트 : 위로 움직이기(연속적으로) 1 2 3 4 5 6 dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. 첫번째 이미지를 다섯번째.. 2023. 4. 12. 슬라이드 이펙트 : 좌로 연속으로 움직이기 슬라이드 이펙트 : 좌로 연속으로 움직이기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect04 슬라이드 이펙트 : 좌로 움직이기(연속적으로) 1 2 3 4 5 6 dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. 첫번째 이미지를 다섯번째.. 2023. 4. 11. 슬라이드 이펙트 : 하 → 상 움직이기 슬라이드 이펙트 : 하 → 상 움직이기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect03 슬라이드 이펙트 : 위로 움직이기 1 2 3 4 5 6 dongjin6539@naver.com 코드 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. 두번째 슬라이드 이펙트와 다르게 w.. 2023. 4. 10. 이전 1 다음 반응형
