vsugang_practice/index.html at main · ZetBe/vsugang_practice · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
    <head>
        <title>한국외국어대학교 수강신청 모의연습</title>
        <meta charset="UTF-8">
        <meta name="description" content="한국외국어대학교 수강신청 모의 연습 사이트입니다.">
        <meta name="keyword" content="한국외대, 한국외대 수강신청, 한국외대 수강신청 연습, 수강신청 연습, 한국외국어대학교, 외대, 외대 수강신청, 외대 수강신청 연습, 수강신청, 수강신청 모의연습, 한국외대 수강신청 모의연습, 한국외대 수강신청 연습, 외대 수강신청 모의연습, sugangpractice, vsugangpractice">
        <link href="style.css" rel="stylesheet" type="text/css">
        <script>
            function notEntry(){ //notice, 수강신청 및 수정/삭제, 개발자 소개 외의 버튼 눌렀을 때 실행
                alert("'수강신청 및 수정/삭제'를 눌러 측정을 시작하세요.")
            }
        </script>
    </head>
    <body>
        <div class="half"> <!--메뉴(왼쪽)와 정보(오른쪽) 나눔(display: grid)-->
            <div class="left"> <!--화면의 왼쪽 메뉴에 해당, HUFS Blue(위)과 HUFS GOLD(아래) 나눔(display: grid)-->
                <div class="hufsBlue"> <!--HUFS Blue-->
                    <h1>2023 - 1학기 수강신청 연습</h1>
                    <p>학번 : </p>
                    <p>성명 : 수강신청연습</p>
                    <p>캠퍼스 : </p>
                    <p>수강학과 : </p>
                    <p>수강학년 : </p>
                    <p>수강가능학점 : </p>
                </div>
                <div class="hufsGold"> <!--HUFS GOLD부분-->
                    <div><button class = "button" onclick="notEntry()">로그아웃(Logout)</button></div>
                    <div><a href="index.html"><button id="noticeButton">Notice</button></div></a>
                    <div><a href="Course_Registeration.html"><button class = "button">수강신청 및 수정/삭제</button></div></a>
                    <div><button class = "button" onclick="notEntry()">수강신청열람</button></div>
                    <div><button class = "button" onclick="notEntry()">시간표조회</button></div>
                    <div><button class = "button" onclick="notEntry()">강의시간표조회</button></div>
                    <div><a href="developer.html"><button class = "button">개발자 소개</button></div></a>

                </div>
            </div>
            <div class="right"> <!--화면의 오른쪽 정보 출력에 해당, 내용 가운데 배치를 위해 grid 사용-->
                <div></div>
                <div>
                    <p id="notice-big">이곳은 수강신청 사이트가 아닌 <mark>수강신청 연습용</mark> 사이트입니다.</p> <!--글씨 크게-->
                    <p id="notice-big">This is a site for <mark>practicing course registration.</mark></p> <!--글씨 크게-->
                    <p id="notice-small">※ '수강신청 및 수정/삭제'를 누르시면 시간 측정이 시작되며,</p> <!--글씨 작게-->
                    <p id="notice-small">8개의 모든 가상 과목들을 담으시면 측정이 종료됩니다.</p> <!--글씨 작게-->
                    <p id="notice-small">시간 측정 결과는 8개의 과목을 모두 담자마자 알림창으로 출력됩니다.</p> <!--글씨 작게-->
                    <p id="notice-small" style="color: red; font-size: 30px;">※ 수강신청 사이트 착각으로 인해 발생한 문제에 대한 책임은 개발자에게 없음을 알립니다.</p> <!--글씨 작게-->
                </div>
                <div>
                    <div>Copyright 2023. dlacked
                        All rights reserved.</div>
                </div>
            </div>
        </div>
    </body>
</html>