Repository navigation
Expand file tree
/
Copy pathblog3.html
More file actions
152 lines (146 loc) · 9.69 KB
/
Copy pathblog3.html
File metadata and controls
152 lines (146 loc) · 9.69 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog Post Detail</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/blog.css">
</head>
<body>
<!-- Navbar Başlangıcı -->
<nav class="navbar navbar-expand-lg bg-light">
<div class="container">
<!-- Logo veya Başlık -->
<a class="navbar-brand" href="index.html">
<img src="img/logo.png" alt="logo" width="60">
</a>
<!-- Hamburger Menü (Mobilde Görünür) -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar Menüsü -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav mx-auto gap-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="aboutus.html">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="forchilderen.html">ÇOCUKLAR BURAYA</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/yusufaytasss/mezun-projesi" target="_blank">PROJECT REPO</a>
</li>
</ul>
<!-- Profil Simgesi veya Buton -->
<ul class="navbar-nav gap-5">
<li class="nav-item">
<a class="nav-link" href="login.html">
<i class="bi bi-person-circle"></i> Account
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar Bitişi -->
<div class="container mt-4">
<div class="post-container">
<img src="img/kapak3.jpg">
<div class="category mt-3">DİJİTAL</div>
<h1 class="post-title">Siber Zorbalık</h1>
<small class="text-muted">Admin | May 31, 2020 | 12 Düzenleme</small>
<hr>
<p class="card-text"> Başkalarını aşağılamak, tehdit etmek, alay etmek veya kötü amaçla hedef almak amacıyla yapılan zorbalık. Genellikle sosyal medya, mesajlaşma uygulamaları veya oyun platformları üzerinden gerçekleşir. Siber zorbalık hakkında küçük bir araştırma yaptığımızda , siber zorbalığı günlük deneyimleriyle daha alakalı olduğunu düşündüğümüz bir şekilde tanım-
lıyoruz. Özellikle, "siber zorbalık, birinin çevrimiçi olarak başka bir kişiyle tekrar tekrar dalga geçmesi veya e-posta , kısa mesaj yoluyla başka bir kişiyi tekrar tekrar seçmesi veya birinin çevrimiçi olarak başka bir kişi hakkında hoşlanmadığı bir şey yayınlamasıdır" diyoruz. Ayrıca, siber zorbalığı oluşturabilecek belirli davranışlar hakkında da soru soruyoruz (örneğin: çevrimiçi olarak gönderilen veya dolaşan incitici yorumlar, tehditler, söylentiler, resimler veya videolar). Koşullara bağlı olarak, bu deneyimler siber zorbalık oluşturabilir.
<br> <br> Kötü muamelenin tek bir örneğinin zorbalıkla tam olarak eş tutulamayacağını, bunun tekrarlayan nitelikte zararlı bir davranışı içermesi gerektiğini hatırlamak önemlidir . Birçok kişi oyun alanındaki bir taciz örneğine "zorbalık" dese de, bu gerçekten doğru bir nitelendirme değildir. Çoğu araştırma, zorbalık ile taciz arasında net bir ayrım yapar ve ikincisini ilknin tekrarlayan niteliğine göre ayırır. Bu, tacizin veya bir kez yapılan başka bir tür incitici davranışın kurbana zarar vermediği anlamına gelmez; bu sadece zorbalık değildir. Ve bu ayrım basit bir semantik veya tamamen akademik bir tartışma konusu olarak algılanabilse de, bunun dikkate değer olduğunu düşünüyoruz. Aslında, zorbalığın aslında bir sonraki seviyeye taşınmış taciz olduğuna inanıyoruz.
</p>
<div class="container">
<img src="img/photo12.webp" alt="">
</div>
<p class="card-text"> İnternetin ve dijital teknolojilerin kullanıcılara sunduğu, bilgiye hızlı erişim ve diğer birçok faydanın yanı sıra, aslında dijital dünyanın şiddet kavramının kapsamı içinde değerlendirilebilecek sonuçlara yol açan tehlikeli bir yönü de vardır. ‘Yeni medya’ olarak da adlandırılan dijital iletişim ortamlarında paylaşılan bilgilerin saklanmasının kolay ve bunların yayılmasının da hızlı olması özelliği dijital şiddetin ortaya çıkmasına zemin oluşturmuştur.
<br><br> İnternetin ve dijital teknolojilerin kullanıcılara sunduğu, bilgiye hızlı erişim ve diğer birçok faydanın yanı sıra, aslında dijital dünyanın şiddet kavramının kapsamı içinde değerlendirilebilecek sonuçlara yol açan tehlikeli bir yönü de vardır. ‘Yeni medya’ olarak da adlandırılan dijital iletişim ortamlarında paylaşılan bilgilerin saklanmasının kolay ve bunların yayılmasının da hızlı olması özelliği dijital şiddetin ortaya çıkmasına zemin oluşturmuştur. İngilizcede ‘cyberbullying’ olarak geçen ‘siber zorbalık’ diğer bir deyişle ‘dijital şiddet’ olarak adlandırılan bu şiddet türü, ilk olarak,ağa bağlı bilgisayarların ve cep telefonlarının gençler arasında kullanımının artmasıyla ortaya çıkmıştır
</p>
<div class="container">
<img src="img/photo10.jpg" alt="">
</div>
<hr>
<div class="d-flex justify-content-between align-items-center color-orange">
<div class="d-flex align-items-center">
<span class="me-2"><i class="fa-solid fa-tag"></i></span>
<span class="me-3">Teknoloji, Bilim</span>
</div>
<div class="d-flex align-items-center">
<span class="me-2"><i class="fa-solid fa-share-nodes"></i></span>
<span>Instagram, Twitter</span>
</div>
</div>
<hr>
<!-- Yorumlar -->
<h5 class="mt-4">Yorumlar</h5>
<div class="comment">
<div class="comment-header">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
<div>
<strong>Ali Yılmaz</strong>
<div class="comment-date">May 31, 2020</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget enim sit amet quam accumsan tincidunt.</p>
</div>
<div class="comment">
<div class="comment-header">
<img src="https://randomuser.me/api/portraits/women/2.jpg" alt="User Avatar">
<div>
<strong>Aylin Demir</strong>
<div class="comment-date">June 1, 2020</div>
</div>
</div>
<p>Curabitur luctus lectus a nisi convallis, ut hendrerit ligula consectetur. Aenean eget justo vitae libero.</p>
</div>
<div class="comment">
<div class="comment-header">
<img src="https://randomuser.me/api/portraits/men/3.jpg" alt="User Avatar">
<div>
<strong>Mehmet Öztürk</strong>
<div class="comment-date">June 2, 2020</div>
</div>
</div>
<p>Sed euismod neque ac magna fermentum, in pharetra arcu pulvinar. Sed auctor, orci at aliquam sollicitudin.</p>
</div>
<!-- Yeni Yorum Formu -->
<div class="comment-form">
<h5>Yeni Yorum Yaz</h5>
<form>
<div class="mb-3">
<label for="name" class="form-label">İsim</label>
<input type="text" class="form-control" id="name" placeholder="İsminizi girin" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">E-posta</label>
<input type="email" class="form-control" id="email" placeholder="E-postanızı girin" required>
</div>
<div class="mb-3">
<label for="subject" class="form-label">Konu</label>
<input type="text" class="form-control" id="subject" placeholder="Konu girin" required>
</div>
<div class="mb-3">
<label for="comment" class="form-label">Yorum</label>
<textarea class="form-control" id="comment" rows="3" placeholder="Yorumunuzu yazın" required></textarea>
</div>
<button type="submit" class="btn btn-orange w-100">Gönder</button>
</form>
</div>
</div>
</div>
<!-- Bootstrap JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">
</body>
</html>