슬라이드 사이즈에 맞도록 .psd파일을 만들자. 1~8번은 1200*300, 9~10번은 800*350 11~12번은 850*350 일 것이다. 셋 중 하나로 만든 후, 이미지 파일을 불러오자. 시험장에서는 소스 파일이 제공되며, 그 파일들을 수정하면 된다. 일단 가장 보편적인 1200사이즈로 진행한다. 시험장의 포토샵 버젼에 따라서 드래그 앤 드롭으로 가져오기 기능이 작동하지 않을 수 있다. 그런 경우에는 가져오기 기능을 직접 눌러 하나하나 가져와야 한다. 이미지를 가져올 때는 반드시 최대 폭에 들어가도록 이미지를 늘려야 한다. 단, 이미지의 주요 피사체의 주요 특징이 드러나는 곳이 가려지지 않도록 신경써서 자른다. 텍스트 도구(T)를 눌러 텍스트를 추가하자. 텍스트 색상은 흰색으로 하고, 서체 간격 ..
로고 디자인의 경우 출제 기준이 총 3가지로 볼 수 있다. 1_ 로고 200*40 으로 만들기 제시된 크기에 맞게 이미지 만들기 주의할 점은 배경 내용은 "투명"으로 해야 보기 좀 더 깔끔하다. 텍스트 도구를 이용하여 텍스트 레이어를 작성한다. 시험장에서는 텍스트가 제공되므로, 제공된 텍스트를 복사하여 진행하면 된다. 텍스트 도구의 단축키는 (T)이며, 상단 메뉴 바를 이용하여 서체와 크기 등을 바꿔 줄 수 있다. 화면 사이즈에 맞게 적절하게 줄이면 된다. 서체는 굵은 서체를 추천한다. 만약 자세한 설정을 해 주고 싶다면, 창 메뉴에서 문자 탭을 누르면 창이 뜨는데, 이 창에서 서체와 줄 간격 폭 넓이, 굵게, 기울임꼴, 위 첨자, 아래 첨자 등을 전부 선택이 가능하다. 개인적인 팁이라고 한다면, 자간 ..
완성된 html의 노출되는 텍스트 부분들 전부를 로 씌우면 된다. 완성된 index.html 대학소개 총장인사말 학교소개 홍보관 캠퍼스 안내 입학안내 수시모집 정시모집 편입학 재외국민 정보서비스 대학정보알림 정보공개 정보서비스안내 커뮤니티 공지사항 참여게시판 자료실 공지사항 순서내용작성자날짜 1긴급 온라인 대체수업 안내총무팀03-03 23월 신입생오리엔테이션 안내총무팀03-02 32학기 전기 학위수여식 안내홍보팀02-28 더보기 갤러리 천문대소개인사말오시는길프로그램관람시간표이달의별자리예약하기예약확인예약취소공지사항방문후기자유게시판 Copyright © 2020 just shoppingMall Co.,Ltd. All Rights Reserved. 패밀리사이트→ 공지사항 안내 공지사항과 관련된 내용이 들어갑니..
+슬라이드(좌우) 1단계 : 가로 html, css초기화, 가로 css See the Pen c-4 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen c-4 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 :,
+슬라이드(좌우) 1단계 : 가로 html, css초기화, 가로 css See the Pen c-3 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen c-3 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen c-3 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen c-3 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ta..
+슬라이드(fade) 1단계 : 가로 html, css초기화, 가로 css See the Pen c-2 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen c-2 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen c-2 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen c-2 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ..
+슬라이드(fade) 1단계 : 가로 html, css초기화, 가로 css See the Pen c-1 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen c-1 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen c-1 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen c-1 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ..
+슬라이드(좌우) 1단계 : 가로 html, css초기화, 가로 css See the Pen b-4 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen b-4 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen b-4 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen b-4 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ta..
+슬라이드(상하) 1단계 : 가로 html, css초기화, 가로 css See the Pen b-3 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen b-3 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen b-3 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen b-3 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ta..
+슬라이드(상하) 1단계 : 가로 html, css초기화, 가로 css See the Pen b-2 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen b-2 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen b-2 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen b-2 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ta..
+슬라이드(좌우) 1단계 : 가로 html, css초기화, 가로 css See the Pen b-1 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen b-1 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen b-1 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen b-1 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ta..
+슬라이드(fade) 1단계 : 가로 html, css초기화, 가로 css See the Pen a-4 1단계 by ++EXP (@pp_exp) on CodePen. 2단계 : 세로 html, css 헤더, 이미지 슬라이드, 메인, 푸터 영역 사이즈 지정 및 배열 See the Pen a-4 2단계 by ++EXP (@pp_exp) on CodePen. 3단계 : 가로 html 작성 및 html 구조 완성 css 구조 완성 See the Pen a-4 3단계 by ++EXP (@pp_exp) on CodePen. 4단계 : jquery 작성 및 기능 테스트 See the Pen a-4 4단계 by ++EXP (@pp_exp) on CodePen. 5단계 : a태그 삽입 및 디자인 요소 삽입(h2, p, ..
