בנושא מתוקשב מפגשWordPress

' ג שנה שבע באר נטע@

2 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

? היום להיות הולך מה

על • קצרה WordPressחזרהלאתרי • מעניינים WordPressדוגמאות• - עיצוב ואפשרויות טיפים נושא ערכותשימושיים( Pluginsתוספים )•

3 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

על קצרה WordPressחזרה

• , בקרב פופולארית אישי אתר לבניית המיועדת פלטפורמה. העולם ברחבי בלוגרים קהילות

• , - חנויות בלוגים אתרים סוגי מגוון של לבנייה משמשת...' , , וכו, פורטלים מגזינים חברתיות רשתות וירטואליות

•. מוכנות עיצוב תבניות על מבוססת•. - " אינים פלאג י ע הפונקציונליות של הרחבה יכולות

4 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

– !! פתע ' בוחן פרטי ט בצ התשובה את כתבו

בין • ההבדל - pageמה ?postל •Page – באתר סטטיים לדפים מיועד

...' , וכו: אודות קשר צור למשל

•Post – שמרבות באתר רשימותלהתעדכן.

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

pages. חדשים

5 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

ופלאגינים עיצוב ערכות

6 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

העיצוב ערכת מבנה

7 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

לאתרי טובים WordPressדוגמאות

פורטפוליו • אתרי .. , , שמיועדים אתרים וכדומה צלמים מעצבים יוצרים כלל בדרך

קצת ולהציג שלו המקצוע ועל האדם על מידע לספקמעשייתו.

//:דוגמה: . /http mattbrett com

פורטל• , בנושא או כלליים תחומים במספר מידע תחתיו המקבץ אתר

. אליו הקשורים נושאים לתתי בחלוקה אחד עיקרי//:דוגמה: . . . /http www newsgeek co il

8 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

לאתרי - דוגמאות WordPressהמשךטובים

נושא • אתרי//:דוגמה: . /http foodtease com

//:ומישראל: . . /http www bazekalim com

9 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

) אינים ) פלאג תוספים

- אינים הפלאג מטרתהאתר • פונקציונליות הרחבת• , , טפסים לאבטחה שמשמשים פלאגינים ישנם

מגניבים ודברים

............ נראה בואו

10 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

שימושיים( plug-insתוספים )

ניהול • לממשק כניסה נסיונות מספר הגבלת:// . / / / - -http wordpress org extend plugins limit login atte/mpts

•Captcha – אדם הוא שהמשתמש המוודא קוד הוספת" רובוט " ולא אמיתי

:// . / / / - - -http wordpress org extend plugins si captcha for/wordpress

בקלות - • מתוחכמים טפסים Cformsיצירת:// . . / - /http www deliciousdays com cforms plugin

11 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

שימושיים( plug-insתוספים )

מהממות – • גלריות ...מגוון : בהתקנה♥ עבודה קצת יש שימו

:// . . / /http www flashxml net galleries גלריה- • של ואיכותי פשוט אין תת תתתתתת תתתתתתת תתתתתפלאג

:// . /http photogallerycreator comחברתיות • ברשתות תתתתתת תתתתת תתתת תתתתתתתתתשיתוף

:// . / / / /http wordpress org extend plugins addthis screen/shots

... הבא השיעור לקראתעל htmlחזרה

13 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

תגית פירוטhtml . תעטוף את המסמך כולו.HTMLמגדירה את המסמך כעמוד head .CSSמכילה הגדרות כלליות החלות על כל העמוד. לדוגמא – כותרת, קישור ל- title מגדירה את הכותרת הראשית של העמודה )תופיע בראש חלון הדפדפן(. ממוקמת

.headב- body .bodyמכילה את גוף )תוכן( העמוד. כל התגיות שלהלן ימוקמו ב-

h1, h2, … ,h6

הקטן h6 מהווה את הגודל הגדול ביותר, ו- h1כותרות, בשישה גדלים שונים, כאשר ביותר.

<h1>Some Header</h1>

<h4>Smaller Header</h4>p פסקה. תעטוף רצף של תוכן.

<p>Some content the consists our paragraph</p>ul, li li (list מייצגת רשימה. התגית ul (unordered list)תגיות ליצור רשימה. התגיד

item).מייצגת איבר ברשימה

<ul>

<li>List item number one</li>

<li>List item number two</li>

<li>List item number three</li>

</ul>

14 - ' מתוקשב מפגש שבע באר ג -HTMLתגבור- 11.10.2011שנה WordPressו

a Anchor תגית בעלת מס' מטרות. נשתמש בה ע"מ ליצור קישורים, כאשר תוכן .. )הרחבה מפורטת href ה- attributeהקישור יוצג על המסך, ויעד הקישור יוגדר ב-

(.CSS בשיעור על attributesעל

<a href="http://www.google.com/">Go to Google!</a>table, tr, td table .מגדיר טבלה –tr .שורה בטבלה – td.תא בשורה –

<table><tr>

<td>One</td><td>Two</td><td>Three</td>

</tr><tr>

<td>Four</td><td>Five</td><td>Six</td>

</tr><tr>

<td>Seven</td><td>Eight</td><td>Nine</td>

</tr></table>