python-il-forums-archive/t/11-4-css-2/8240.rss at main · PythonFreeCourse/python-il-forums-archive · GitHub

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
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>שבוע 11 – יום 4: CSS חלק 2</title>
    <link>https://forums.pythonic.guru/t/11-4-css-2/8240</link>
    <description>## הקדמה

במחברת הקודמת למדתם על CSS באופן כללי –
קיבלתם שיעור היכרות נחמד וקצרצר על CSS והרעיונות הכלליים מאחוריו.

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

היום אתם הולכים לחדד את הכישורים שלכם בכתיבת Selector־ים, להבין איך עובד מודל ה־box־ים של CSS ובכללי להשתפשף בקצת פיצ&#39;רים ויזואליים נחמדים של CSS.
כשתסיימו את החומר של היום, תוכלו לגשת בנוחות ליום האחרון, בו תלמדו על רעיונות מתקדמים שעומדים בבסיס של CSS.

## חומרי הלימוד והתרגילים

|מספר תרגיל|עמוד לימוד|קישור לתרגיל|הערות|
| --- | --- | --- | --- |
|203|[Cascade and inheritance](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)|[Test your skills: The Cascade](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_tasks)|
|204-206|[CSS Selectors](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors)|[Test your skills: Selectors](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Selectors_Tasks)|רק תרגילים 3, 4 ו־5. להעמקה: [Type, class, and ID selectors](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors), [Attribute Selectors](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors), [Pseudo-classes and pseudo-elements](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements), [Combinators](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators). תרגול נוסף: [כאן](https://flukeout.github.io/).
|207-209|[The Box Model](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model)|[Test your skills: The Box Model](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Box_Model_Tasks)||
||[Background and Borders](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders)|[Test your skills: backgrounds and borders](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Test_your_skills_backgrounds_and_borders)|רשות, התרגילים ללא חובת הגשה.|
|210-211|[Overflowing content](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Overflowing_content)|[Test your skills: Overflow](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Overflow_Tasks)||
|212-213|[Values and Units](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units)|[Test your skills: values and units](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_tasks)|ללא תרגיל 3
|214-215|[Sizing items in CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Sizing_items_in_CSS)|[Test your skills: sizing](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Sizing_tasks)|ללא תרגיל 3
|216-217|[Images, media, and form elements](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Images_media_form_elements)|[Test your skills: Images and Form elements](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Images_tasks)
|218|[Styling tables](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Styling_tables)|[Test your skills: tables](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Tables_tasks)
||[Debugging CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Debugging_CSS)||קריאה ממש חובה. אפשר גם לפני שאר החומר.
||[Organizing your CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing)
|219|עיצוב מלל: [בסיס](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals), [רשימות](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists), [קישורים](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links), [גופנים](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts).|[עיצוב אתר לקולג&#39; דו־שנתי](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Typesetting_a_homepage).|קראו ברפרוף כדי להבין את הרעיון. אין צורך להתעמק, רק לדעת בעתיד כיצד לגשת לנושא.

תרגיל מסכם (לא חובה): [צרו נייר מכתבים בעזרת CSS.](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper)</description>
    <language>he</language>
    <lastBuildDate>Mon, 28 Sep 2020 16:27:06 +0000</lastBuildDate>
    <category>אשכולות הנהלה</category>
    <atom:link href="https://forums.pythonic.guru/t/11-4-css-2/8240.rss" rel="self" type="application/rss+xml" />
      <item>
        <title>שבוע 11 – יום 4: CSS חלק 2</title>
        <dc:creator><![CDATA[Yam]]></dc:creator>
        <description><![CDATA[
            <h2>הקדמה</h2>
<p>במחברת הקודמת למדתם על CSS באופן כללי –<br>
קיבלתם שיעור היכרות נחמד וקצרצר על CSS והרעיונות הכלליים מאחוריו.</p>
<p>עכשיו, כשאתם יודעים איך נראה התחביר של השפה וצברתם ניסיון בלכתוב דבר או שניים באמצעותה,<br>
הגיע הזמן ללמוד לעומק כל מה שחשוב לדעת כדי לעצב אתר בסיסי.</p>
<p>היום אתם הולכים לחדד את הכישורים שלכם בכתיבת Selector־ים, להבין איך עובד מודל ה־box־ים של CSS ובכללי להשתפשף בקצת פיצ’רים ויזואליים נחמדים של CSS.<br>
כשתסיימו את החומר של היום, תוכלו לגשת בנוחות ליום האחרון, בו תלמדו על רעיונות מתקדמים שעומדים בבסיס של CSS.</p>
<h2>חומרי הלימוד והתרגילים</h2>
<div class="md-table">
<table>
<thead>
<tr>
<th>מספר תרגיל</th>
<th>עמוד לימוד</th>
<th>קישור לתרגיל</th>
<th>הערות</th>
</tr>
</thead>
<tbody>
<tr>
<td>203</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance">Cascade and inheritance</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_tasks">Test your skills: The Cascade</a></td>
<td></td>
</tr>
<tr>
<td>204-206</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors">CSS Selectors</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Selectors_Tasks">Test your skills: Selectors</a></td>
<td>רק תרגילים 3, 4 ו־5. להעמקה: <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors">Type, class, and ID selectors</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors">Attribute Selectors</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements">Pseudo-classes and pseudo-elements</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators">Combinators</a>. תרגול נוסף: <a href="https://flukeout.github.io/">כאן</a>.</td>
</tr>
<tr>
<td>207-209</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model">The Box Model</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Box_Model_Tasks">Test your skills: The Box Model</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders">Background and Borders</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Test_your_skills_backgrounds_and_borders">Test your skills: backgrounds and borders</a></td>
<td>רשות, התרגילים ללא חובת הגשה.</td>
</tr>
<tr>
<td>210-211</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Overflowing_content">Overflowing content</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Overflow_Tasks">Test your skills: Overflow</a></td>
<td></td>
</tr>
<tr>
<td>212-213</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units">Values and Units</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_tasks">Test your skills: values and units</a></td>
<td>ללא תרגיל 3</td>
</tr>
<tr>
<td>214-215</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Sizing_items_in_CSS">Sizing items in CSS</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Sizing_tasks">Test your skills: sizing</a></td>
<td>ללא תרגיל 3</td>
</tr>
<tr>
<td>216-217</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Images_media_form_elements">Images, media, and form elements</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Images_tasks">Test your skills: Images and Form elements</a></td>
<td></td>
</tr>
<tr>
<td>218</td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Styling_tables">Styling tables</a></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Tables_tasks">Test your skills: tables</a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Debugging_CSS">Debugging CSS</a></td>
<td></td>
<td>קריאה ממש חובה. אפשר גם לפני שאר החומר.</td>
</tr>
<tr>
<td></td>
<td><a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing">Organizing your CSS</a></td>
<td></td>
<td></td>
</tr>
<tr>
<td>219</td>
<td>עיצוב מלל: <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals">בסיס</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists">רשימות</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links">קישורים</a>, <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Web_fonts">גופנים</a>.</td>
<td>
<a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Typesetting_a_homepage">עיצוב אתר לקולג’ דו־שנתי</a>.</td>
<td>קראו ברפרוף כדי להבין את הרעיון. אין צורך להתעמק, רק לדעת בעתיד כיצד לגשת לנושא.</td>
</tr>
</tbody>
</table>
</div><p>תרגיל מסכם (לא חובה): <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper">צרו נייר מכתבים בעזרת CSS.</a></p>
          <p><a href="https://forums.pythonic.guru/t/11-4-css-2/8240/1">קריאת הנושא במלואו</a></p>
        ]]></description>
        <link>https://forums.pythonic.guru/t/11-4-css-2/8240/1</link>
        <pubDate>Thu, 24 Sep 2020 03:13:55 +0000</pubDate>
        <guid isPermaLink="false">forums.pythonic.guru-post-8240-1</guid>
        <source url="https://forums.pythonic.guru/t/11-4-css-2/8240.rss">שבוע 11 – יום 4: CSS חלק 2</source>
      </item>
  </channel>
</rss>