Internet Explorer 8 Part 1 – Simple WebSlice

5 באוגוסט 2009

תגובה אחת

 


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

 

אז חשבתי לכתוב סדרה על הפיצ'רים של IE8, ותודה לגיא על העזרה.

 

 

כתבתי בעבר על – כמה זה קל לייצר Web Slice, בפוסט הזה אני אתחיל מההתחלה, נראה איך לייצר Web Slice פשוט, ונתקדם (בפוסטים הבאים) לתכונות מתקדמות של Web Slice.

 

 

מה זה בעצם WebSlice בכלל ?

(מתוך העזרה של Windows – לצערי העזרה של 7 windows היא באנגלית, גם אם אני משנה את שפת התצוגה לעברית)

 

 


A Web Slice is a specific portion of a webpage that you can subscribe to, and which enables you to see when updated content—such as the current temperature, or a changing auction price—is available from your favorite websites. Once you have subscribed to the Web Slice, it appears as a link on the Favorites bar. When the Web Slice is updated, the link on the Favorites bar will appear with bold formatting. You can then click the link to see the updated content.


 

 

הנקודה החשובה בהבנה של WebSlice – שהוא יודע להציג מקטע מתוך דף אינטרנט ולהתעדכן אוטומטית.

 

נראה דוגמא, ואז נראה איך מממשים את זה.

 

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

 

Student Message Page

 

 

כדי לראות את ההודעות הסטודנט צריך להיכנס לאתר של סלע, ולגלוש לדף של הודעות לסטודנט, בעזרת IE8 אני יכול להקל עליו את התהליך,

כדי לראות את ההודעות, הוא בסך הכך יצטרך ללחוץ על לינק ב –  Favorites Bar (מתוך כל דף) והוא יראה את ההודעות.

 

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

 

Message Student With Web Slice

 

והוא ילחץ על הסמל הירוק מצד שמאל למעלה,

או במידה והוא רוצה לראות את כל ה – WebSlice שקיימים בעמוד, אפשר ללחוץ על הלחצן Add Web Slice

 

Add Web Slice Image

 

הסטודנט יקבל את המסך הבא:

 

Add Web Slice

 

כשהסטודנט ילחץ על Add to Favorites Bar, יתווסף ה"הודעות לסטודנטים"

 

Image

 

כשהסטודנט ילחץ על הלינק, הוא יקבל את המסך הבא.

 

Show Web Slice

 

וכך הסטודנט יוכל לראות בקלות את ההודעות שהוא מקבל. (בכל פעם שההודעות יתעדכנו – הלינק יהיה מודגש).

 

 

 

 

אז איך מייצרים Web Slice ?

 

נכיר את רשימת ההגדרות.

 














class="hslice" מזהה את התוכן של ה – div שיש לו את ההגדרה, כ – WebSlice
id="Uniqe Id" מזהה יחודי של אותו div שהוגדר כ – hslice, במידה יהיה יותר מ – hslice אחד עם אותו id, אחד מהם לא יעבוד
class="entry-title" הכותרת של ה – Web Slice, זה יכול להיות מקונן בתוך ה – entry-content
class="entry-content" התוכן שיופיע בתוך ה – WebSlice

 

 

 

 

 

 

 

 

 

 

 

 

לדוגמא:




<div class="hslice" id="StudentMessage" style="width: 320px">


    <div class="entry-content">


        <div dir="rtl" style="font-family: Arial;">


            <span class="entry-title"><b>הודעות לסטודנטים</b></span><ul>


                <li>ביום שלישי הבא יתקיים יום פתוח מאת שלמה על C# 4.0 </li>


                <li>יום הסטודנט בסלע מתקרב</li>


            </ul>


        </div>


    </div>


</div>


 

 

 

 

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

תגובה אחת