전체 글68 제이쿼리 연동 www.jquery.com/ 다운로드를 누르고 맨아래 jQuery CDN를 클릭한다. 찾고자하는 버젼이 없을 경우 찾고자하는 버젼이 있을 경우 앞에 보이는 버젼중 원하는 버젼을 클릭한다. jQuery 3.x 최신버젼 jQuery 2.x jQuery 1.x 낮은버젼 최신버젼일 수록 오래된브라우져는 실행되지않는다. 공공기관이나 여러곳에서 구버젼을 이용하는 곳이 많기에 낮은버젼을 이용하는 것이 좋다. (가장 안정적인 버전은 jquery-1.12.4 이라고 한다.) 1.제이쿼리 사용하는 방법 uncompressed를 클릭하면 창이 뜨고 복사해서 html에 붙여 넣을 수 있다. (인터넷으로 제이쿼리를 가져오는 경로임) 사이트가 가볍다. 폰트가 제일 위 (폰트를 html로 연동할 경우) 다음 css 제이쿼리 붙여넣.. 2020. 5. 11. 메일전단지 페이지 만들기 3.드림위버로 이미지맵을 만들기 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 2.포토샵으로 애니메이션하기 3.드림위버로 이미지맵을 만들기 4.드림위버없이 이미지맵만들기 메일로 전단지 보내야 하기 때문에 URL 이미지가 필요하다. 생성방법은 드림위버에 연동된 ftp로 이미지를 올리고 가져오는 방법이 있고 다른 개인 싸이트에 이미지를 올리고 URL을 생성하는 방법이 있다. 파일질라를 이용할 수도 있다. 뷰모드에서 디자인을 연다. 이미지를 연다. 아래로 태그가 자동생성된다. window - properties 연다 이미지를 클릭한다. 를 누르고 클릭하면 다음 페이지로 넘어갈 영역을 선택한다. 링크에 클릭하면 넘어갈 페이지 주소를 넣는다 target="_blank" 는 클릭시 새창열기, target="_self"는 현재창에서 .. 2020. 5. 8. 메일전단지 페이지 만들기 2.포토샵으로 애니메이션하기 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 2.포토샵으로 애니메이션하기 3.드림위버로 이미지맵을 만들기 4.드림위버없이 이미지맵만들기 Crop tool을 이용해서 애니메이션 작업을 할 부분만 남겨둔다. 윈도우-타임라인을 클릭한다. 애니메이션작업을 할 "떠나요~!"를 "떠" "나" "요" "~!" 4개의 레이어로 나누기로 한다. 현재 "떠나요" "~!"로 나눠져 있기 때문에 "떠나요"를 카피해서 3개의 레이어를 만든다. 첫자 "떠"만 남은 레이어를 만들고 Create frame animation을 클릭한다. 이때 레이어 "~!"는 꺼놓는다. 시간을 선택하고(시간은 나중에 수정가능) 다음 제작할 페이퍼를 추가한다. 두번째글자 "나"만 남은 레이어를 만든다 그리고 "떠" "나" 레이어를 둘다.. 2020. 5. 8. 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 메일전단지 페이지 만들기 1.포토샵으로 이미지 분리 저장하기 2.포토샵으로 애니메이션하기 3.드림위버로 이미지맵을 만들기 4.드림위버없이 이미지맵만들기 메일전단지페이지를 준비한다. 디자인구상을 한다. 오렌지부분은 애니메이션으로, 빨간이미지는 이미지맵을 이용하여 클릭하면 각각의 페이지로 넘어가도록 구상한다. 메일로 받아보았을때 싸이즈로 가로80픽셀이 부담없다. (너무 크면 용량을 초과하여 메일을 보낼 수 없으므로 최대한 가볍게 제작한다.) slice tool을 이용해서 분리할 구역을 나눈다. 오렌지- 애니메이션 빨간-이미지맵 저장 File-Export-Save for web 이미지이므로 jpeg로 선택한다. 슬라이스 부분에 올슬라이스로 선택한다. 분리되서 따로 저장되게된다. 애니메이션 할 이미지는 삭제해도.. 2020. 5. 8. 드림위버 설치및 사이트연동 방법 Adobe Dreamweaver 1. 드림위버를 설치한다. 2.윈도우에 파일을 누른다. 3.언네임드 사이트를 클릭한다. 4. 매니지 사이트를 클릭한다. 5. 뉴사이트를 클릭한다. 6.로컬 사이트 폴더를 클릭하여 원하는 곳에 드림위버와 연결하여 작업할 폴더를 만든다. 7.왼쪽에 서버를 누르고 + 모양인 에드뉴서버를 클릭한다. 8. 서버 네임은 마음대로 써도 된다. FTP에 서버주소를 넣고 그 아래로 아이디와 비번을 각각넣는다. 테스트를 누르고 연동이 잘 되는지 확인해 본다. 루트디렉토리 /HTML/은 루트디렉토리가 /HTML/이 아니라면 공란으로 둔다. (닷홈은 반드시 넣어줘야한다.) 9. 연결하고자하는 서버의 FTP 가 Remote로 체크되어 있는지 확인하다. 10. Remote server 옆에 그림을.. 2020. 5. 7. 아톰 에디터 설치 방법 Atom editor 1. 사이트에 접속해서 설치한다. https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 2. 설치가 다 되면 pc바탕에(혹은 그 외에 편한 파일 안에) 아톰에디터로 연결해 사용할 폴더를 만든다. 3.파일안에 폴더를 클릭한다. 4. 2번에서 만든 폴더를 선택한다... 2020. 5. 7. 이전 1 ··· 8 9 10 11 12 다음
