1 / 17

HTML בסיסי

HTML בסיסי. עדן אוריון www.edenorion.com. מעט היסטוריה. 1989: טים ברנס-לי הוגה את ה"מארג" WEB המטרה: לאפשר פרסום מאמרים אקדמיים כך שמילים חשובות בתוכם יוכלו לקשר למאמרים רלוונטיים אחרים. 1990: הכנסת מושג ה- HyperText. Hyper Text. 1990: תחילת העבודה על השפה החדשה והכנסת מושג ה- Hyper-Text

natane
Download Presentation

HTML בסיסי

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. HTML בסיסי עדן אוריון www.edenorion.com

  2. מעט היסטוריה • 1989: טים ברנס-לי הוגה את ה"מארג" WEB • המטרה: לאפשר פרסום מאמרים אקדמיים כך שמילים חשובות בתוכם יוכלו לקשר למאמרים רלוונטיים אחרים. • 1990: הכנסת מושג ה-HyperText

  3. Hyper Text • 1990: תחילת העבודה על השפה החדשה והכנסת מושג ה-Hyper-Text • המושג צומח מתוך תוכנה שפיתח בשנות השמונים ביל אטקינסון עבור מחשבי מקינטוש ושמה Hyper Card.

  4. מערכת ה-Domain Name • אמצע שנות השמונים: פיתוח מושג ה- Domain Name שמאפשר לקרוא למחשבים בשמות המופרדים על ידי נקודות במקום כתובות IP • למשל במקום 132.74.60.220 אפשר לתת את השם: multimedia.haifa.ac.il

  5. ביסוס הפרוטוקול • טים ברנס לי מפתח פרוטוקול מעבר מידע בשם HTTP שמשמעותו Hyper Text Transfer Protocol. • השפה עצמה מאופיינת בזוגות מילים – תגים TAGS שמגדירים כיצד יוצג המידע • למשל <TITLE>My home page</TITLE> • במקור הרעיון לקוח משפת SGML (Standard Generalized Mark-up Language)

  6. הופעת הדפדפנים • 1993 – דפדפן הטקסט הראשון Lynx מופיע. • אפריל 1993 – דפדפן מוזאיק NSCA Mozaic יוצא לאור • מאי 1994 – דפדפן מוזאיק הופך למסחרי • מאי 1994 – ועידת ה WWW הראשונה

  7. הופעת Netscape • נובמבר 1994: מארק אנדרסון פורש מפרוייקט מוזאיק ומקים עם חברו ללימודים , ג'ים קלארק את Netscape Communications. • הדפדפן שלהם מצליח כל כך עד שאנשים נוטים לחשוב שאנדרסון וקלארק המציאו את האינטרנט.

  8. הקמת ה-W3C • 1995 – מוקם קונסורציום ה-WWW במטרה לייסד תקינה של HTML. • אוגוסט 1995 – טבלאות HTML מוגדרות ונכנסות לשימוש • ספטמבר 1995 – דפדפן Internet Explorer של מיקרוסופט יוצא לאור. • נובמבר 1995 – גיליונות סגנון מדורגים CSS, נכנסים לשימוש

  9. <HTML> <HEAD><TITLE> Test Page </TITLE></HEAD> <BODY> My first page</BODY> </HTML> קובץ HTML בנוי משלושה חלקים עיקריים: הגדרת הקובץ כ-HTML, בעזרת התג <HTML> ראש הקובץ – בעזרת התג <Head> ובתוכו הכותרת, בעזרת התג <TITLE> גוף הדף (בו יהיה הטקסט שיופיע בחלון הדפדפן) מוגדר בתג <BODY> מבנה HTML

  10. <HTML> <HEAD><TITLE> Test Page </TITLE></HEAD> <BODY> My first page</BODY> </HTML> יש לפתוח את תוכנת Notepad ולכתוב את הטקסט מימין. יש לשים לב לפתיחה וסגירה של תגים לנוחיותכם: התגים מסומנים באדום אין צורך לשמור על האינדטציה או מרווחי שורות כתיבת HTML

  11. שמירת הקובץ ובדיקה בדפדפן • שמרו על הקובץ שיצרתם בשם test.html • שימו לב לסיומת .html • לאחר ששמרתם, אתרו את הקובץ ולחצו עליו פעמיים • אם הכל כשורה הקובץ ישמר ויקבל צלמית של הדפדפן שלכם. • הקלקה כפולה עליו תפתח אותו בדפדפן – שם תוכלו לצפות בו.

  12. תגי טקסט • תג לקו תחתי<U> • תג להדגשה<B> • תג לכתב נטוי<I> • תג למרכוז הטקסט בדף <CENTER> • ניתן לשלב כמה תגים ביחד: <CENTER><B><I>Look at me now!</I></B></CENTER> ונקבל: Look at me now!

  13. כותרות • ישנם שישה גדלים של כותרות • הגדול ביותר מוגדר בתג <H1>. הקטן ביותר בתג <H6> ובאמצע כל שאר הגדלים <H1> This is Big </H1><BR> <H6> This is Small </H6> ונקבל This is Big This is Small תג שבירת שורה (אין צורך בסוגר)

  14. מוסיפים צבע לחיים • ניתן להגדיר צבע לטקסט בשמות כגון red, green, ואפילו כגון gold. • אפשרות אחרת בערכים הקס-דצימליים כגון #FFFFFF (צבע לבן) או #000000 צבע שחור • או כל מה שבינם כגון #FF0000 • הגדרת הצבע היא חלק מתג <FONT> <FONT COLOR="#FF0000"> I'm red! </FONT>I'm red!

  15. קישורים • הקישור מוגדר בתחביר הבא: <A HREF="http://www.someplace.com">Display Text</A> • משמעות ה-A היא Anchor כלומר עוגן. • ה-HREF מגדיר לאן יקושר הטקסט, מקום בדף הנוכחי, דף אחר או אתר אחר.לדוגמה: <A HREF="http://www.haifa.ac.il">Our University</A> ונקבל: Our University

  16. My Home Page Welcome to my site I use this Newspaper יש ליצור עמוד HTML במבנה דומה לזה שמופיע משמאל כקישור יש לבחור אתר של עיתון כגון: YNET, Ha’aretz, NRG וכד' כדי להפריד בין פסקאות, ניתן להשתמש בתג <p> (אין צורך בתג סוגר) את הדף יש לשלוח לאחר שנבדק ל- eorion2@gmail.com מטלה 1

  17. מקורות • http://www.w3.org/People/Raggett/book4/ch02.html • http://www.pageresource.com/html/basic.htm

More Related