Menu
Coddy logo textTech
להתחיל ללמוד
flag He iconעבריתdown icon

ענן I

שיעור 4 מתוך 18 בקורס עננים נעים - פרויקט HTML/CSS/JS של Coddy.

challenge icon

אתגר

קל

בקובץ HTML, צרו div בתוך #container עם שם המחלקה "cloud".

 

בקובץ CSS, בחרו את ה־div החדש של הענן והגדירו:

  1. width ל־200px
  2. height ל־80px
  3. צבע רקע לבחירתכם (זכרו, זה הענן!)
  4. רדיוס גבול של 40px
  5. position ל־absolute (כי אנחנו רוצים לשחק בחופשיות עם המיקום של הענן)

בנוסף, הגדירו את margin ל־100px או יותר, כדי שתוכלו לראות את הענן במלואו בשיעורים הבאים (נסיר את השוליים האלה בהמשך).

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>

כל השיעורים ביחידה עננים נעים - פרויקט HTML/CSS/JS

1מבוא

מבוא

4משחקים עם JS

יצירת הענןשיעור פרויקטמיקום אקראישיעור פרויקטגודל אקראישיעור פרויקט

2מיכל

גוףמיכלשיעור פרויקט

5הזזת הענן

ערכים קבועיםשיעור פרויקטהזז ימינהשיעור פרויקטכיוונים לסירוגיןשיעור פרויקטהתחל מידשיעור פרויקטהפוך הכול לאקראישיעור פרויקט

3הענן

ענן Iשיעור פרויקטענן IIשיעור פרויקטענן IIIשיעור פרויקט

6הרבה עננים

הזרקת HTML באמצעות JSשיעור פרויקטהזרקת ענניםשיעור פרויקטמעבר בלולאה על הכולשיעור פרויקטהנגיעה האחרונהשיעור פרויקט

תרגלו בעצמכם: Web אונליין