-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (143 loc) · 6.25 KB
/
index.html
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/he_IL/sdk.js#xfbml=1&version=v3.2"></script>
<div id="menu">
<div><a href="#about">About Me</a></div>
<div><a href="#photos">My Photos</a></div>
<div><a href="#playlist">My Playlist</a></div>
<div><a href="#like">Like</a></div>
<div><a href="#qrcoder">QR code</a></div>
<div><a href="#QA">Q&A</a></div>
<div><a href="#contact">Contact Me</a></div>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<div id="logo">
Welcome To My Website!
</div>
<section id="about" class="section">
<br>
<h1>About Me!</h1>
<div id=theText>
<b>
My name is Amit Moshe, and i am 21 years old. Im 3rd year studying Information System
Engineering in Ben Gurion university.
I am in "Atuda" program, hoping to get a fitting job in the Israel Defence Force.
I love especially Artificial Intelligence and hope to research it in the future.
I hope to learn and use HTML,javascript,css in the course so i will be able to use it in the future.
</b>
</div>
</section>
<section id="photos" class="section">
<br/>
<h1>My Photos!</h1>
<h3>Me</h3>
<img src=Me.JPG width=300 height=300 />
<br/>
<h3>Me & My Family</h3>
<img src=MyFamily.jpg width=450 height=300 hspace="50"/>
<img src=MyFamily2.JPG width=450 height=300 />
<br/>
<h3>Me & My Boyfriend</h3>
<img src=MyBf.jpg width=300 height=300 hspace="50"/>
<img src=MyBf2.JPG width=200 height=300 />
<br/>
<h3>Me & My friends</h3>
<img src=MyFriends1.JPG width=300 height=300 hspace="50" />
<img src=MyFriends2.JPG width=300 height=300 />
</section>
<section id="playlist" class="section">
<br/>
<h1>My Playlist!</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLoBbegFzOyJDQJ6NfxasTNJ7tJKyuOa9l" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</section>
<section id="like" class="section">
<br/>
<h1>Give Me Like!</h1>
<div class="fb-like" data-href="https://amit223.github.io/MyWeb/" data-width="300" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div></section>
<section id="qrcoder" class="section">
<br/>
<h1>Scan My Code!</h1>
<img src=QR.png width=300 height=300 />
</section>
<section id="QA" class="section">
<h1>QA Answers!</h1>
<h3>difference between web1, web2 and web3:</h3>
<h3>Web 1.0:</h3>
<p>
האינטרנט בתקופה זו היה בעיקר לקריאה.
המשתמשים יכלו להציג דפי אינטרנט ללא אפשרות עריכה כלשהי. רק חלק קטן מהמשתמשים היו יוצרי תוכן והשאר צרכני תוכן
</p>
<h3>Web 2.0:</h3>
<p>
האינטרנט בתקופה זו היה יותר שיתופי. האתרים הפכו מאתרי אינטרנט אישיים לבלוגים ולרשתות חברתיות. האינטרנט היה שיתופי, ומעודד שיתופי פעולה ומידע בין המשתמשים וכמו כן ליצירת אינטרקציות בינהם.
<br>
דוגמאות לכך הם: פייסבוק, ויקיפדיה, יוטיוב ועוד
</p>
<h3>Web 3.0:</h3>
<p>
בתקופה זו האינטרנט הוא חכם ומנסה להכיר את המשתמש, לדוגמה: דרך ההיסטוריה שלו בדפדפן, לפי מילות חיפוש שנוהג להשתמש באתרים ועוד. בעזרת המידע, האינטרנט ידע להציע ולהציג למשתמש דברים שאולי יהיו רלוונטים אליו ותואמים לתחומי העניין שלו
.מחשבים יכולים לפרש מידע כמו בני אדם ולהפיץ תוכן שימושי המותאם לצרכי המשתמשים. על מנת שיוכל לדלות מידע על המשתמש, האינטרנט בנוי בצורה סמנטית-טכנולוגיה שבה המידע והנתונים מאוחסנים בצורה כזאת שמערכות המחשב מבינות אותם
</p>
<h3>Summary:</h3>
<p>
תקופה ראשונה- תוכן לקריאה בלבד
<br>
תקופה שניה- תוכן שיתופי
<br>
תקופה שלישית- אינטרנט חכם וסמנטי
</p>
<h3>Use Case:</h3>
<p>
ניקח לדוגמה את נושא הקניות (מוצרים, מצרכים, בגדים וכו'). בתקופת אינטרנט 1.0 האתרי קניות הציעו ידע-היה ניתן לבדוק מוצרים באתרים
מסויימים ולראות מחיר, סניפים של החנות בה נמצאים ועוד. בתקופת אינטרנט 2.0 האתרים הציעו קנייה אונליין- ניתן כבר לרכוש מוצרים דרך האינטרנט, לראות תגובות של משתמשים אחרים על מוצרים, לראות דירוג של משתמשים אחרים על המוצר הרצוי ועוד. בתקופת אינטרנט 3.0 האתרים מציעים לקונים עזרה בקניה- מציעים מוצרים שהמשתמשים עשויים לרצות על סמך ההיסטוריה, והמידע שאוספים על המשתמשים בכל קנייה<div class="">
</div>
</p>
</section>
<section id="contact" class="section">
<h1>Contact Me!</h1>
<div id=theText>
<h2>Send e-mail to me at:ammo@post.bgu.ac.il</h2>
<div id=theText>
<form action="mailto:ammo@post.bgu.ac.il" method="post" enctype="text/plain">
<b>Name:</b><br>
<input type="text" name="name"><br>
<b>E-mail:</b><br>
<input type="text" name="mail"><br>
<b>Message:</b><br>
<input type="text" name="comment" size="50"><br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</div>
<br/>
<br/>
<div id="logo">
<img src=endLogo.gif width=700 height=200/>
</div>
<br/>
<br/>
</section>
<script type="text/javascript">
$(function(){
$("#nav a").click(function(e){
e.preventDefault();
$('html,body').scrollTo(this.hash,this.hash);
});
});
</script>
<script type="text/javascript">
$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop()>1000)
});
</script>
</body>
</html>