2020-1-capstone-design1 / Triz_Project1

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

modify directory name from previous to web 

add image,service,ex(etc folder) foler and classify html files
Inline Side-by-side
Showing 22 changed files with 203 additions and 68 deletions
1 -# Capstone design
...\ No newline at end of file ...\ No newline at end of file
1 -body {
2 - margin: 0;
3 -}
4 -h1 {
5 - text-align: center;
6 - color: "black";
7 - margin: 0;
8 - padding: 20px;
9 -}
10 -a {
11 - color: "black";
12 - text-decoration: none;
13 -}
14 -ol {
15 - border-right: 1px solid gray;
16 - width: 150px;
17 - margin: 50px;
18 - padding: 20px;
19 -}
20 -
21 -.image {
22 - display: block;
23 - margin-left: auto;
24 - margin-right: auto;
25 - width: 60%;
26 - margin-bottom: 10px;
27 -}
28 -.saw {
29 - color: black;
30 - text-decoration: none;
31 -}
32 -#grid {
33 - display: grid;
34 - grid-template-columns: 250px 1fr;
35 - border-top: 1px solid gray;
36 -}
37 -#grid ol {
38 - padding-left: 40px;
39 - margin: 0;
40 - font-size: 15px;
41 -}
42 -#grid li {
43 - padding-top: 10px;
44 - padding-bottom: 10px;
45 - font-size: 15px;
46 -}
47 -#grid #article {
48 - padding-top: 10px;
49 - padding-bottom: 10px;
50 - padding-left: 20px;
51 - /*grid안에 #article */
52 -}
1 +<!doctype html>
2 +<html>
3 + <head>
4 + <meta charset="utf-8">
5 + <title>KHU chat box model test</title>
6 + <style>
7 + h1,a {
8 + border:5px solid red;
9 + padding:5px;
10 + margin:20px;
11 + width:100px;
12 + }
13 +
14 + </style>
15 + </head>
16 + <body>
17 +
18 + <h1>Test</h1><br> This is <a href="index.html">test</a> site.
19 +
20 + </body>
21 +</html>
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <meta charset="utf-8">
5 + <title></title>
6 + <style>
7 + #grid{
8 + border-color: pink;
9 + display:grid;
10 + grid-template-columns: 150px 1fr;
11 + }
12 + div{
13 + border:5px solid gray;
14 + }
15 + </style>
16 + </head>
17 + <body>
18 + <div id="grid">
19 + <div>NAVIGATION</div>
20 + <div> ARTICLE</div>
21 + </div>
22 + <!-- div(무생무체와 같은 태그 의미가 없음,디자인 용도)
23 + 는 block element span은 inline element -->
24 + </body>
25 +</html>
No preview for this file type
...@@ -4,11 +4,14 @@ ...@@ -4,11 +4,14 @@
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
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>
8 +
9 +</style>
7 </head> 10 </head>
8 <body> 11 <body>
9 12
10 <h1><a href="main.html" color:black>KHU Chatting service</a></h1> 13 <h1><a href="main.html" color:black>KHU Chatting service</a></h1>
11 - <img src="image/main2.jpg" class="image"> 14 + <img src="image/login.jpg" class="image">
12 15
13 <div id="grid"> 16 <div id="grid">
14 <ol> 17 <ol>
...@@ -17,11 +20,28 @@ ...@@ -17,11 +20,28 @@
17 <li><a href="signinmain.html" class="saw">회원가입</a></li> 20 <li><a href="signinmain.html" class="saw">회원가입</a></li>
18 <li><a href="question.html" class="saw">문의사항</a></li> 21 <li><a href="question.html" class="saw">문의사항</a></li>
19 </ol> 22 </ol>
20 - <div id="article"> 23 + <div id="service">
21 - <h2>여기에 로그인창 만들기</h2> 24 + <h2>로그인후 접속되는 페이지로 만들기</h2>
22 - <p>This is chating application which chat your frineds, coworkers and anyone do you want <br> 25 + <form action="service/chatservice.html" id="chat">
23 - so enjoy it out sevice. 26 + <label for="chatservice">친구와 채팅하기</label>
24 - </p> 27 + <input type="submit" value="채팅">
28 + </form>
29 +
30 + <form action="service/makefriend.html" id="makefriend">
31 + <label for="makefriend">친구만들기</label>
32 + <input type="submit" value="친구만들기">
33 + </form>
34 +
35 + <form action="service/addfriend.html" id="addfriend">
36 + <label for="makefriend">친구추가하기:</label>
37 + <input type="submit" value="친구추가하기">
38 + </form>
39 +
40 + <form action="randomchat.html" id="randomchat">
41 + <label for="randomchat">랜덤채팅:</label>
42 + <input type="submit" value="랜덤채팅">
43 + </form>
44 +
25 </div> 45 </div>
26 </div> 46 </div>
27 47
......
...@@ -4,11 +4,14 @@ ...@@ -4,11 +4,14 @@
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
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>
8 +
9 +</style>
7 </head> 10 </head>
8 <body> 11 <body>
9 12
10 <h1><a href="main.html" color:black>KHU Chatting service</a></h1> 13 <h1><a href="main.html" color:black>KHU Chatting service</a></h1>
11 - <img src="image/login.jpg" class="image"> 14 + <img src="image/main2.jpg" class="image">
12 15
13 <div id="grid"> 16 <div id="grid">
14 <ol> 17 <ol>
...@@ -18,12 +21,20 @@ ...@@ -18,12 +21,20 @@
18 <li><a href="question.html" class="saw">문의사항</a></li> 21 <li><a href="question.html" class="saw">문의사항</a></li>
19 </ol> 22 </ol>
20 <div id="article"> 23 <div id="article">
21 - <h2>로그인 페이지</h2> 24 + <h2>로그인 </h2>
25 + <form class="formlogin" action="loginmain.html" id="login">
26 + <label for="email">mail:</label><br>
27 + <input type="text" id="Email" name="email"><br>
28 + <label for="password">password:</label><br>
29 + <input type="text" id="password" name="password"><br><br>
30 + <input type="submit" value="로그인"><br>
31 + </form>
32 + <form class="formlogin" action="signinmain.html" id="signin">
33 + <input type="submit" value="회원가입">
22 34
35 + </form>
23 36
24 </div> 37 </div>
25 </div> 38 </div>
26 -
27 -
28 </body> 39 </body>
29 </html> 40 </html>
......
1 +<!DOCTYPE html>
2 +<html>
3 + <head>
4 + <meta charset="utf-8">
5 + <title></title>
6 + <style>
7 + div{
8 + border:10px solid green;
9 + font-size:100px;
10 + }
11 + @media(min-width:800px){
12 + div{
13 + display:none;
14 + }
15 + }
16 + </style>
17 + </head>
18 + <body>
19 + <div>
20 + Responsive
21 + </div>
22 + </body>
23 +</html>
...@@ -4,6 +4,15 @@ ...@@ -4,6 +4,15 @@
4 <title>KHU KHU Chat</title> 4 <title>KHU KHU Chat</title>
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>
8 +#inputset
9 +{
10 + align="center";
11 +}
12 +
13 +
14 +</style>
15 +
7 </head> 16 </head>
8 <body> 17 <body>
9 18
...@@ -12,13 +21,24 @@ ...@@ -12,13 +21,24 @@
12 21
13 <div id="grid"> 22 <div id="grid">
14 <ol> 23 <ol>
15 - <li><a href="whatiskhuchat.html" class="saw">What is KHU? </a></li> 24 + <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
16 <li><a href="loginmain.html" class="saw">로그인</a></li> 25 <li><a href="loginmain.html" class="saw">로그인</a></li>
17 <li><a href="signinmain.html" class="saw">회원가입</a></li> 26 <li><a href="signinmain.html" class="saw">회원가입</a></li>
18 <li><a href="question.html" class="saw">문의사항</a></li> 27 <li><a href="question.html" class="saw">문의사항</a></li>
19 </ol> 28 </ol>
20 <div id="article"> 29 <div id="article">
21 <h2>회원가입</h2> 30 <h2>회원가입</h2>
31 + <div id="inputset"
32 + <form class="signin" action="loginmain.html" id="signin">
33 + <label for="email">Email:</label>
34 + <input type="text" id="email" name="email"><br><br>
35 + <label for="pasword">Password:</label>
36 + <input type="text" id="password" name="password"><br><br>
37 + <label for="interesting">관심사:</label>
38 + <input type="text" id="interesting" name="interesting"><br><br>
39 + <input type="submit" value="회원가입신청">
40 + </form>
41 + </div>
22 42
23 43
24 </div> 44 </div>
......
1 +<style>
2 + body
3 + {
4 + margin:0;
5 + }
6 + h1
7 + {
8 + text-align:center;
9 + color:"black";
10 + margin:0;
11 + padding:20px
12 + }
13 + a
14 + {
15 + color:"black";
16 + text-decoration: none;
17 + }
18 + ol
19 + {
20 + border-right:1px solid gray;
21 + width:150px;
22 + margin:50px;
23 + padding:20px;
24 +
25 + }
26 +
27 + .image
28 + {
29 + display: block;
30 + margin-left: auto;
31 + margin-right: auto;
32 + width: 60%;
33 + margin-bottom:10px;
34 +
35 + }
36 + .saw
37 + {
38 + color: black;
39 + text-decoration: none;
40 + }
41 + #grid
42 + {
43 + display: grid;
44 + grid-template-columns: 250px 1fr;
45 + border-top:1px solid gray;
46 +
47 + }
48 + #grid ol
49 + {
50 + padding-left: 40px;
51 + margin:0;
52 + font-size: 15px;
53 + }
54 + #grid li
55 + {
56 + padding-top: 10px;
57 + padding-bottom: 10px;
58 + font-size:15px;
59 + }
60 + #grid #article
61 + {
62 + padding-top: 10px;
63 + padding-bottom: 10px;
64 + padding-left: 20px;
65 + /*grid안에 #article */
66 + }
67 +</style>
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 12
13 <div id="grid"> 13 <div id="grid">
14 <ol> 14 <ol>
15 - <li><a href="whatiskhuchat.html" class="saw">What is KHU? </a></li> 15 + <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
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>
...@@ -20,9 +20,10 @@ ...@@ -20,9 +20,10 @@
20 <div id="article"> 20 <div id="article">
21 <h2><a href=https://www.helpshift.com/glossary/chat-service/ 21 <h2><a href=https://www.helpshift.com/glossary/chat-service/
22 title="what is chat service">chat service란 무엇인가?</a></h2> 22 title="what is chat service">chat service란 무엇인가?</a></h2>
23 - <p>This is chating application which chat your frineds, coworkers and anyone do you want <br> 23 + <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br>
24 - so enjoy it out sevice. 24 + so enjoy it out sevice.
25 - </p> 25 + </p>
26 +
26 </div> 27 </div>
27 </div> 28 </div>
28 29
......