DCSIMG
Internet Explorer 8 Part 1 - Simple WebSlice - שלמה גולדברג (הרב דוטנט)

שלמה גולדברג (הרב דוטנט)

מרצה בסלע ויועץ בעולם ה - net.

Internet Explorer 8 Part 1 - Simple WebSlice

 

די אהבתי את הרעיון של כתיבת סדרת פוסטים, זה נותן את היכולת להקיף נושא מסויים מכל הצדדים שלו.
 
אז חשבתי לכתוב סדרה על הפיצ'רים של 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>

 
 
 
 

תוכן התגובה

Guy Burstein כתב/ה:

תותח!

# August 5, 2009 11:24 AM

שלמה גולדברג כתב/ה:

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

# August 6, 2009 12:05 PM

שלמה גולדברג כתב/ה:

אנחנו כבר יודעים לייצר Web Slice פשוט וגם Web Slice שמביא את הנתונים ממקום אחר שבו נרשמו ל - Web Slice

# August 13, 2009 11:26 PM
שלח תגובה

(שדה חובה)  

(שדה חובה)  

(אופציונלי)

(שדה חובה) 

Please add 4 and 4 and type the answer here:


Enter the numbers above: