
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37


목차
1. 레이아웃 및 파일구성 3
1-1. 레이아웃 3
1-2. 파일구성 5
2. Header 6
2-1. 로그인 6
2-2. 회원가입 7
2-3. 고객센터 8
2-4. 강의 일정 10
3. Nav 11
4. Aside 12
5. Mobile Page 13
7. 마지막 정리 15
1-1. 레이아웃 3
1-2. 파일구성 5
2. Header 6
2-1. 로그인 6
2-2. 회원가입 7
2-3. 고객센터 8
2-4. 강의 일정 10
3. Nav 11
4. Aside 12
5. Mobile Page 13
7. 마지막 정리 15
본문내용
Wooglish
개발유형: 어학 사이트
개발언어: JSP, Oracle
개발기간: XXXX. 03. 01 ~ XXXX. 06. 10 (약 3개월)
개요:
교내 수업 중 ‘웹 프로그래밍 설계’ 과목을 수강하면서 진행한 프로젝트 입니다. 기본적인 HTML을 숙지하고 있는 상태에서 개발했으며, CSS 및 JavaScript는 새롭게 공부하면서 진행한 프로젝트입니다. ‘JSP 기초부터 활용까지’, ‘HTML5 웹 프로그래밍 입문’ 교재를 참고하면서 개발했습니다.
어학원 싸이트를 목적으로 구현했습니다. 로그인과 회원가입을 하는 기능은 Oracle 데이터베이스와 연동함으로써 구현했으며, PC 전용 웹 페이지와 Mobile 전용 웹 페이지를 각각 구현함으로써 접속되는 디바이스에 따라 PC 및 Mobile 전용 페이지에 자동으로 접속할 수 있습니다. 또한 자바스크립트를 활용하여 다이어리기능 및 다양한 메뉴의 시각적인 효과를 더했습니다. 최대한 HTML5의 웹 표준을 따르면서 개발하는 것을 목표로 두었습니다.
개발유형: 어학 사이트
개발언어: JSP, Oracle
개발기간: XXXX. 03. 01 ~ XXXX. 06. 10 (약 3개월)
개요:
교내 수업 중 ‘웹 프로그래밍 설계’ 과목을 수강하면서 진행한 프로젝트 입니다. 기본적인 HTML을 숙지하고 있는 상태에서 개발했으며, CSS 및 JavaScript는 새롭게 공부하면서 진행한 프로젝트입니다. ‘JSP 기초부터 활용까지’, ‘HTML5 웹 프로그래밍 입문’ 교재를 참고하면서 개발했습니다.
어학원 싸이트를 목적으로 구현했습니다. 로그인과 회원가입을 하는 기능은 Oracle 데이터베이스와 연동함으로써 구현했으며, PC 전용 웹 페이지와 Mobile 전용 웹 페이지를 각각 구현함으로써 접속되는 디바이스에 따라 PC 및 Mobile 전용 페이지에 자동으로 접속할 수 있습니다. 또한 자바스크립트를 활용하여 다이어리기능 및 다양한 메뉴의 시각적인 효과를 더했습니다. 최대한 HTML5의 웹 표준을 따르면서 개발하는 것을 목표로 두었습니다.
추천자료
웹 기반 학습의 효율적 운영을 위한 요소
[사범/법학] 웹기반교육
체육분야의 웹기반 학습
웹기반 활용의 사회과 주제해결학습 모형개발과 적용사례 및 시사점
웹 2.0에 대하여
웹로그파일을 이용한 E마케팅 효과측정방법
웹2.0에 대하여
AJAX+ 웹2.0분석+시멘틱
웹 2.0의 개념 및 활용
웹2.0 (정의, 특징, 개념, 요소, 효과, 현황, 사례, 전망)
클라이언트/서버 환경과 웹 환경에서의 개발/운영 상의 차이점과 장단점
웹 사이트 디자인
웹 기반교육을 통한 자기주도 학습의 계획 및 방법에 관한 논의
웹2.0의 등장배경 및 개념과 sns, 6단계 분리이론
소개글