2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
MinsoftK
ccc595f9 1 parent 305363bd

modify page instruction, add afterlogin html, make forms

Inline Side-by-side
Showing 6 changed files with 124 additions and 54 deletions
1 +<!doctype html>
2 +<html>
3 +<head>
4 +<title>KHU KHU Chat</title>
5 +<meta charset="utf-8">
6 +<link rel="stylesheet" href="style.css">
7 +<style>
8 +
9 +</style>
10 +</head>
11 +<body>
12 +
13 + <h1><a href="main.html" color:black>KHU Chatting service</a></h1>
14 + <img src="image/login.jpg" class="image">
15 +
16 + <div id="grid">
17 + <ol>
18 + <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
19 + <li><a href="loginmain.html" class="saw">로그인</a></li>
20 + <li><a href="signinmain.html" class="saw">회원가입</a></li>
21 + <li><a href="question.html" class="saw">문의사항</a></li>
22 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
23 + </ol>
24 + <div id="service">
25 + <h2>로그인후 접속되는 페이지로 만들기</h2>
26 + <form action="service/chatservice.html" id="chat">
27 + <label for="chatservice">친구와 채팅하기</label>
28 + <input type="submit" value="채팅">
29 + </form>
30 +
31 + <form action="service/makefriend.html" id="makefriend">
32 + <label for="makefriend">친구만들기</label>
33 + <input type="submit" value="친구만들기">
34 + </form>
35 +
36 + <form action="service/addfriend.html" id="addfriend">
37 + <label for="makefriend">친구추가하기:</label>
38 + <input type="submit" value="친구추가하기">
39 + </form>
40 +
41 + <form action="randomchat.html" id="randomchat">
42 + <label for="randomchat">랜덤채팅:</label>
43 + <input type="submit" value="랜덤채팅">
44 + </form>
45 +
46 + </div>
47 + </div>
48 +
49 +
50 +</body>
51 +</html>
...@@ -19,30 +19,23 @@ ...@@ -19,30 +19,23 @@
19 <li><a href="loginmain.html" class="saw">로그인</a></li> 19 <li><a href="loginmain.html" class="saw">로그인</a></li>
20 <li><a href="signinmain.html" class="saw">회원가입</a></li> 20 <li><a href="signinmain.html" class="saw">회원가입</a></li>
21 <li><a href="question.html" class="saw">문의사항</a></li> 21 <li><a href="question.html" class="saw">문의사항</a></li>
22 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
22 </ol> 23 </ol>
23 - <div id="service"> 24 + <div id="article">
24 - <h2>로그인후 접속되는 페이지로 만들기</h2> 25 + <h2>로그인 </h2>
25 - <form action="service/chatservice.html" id="chat"> 26 + <form class="formlogin" action="loginmain.html" method="post" id="login">
26 - <label for="chatservice">친구와 채팅하기</label> 27 + <label for="email">Email:</label><br>
27 - <input type="submit" value="채팅"> 28 + <input type="text" id="Email" name="email"><br>
28 - </form> 29 + <label for="password">password:</label><br>
29 - 30 + <input type="password" id="password" name="password"><br><br>
30 - <form action="service/makefriend.html" id="makefriend"> 31 + <input type="submit" value="로그인"><br>
31 - <label for="makefriend">친구만들기</label> 32 + </form>
32 - <input type="submit" value="친구만들기"> 33 + <form class="formlogin" action="signinmain.html" id="signin">
33 - </form> 34 + <input type="submit" value="회원가입">
34 - 35 +
35 - <form action="service/addfriend.html" id="addfriend"> 36 + </form>
36 - <label for="makefriend">친구추가하기:</label> 37 +
37 - <input type="submit" value="친구추가하기"> 38 + </div>
38 - </form>
39 -
40 - <form action="randomchat.html" id="randomchat">
41 - <label for="randomchat">랜덤채팅:</label>
42 - <input type="submit" value="랜덤채팅">
43 - </form>
44 -
45 - </div>
46 </div> 39 </div>
47 40
48 41
......
...@@ -19,22 +19,22 @@ ...@@ -19,22 +19,22 @@
19 <li><a href="loginmain.html" class="saw">로그인</a></li> 19 <li><a href="loginmain.html" class="saw">로그인</a></li>
20 <li><a href="signinmain.html" class="saw">회원가입</a></li> 20 <li><a href="signinmain.html" class="saw">회원가입</a></li>
21 <li><a href="question.html" class="saw">문의사항</a></li> 21 <li><a href="question.html" class="saw">문의사항</a></li>
22 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
22 </ol> 23 </ol>
23 - <div id="article"> 24 + <div id="article">
24 - <h2>로그인 </h2> 25 + <h2><a href=https://www.helpshift.com/glossary/chat-service/
25 - <form class="formlogin" action="loginmain.html" id="login"> 26 + title="what is chat service">chat service란 무엇인가?</a></h2>
26 - <label for="email">mail:</label><br> 27 + <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br>
27 - <input type="text" id="Email" name="email"><br> 28 + so enjoy it out sevice.
28 - <label for="password">password:</label><br> 29 + </p>
29 - <input type="text" id="password" name="password"><br><br> 30 + <h2><a href=whatiskhuchat.html title="what is KHU chat">
30 - <input type="submit" value="로그인"><br> 31 + 1.What is KHU chat ?</a></h2>
31 - </form> 32 + <p>
32 - <form class="formlogin" action="signinmain.html" id="signin"> 33 + KHU chat service는 무엇인가요?
33 - <input type="submit" value="회원가입"> 34 + </p>
34 35
35 - </form>
36 36
37 - </div> 37 + </div>
38 </div> 38 </div>
39 </body> 39 </body>
40 </html> 40 </html>
......
...@@ -5,11 +5,6 @@ ...@@ -5,11 +5,6 @@
5 <meta charset="utf-8"> 5 <meta charset="utf-8">
6 <link rel="stylesheet" href="style.css"> 6 <link rel="stylesheet" href="style.css">
7 <style> 7 <style>
8 -#inputset
9 -{
10 - align="center";
11 -}
12 -
13 8
14 </style> 9 </style>
15 10
...@@ -25,17 +20,40 @@ ...@@ -25,17 +20,40 @@
25 <li><a href="loginmain.html" class="saw">로그인</a></li> 20 <li><a href="loginmain.html" class="saw">로그인</a></li>
26 <li><a href="signinmain.html" class="saw">회원가입</a></li> 21 <li><a href="signinmain.html" class="saw">회원가입</a></li>
27 <li><a href="question.html" class="saw">문의사항</a></li> 22 <li><a href="question.html" class="saw">문의사항</a></li>
23 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
28 </ol> 24 </ol>
29 <div id="article"> 25 <div id="article">
30 <h2>회원가입</h2> 26 <h2>회원가입</h2>
31 - <div id="inputset" 27 + <div id="inputset">
32 - <form class="signin" action="loginmain.html" id="signin"> 28 + <form class="signinform" action="loginmain.html">
33 - <label for="email">Email:</label> 29 + <label for="email">Email:</label><br>
34 - <input type="text" id="email" name="email"><br><br> 30 + <input type="text" name="email"><br>
35 - <label for="pasword">Password:</label> 31 +
36 - <input type="text" id="password" name="password"><br><br> 32 + <label for="password">password:</label><br>
37 - <label for="interesting">관심사:</label> 33 + <input type="password" name="password"><br>
38 - <input type="text" id="interesting" name="interesting"><br><br> 34 +
35 + <label for="name">이름:</label><br>
36 + <input type="text" name="name"><br>
37 +
38 + <label for="age">나이:</label><br>
39 + <input type="text" name="age"><br><br>
40 +
41 + <label for="sex">성별:</label><br>
42 + <input type="radio" value="man" name="sex">남자<br>
43 + <input type="radio" value="woman" name="sex">여자<br><br>
44 +
45 + <label for="work">직업:</label><br>
46 + <input type="radio" value="nowork" name="work">무직<br>
47 + <input type="radio" value="Hstudent" name="work">중/고생<br>
48 + <input type="radio" value="Ustudent" name="work">대학생<br>
49 + <input type="radio" value="worker" name="work">직장인<br><br>
50 +
51 + <label for="interesting">관심사(중복선택가능):</label><br>
52 + <input type="checkbox" value="movie" name="interesting">영화<br>
53 + <input type="checkbox" value="song" name="interesting">노래<br>
54 + <input type="checkbox" value="study" name="interesting">공부<br>
55 + <input type="checkbox" value="coding" name="interesting">코딩<br><br>
56 +
39 <input type="submit" value="회원가입신청"> 57 <input type="submit" value="회원가입신청">
40 </form> 58 </form>
41 </div> 59 </div>
......
...@@ -16,13 +16,21 @@ ...@@ -16,13 +16,21 @@
16 <li><a href="loginmain.html" class="saw">로그인</a></li> 16 <li><a href="loginmain.html" class="saw">로그인</a></li>
17 <li><a href="signinmain.html" class="saw">회원가입</a></li> 17 <li><a href="signinmain.html" class="saw">회원가입</a></li>
18 <li><a href="signinmain.html" class="saw">문의사항</a></li> 18 <li><a href="signinmain.html" class="saw">문의사항</a></li>
19 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
19 </ol> 20 </ol>
20 <div id="article"> 21 <div id="article">
21 - <h2><a href=https://www.helpshift.com/glossary/chat-service/ 22 + <h2>KHU chat service란?</a></h2>
22 - title="what is chat service">chat service란 무엇인가?</a></h2> 23 + <p>we have random chat service and
23 - <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br> 24 + you can talk with freinds who have your interestings.
24 - so enjoy it out sevice. 25 + </p>
25 - </p> 26 + <h3>KHU chat의 장점은?</a></h3>
27 + <p>
28 + what difference.
29 + </p>
30 + <h3>KHU chat의 차별성은?</a></h3>
31 + <p>
32 + what difference.
33 + </p>
26 34
27 </div> 35 </div>
28 </div> 36 </div>
......