1 / 16

חוג פיתוח אתרי אינטרנט

חוג פיתוח אתרי אינטרנט. שיעור 2. מה למדנו בשיעור הקודם ?. Html מורכב מתגיות. כל תגית חובה לסגור! <head> </head> בתוך תגית זו יופיע כל המידע על האתר אשר לא חשוף למשתמש . <body> </body> בתוך תגית זו יופיע כל התוכן של האתר אשר חשוף למשתמש. תגים שנכתוב בתוך ה body.

dmitri
Download Presentation

חוג פיתוח אתרי אינטרנט

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. חוג פיתוח אתרי אינטרנט שיעור 2

  2. מה למדנו בשיעור הקודם ? • Html מורכב מתגיות. כל תגית חובה לסגור! • <head> </head> בתוך תגית זו יופיע כל המידע על האתר אשר לא חשוף למשתמש. • <body> </body> בתוך תגית זו יופיע כל התוכן של האתר אשר חשוף למשתמש.

  3. תגים שנכתוב בתוך ה body <h1> <h2> <h3> <h4> <h5> <h6> • <h1> יציג את הכותרת החשובה ביותר • <h6> יציג את הכותרת הכי פחות חשובה <h1> הכותרת שלי </h1>

  4. תגים שנכתוב בתוך ה body <p> - פסקה כאשר נרצה לכתוב פסקה כלשהי <p> אני תלמיד בחטיבה. לומד בכיתה ח </p>

  5. תגים שנכתוב בתוך ה body <a> - קישור כאשר נרצה ליצור קישור לעמוד אחר <a href=“www.facebook.com/”> היכנסו לפייסבוק</a>

  6. תגים שנכתוב בתוך ה body <br /> • מאפשר ירידת שורה <b> • מדגיש את הטקסט העטוף בו (bold) <i> • מטה את הטקסט העטוף בו (Italic)

  7. תג חדש שעוד לא למדנו <ul> • נועד ליצירת רשימה עם תבליטים <ul> <li> פריט ראשון </li> <li> פריט שני </li> <li> פריט שלישי</li> </ul>

  8. מה נלמד היום? • שימוש ראשוני בתוכנה Visual Studio 2012 • יצירת אתר חדש באמצעות התוכנה • פתיחה של אתר קיים • מעבר מ source ל design • הוספת תמונה לאתר

  9. יצירת אתר חדש ב Visual Studio 2012 • לוחצים על File – New – Website • בוחרים באפשרות ASP.NET Empty Web Site • בוחרים למטה את המיקום בו האתר ישמר • לוחצים על ok

  10. הוספת עמוד לאתר • כעת נבצע קליק ימני על שם האתר שלנו בתפריט מצדימין (במקרה שלנו Card) • נבחר ב Add– Add New Item

  11. הוספת עמוד לאתר • בוחרים ב html page (ניתן לבצע חיפוש מצד ימין) • משנים את הקובץ ל index.html • לוחצים על Add

  12. פתיחת אתר קיים • File – open – WebSite • בוחרים את התיקיה בה ממוקם האתר • לוחצים על open

  13. תצוגת Source • בתצוגה זו נראה את הקוד. זו התצוגה בה עלינו לעבוד

  14. תצוגת Design • בתצוגה זו נראה את האתר כפי שהוא יוצג בדפדפן. • פחות מומלץ לעבוד בחלון זה, אלא להשתמש בו בעיקר לבדיקה

  15. הוספת תמונה לאתר • תחילה ניצור תיקייה חדשה באמצעות קליק ימני על שם האתר בתפריט מצד ימיןובחירה ב Add – New folder • נשנה את השם ל Images • נגרור לתיקייה הזאת תמונות כעת יש 2 אפשרויות: • גרירה של התמונה מהתיקייה אל הקוד • כתיבה של השורה הבאה: <imgsrc=“images/pic.jpg” /> כאשר במקום pic.jpg נכתוב את שם התמונה

  16. משימה • צרו כרטיס ביקור באמצעות :Visual Studio 2012 • פתחו אתר חדש והוסיפו לו עמוד בשם index.html • צרו כותרת ראשית ומס' כותרות משנה (תחביבים, עיסוק, לימודים) • הוסיפו תמונה ( בונוס: עצבו את התמונה באמצעות clipping image)

More Related