<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>קורס חלונות להכרת המחשב</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
direction: rtl;
background-color: #f5f5f5;
}
.course-header {
background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
color: white;
padding: 40px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.course-header::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
animation: float 20s infinite linear;
}
@keyframes float {
0% { transform: translateY(0px); }
100% { transform: translateY(-100px); }
}
.computer-icon {
width: 80px;
height: 60px;
margin: 0 auto 20px;
background: #2c3e50;
border-radius: 8px;
position: relative;
z-index: 2;
}
.computer-icon::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 8px;
background: #34495e;
border-radius: 4px;
}
.computer-screen {
width: 60px;
height: 40px;
background: #ecf0f1;
margin: 8px auto;
border-radius: 2px;
position: relative;
}
.screen-lines {
position: absolute;
top: 8px;
right: 8px;
left: 8px;
}
.screen-lines::before,
.screen-lines::after {
content: '';
display: block;
height: 2px;
background: #3498db;
margin-bottom: 3px;
border-radius: 1px;
}
.course-title {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 10px;
z-index: 2;
position: relative;
}
.course-subtitle {
font-size: 1.2rem;
opacity: 0.9;
z-index: 2;
position: relative;
}
.course-modules {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
flex-wrap: wrap;
z-index: 2;
position: relative;
}
.module {
background: rgba(255, 255, 255, 0.2);
padding: 15px 25px;
border-radius: 25px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
transition: all 0.3s ease;
}
.module:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}
.action-buttons {
margin-top: 30px;
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
z-index: 2;
position: relative;
}
.btn {
padding: 12px 30px;
border: none;
border-radius: 25px;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.btn-primary {
background: white;
color: #4a90e2;
font-weight: bold;
}
.btn-secondary {
background: transparent;
color: white;
border: 2px solid white;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.content-section {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.section-title {
font-size: 2rem;
text-align: center;
margin-bottom: 30px;
color: #2c3e50;
position: relative;
}
.section-title::after {
content: '';
position: absolute;
bottom: -10px;
right: 50%;
transform: translateX(50%);
width: 60px;
height: 3px;
background: #4a90e2;
border-radius: 2px;
}
.about-course {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 60px;
}
.about-text {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
line-height: 1.8;
color: #333;
border-right: 4px solid #4a90e2;
}
.about-image {
background: #f8f9fa;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
min-height: 300px;
border: 2px dashed #ddd;
}
.image-placeholder {
text-align: center;
color: #666;
font-size: 1.2rem;
}
.course-details {
background: white;
padding: 40px;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.details-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.detail-column h3 {
color: #4a90e2;
font-size: 1.5rem;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 10px;
}
.detail-column ul {
list-style: none;
padding: 0;
}
.detail-column li {
padding: 10px 0;
border-bottom: 1px solid #eee;
display: flex;
align-items: center;
gap: 10px;
}
.detail-column li:last-child {
border-bottom: none;
}
.detail-column li::before {
content: '✓';
color: #4a90e2;
font-weight: bold;
font-size: 1.2rem;
}
.icon {
font-size: 1.5rem;
}
@media (max-width: 768px) {
.course-title {
font-size: 2rem;
}
.course-modules {
flex-direction: column;
align-items: center;
}
.about-course {
grid-template-columns: 1fr;
}
.details-grid {
grid-template-columns: 1fr;
}
.action-buttons {
flex-direction: column;
align-items: center;
}
}
</style>
</head>
<body>
<header class="course-header">
<div class="computer-icon">
<div class="computer-screen">
<div class="screen-lines"></div>
</div>
</div>
<h1 class="course-title">קורס חלונות להכרת המחשב</h1>
<p class="course-subtitle">אפשר לעולם הדיגיטלי - פתח את הדלת לעולם הטכנולוגיה</p>
<div class="course-modules">
<div class="module">מודול א' - 13/07/2024 עד 03/08/2024</div>
<div class="module">מודול ב' - 15/08/2024 עד 07/09/2024</div>
<div class="module">מודול ג' - 04/01/2026 עד 16/01/2026</div>
</div>
<div class="action-buttons">
<a href="#" class="btn btn-primary">🎓 הירשם לקורס למידע נוסף</a>
<a href="#" class="btn btn-secondary">← המשך לקורס</a>
</div>
</header>
<main class="content-section">
<section>
<h2 class="section-title">על הקורס</h2>
<div class="about-course">
<div class="about-text">
<p>הקורס מהווה אפשר לעולם הדיגיטלי, מיועד למתחילים מוחלטים למשתמשים שרוצים לחזק את הידע שלהם בהפעלת מחשבים.</p>
<p>נושאי הקורס מתייחסים להיכרות עם המחשב ומחלקיו הקים והחיצוניים, התמצאות בחלונות ממשק המשתמש לממשק האישור ועבודה עם תוכנות טקסט, המאפשרת למשתמשים לבצע משימות יומיומיות ולהשתמש במחשב בביטחון.</p>
<p>בקורס נלמדת המפגשו אה מפעלתן חנסמדת הולכת עלמט אלינו, לבצע משימותינות באמצעות הטכנולוגיה הדיגיטלית, להכיר תוכנות לניהול מסמכים וקבצים ולהכין מצגות שישמשו אותנו להקהיל מידע ולפשט עבודות יומיומיות.</p>
</div>
<div class="about-image">
<div class="image-placeholder">
<div style="font-size: 4rem; margin-bottom: 10px;">💻</div>
<div>תמונת הקורס</div>
</div>
</div>
</div>
</section>
<section>
<h2 class="section-title">אודות הקורס</h2>
<div class="course-details">
<div class="details-grid">
<div class="detail-column">
<h3><span class="icon">📚</span>למה מיועד הקורס</h3>
<ul>
<li>מורים המעוניינים לשלב את אימצעים הטכנולוגיים</li>
<li>אנשי חינוך המעוניינים ללמוד לפעולות טכנולוגיות</li>
<li>מורים חדשים הומניסטים וחברות בתחום החינוך</li>
<li>אנשי מקצוע המבקשים לשפר את הידע הטכנולוגי שלהם</li>
<li>הקהל לומדי בביצועת בכיס טכנולוגיים</li>
<li>המעוניינים את הידע הקיים</li>
</ul>
</div>
<div class="detail-column">
<h3><span class="icon">🎯</span>מטרות הקורס</h3>
<ul>
<li>לפתח ולהעמיק את הידיעות הטכנולוגית של המורים והתהירים ביחס בתחום החינוך</li>
<li>שיפור הכולית טכנולוגי של בחולוגי הטכנולוגי על ידי העביר הקורה ומהירה על תוכנות המרוסמי</li>
<li>הכוון מלכי לקורסים ושיטות הקורס בינגשים הטכנים הרריים מול תלמידים</li>
<li>פיתות של באופן האולומסקולי ולתוכנית תעדלת המקום הלימודי</li>
</ul>
</div>
</div>
</div>
</section>
</main>
</body>
</html>
- Teacher: Admin User
קורס חלונות להכרת המחשב
אפשר לעולם הדיגיטלי - פתח את הדלת לעולם הטכנולוגיה
מודול א' - 13/07/2024 עד 03/08/2024
מודול ב' - 15/08/2024 עד 07/09/2024
מודול ג' - 04/01/2026 עד 16/01/2026
על הקורס
הקורס מהווה אפשר לעולם הדיגיטלי, מיועד למתחילים מוחלטים למשתמשים שרוצים לחזק את הידע שלהם בהפעלת מחשבים.
נושאי הקורס מתייחסים להיכרות עם המחשב ומחלקיו הקים והחיצוניים, התמצאות בחלונות ממשק המשתמש לממשק האישור ועבודה עם תוכנות טקסט, המאפשרת למשתמשים לבצע משימות יומיומיות ולהשתמש במחשב בביטחון.
בקורס נלמדת המפגשו אה מפעלתן חנסמדת הולכת עלמט אלינו, לבצע משימותינות באמצעות הטכנולוגיה הדיגיטלית, להכיר תוכנות לניהול מסמכים וקבצים ולהכין מצגות שישמשו אותנו להקהיל מידע ולפשט עבודות יומיומיות.
💻
תמונת הקורס
אודות הקורס
📚למה מיועד הקורס
- מורים המעוניינים לשלב את אימצעים הטכנולוגיים
- אנשי חינוך המעוניינים ללמוד לפעולות טכנולוגיות
- מורים חדשים הומניסטים וחברות בתחום החינוך
- אנשי מקצוע המבקשים לשפר את הידע הטכנולוגי שלהם
- הקהל לומדי בביצועת בכיס טכנולוגיים
- המעוניינים את הידע הקיים
🎯מטרות הקורס
- לפתח ולהעמיק את הידיעות הטכנולוגית של המורים והתהירים ביחס בתחום החינוך
- שיפור הכולית טכנולוגי של בחולוגי הטכנולוגי על ידי העביר הקורה ומהירה על תוכנות המרוסמי
- הכוון מלכי לקורסים ושיטות הקורס בינגשים הטכנים הרריים מול תלמידים
- פיתות של באופן האולומסקולי ולתוכנית תעדלת המקום הלימודי
- Teacher: Admin User
