640 likes | 662 Views
רשת מקומית – רשת כוכב. אינטרנט. נתב. שרת. לקוח. סוגי רשתות תקשורת. LAN. WAN. WAN and LAN. 212. 202. 150. 200. כתובת IP. 32 bit. רשת. תחנה. Class C. 32 bit. רשת. תחנה. 212. 192. 120. 100. 192.0.1.0 - 223.255.254.0. 254 כתובות. LoopBack. 127.x.x.x. 127.0.0.1. Subnet.
E N D
רשת מקומית – רשת כוכב אינטרנט נתב שרת לקוח סוגי רשתות תקשורת LAN WAN
212 202 150 200 כתובת IP 32bit רשת תחנה
Class C 32bit רשת תחנה 212 192 120 100 192.0.1.0 - 223.255.254.0 254 כתובות
LoopBack 127.x.x.x 127.0.0.1
Subnet IP Subnet Addressing IP Subnet Mask תת-רשת 255 255 255 192
כתובות INTRANET 10.0.0.0 – 10.255.255.255 172.6.0.0 – 172.31.255.255 192.168.0.0 – 192.168.255.255
TCP Full Duplex Data Segmentation Virtual Circuit Connection PORTS
מספר PORT יישום 21 FTP 23 TELNET 25 SMTP (Simple Mail Transfer Protocol) 80 WEB
Server Client IP= 212.150.202.200 IP= 192.18.24.115 Port=4325 Port=80
DNS – Domain Name Service http://www.abc.org.il http://www.tau.ac.il USA IL Server UK Server ORG AC Tel Aviv Univ Computer = abcd
דפי אינטרנט בסיסיים HTML Hyper Text Markup Language
מבנה דף HTML <html> <head> <title>......</title> . . </head> <body > . . . . </body> </html>
הפעלה הטענה ושמירה של קבצים הכנסת תגיות HELP
שילוב כלים MS word 2000 Front Page 2000 עורכים גרפיים 1st Page 2000 עורכי HTML FLASH InterDev
עיצוב טקסט מבנה תגיות <h1 para=”value”></h1> <body bgcolor=”green” text=”blue"></body>
JavaScript <script language=“JavaScript”> </script>
Syntax script language="javascript">document.write("<body bgcolor=red text=yellow><h1>Hello")</script> script language="javascript">document.Write("<body bgcolor=red text=yellow><h1>Hello")</script>
Objects Top Object of JS Window Document script language="javascript">document.write("<body bgcolor=red text=yellow><h1>Hello")</script>
<script language="javascript"> document.write("<body bgcolor=red text=yellow><h1>Hello")</script> functions Write()
Variables Var name: letter | letters | + numbers <script language=“JavaScript”> var A=4 document.write (“a=“ A) </script> String Number Boolean
JavaScript Program Control While (חזרה) While (condition) { Statements; } Ex04.htm
for For (I=1; I<=5; I++) { document.write (“I=“, I); document.write (“<br>”); }
If … else if (I != x) { document.write(“not equal”); } Else { document.write(“equal”); }
new Object name = new object type אובייקטים מובנים אובייקטים שנוצרים על-ידי התכנת A = new array(5) MyPic= new Image()
Trigger <a href=URL Trigger=function/command> text </a>
Triggers onabort onblur onfocus onclick onmouseover onmouseout ondblclick Onmouseup, onmosedown onuload
יצירת הפונקציה Functions פונקציה מוגדרת ע"י התכנת משתנים מועברים function myfunction(myname, myvalue) { if (myname==myvalue) { alert(“It is equal”); } else document.write(“Not equal”); } return myname; } פונקציה מובנית (לא מחזירה ערך) החזרת ערך שיטה של אובייקט method Ex02_10
Top level functions eval Function compute(number1, number2, number3) { var result; result=eval((number1+number2)/mumber3); alert(result); } פונקציה מחזירה ערך
Top level functions parseInt function compute(A) { var X; X=parseInt(A); } This העברת מידע של טופס -
Object and methods Object A תכונות (משתנים) שיטות (פונקציות) Object B תכונות (משתנים) שיטות (פונקציות) Object_A.Object_B.attribute
אובייקט המחרוזת A=“This is a string”; Alert(A.length);
קליטת טקסט ועיבודו *.HTML <head> Jsfunction() fuctions </head> <body> <form onsubmit=“Jsfunction()”> Data entry triggers </form> <body>
שרת לקוח JavaScript ASP
סוגי אובייקטים אובייקטים מובנים Date, Math, Array, String אובייקטי דפדפן רכיבים של הדפדפן: Alert() אובייקטים מותאמים – שהתכנת יוצר
ההיררכיה של אובייקטי הדפדפן links document anchors window history images forms location Form elements
יצירת הפונקציה Functions פונקציה מוגדרת ע"י התכנת משתנים מועברים function myfunction(myname, myvalue) { if (myname==myvalue) { alert(“It is equal”); } else document.write(“Not equal”); } return myname; } פונקציה מובנית (לא מחזירה ערך) החזרת ערך שיטה של אובייקט method
קליטת טקסט ועיבודו *.HTML <head> Jsfunction() </head> <body> <form onsubmit=“Jsfunction()”> Data entry trigger </form> <body>
בדיקת שדה טקסט <head> <Script language=javascript> Function check() {alert(“OK”)} </script> </head> <body> <form> Name: <input type=text name=data onblure=check()> </form> <body>
הפונקציה IndexOf -1 לא קיים ערך.IndexOf(מחרוזת) המקום של המופע הראשון (מתחיל מאפס)
רשימה נגללת JavaScript Wizard הפעלה על-ידי תפריטים (הפנייה לקישור)
This function form1 onsubmit form2
this function onblur form1 data1 onclick data2
גלילת טקסט מחזיר מחרוזת המתחילה ב- position ואורכה כ- lengh שדה.substring(position,length) מחזיר את התו במקום position שדה.charAt(position) Data=‘abcdefg’ X=Data.substring(2,3) Document.write(X) cde
location setTimeout(‘function’,time-mliseconds) clearTimeout(location variable) Function func { X=setTimeout(‘func()’,100) clearTimeout(x) }
location setTimeout(‘function’,time-mliseconds) clearTimeout(location variable) Function func { X=setTimeout(‘func()’,100) clearTimeout(x) }
<head> <stryle type=“type/css”> הגדרת עצוב </style> </head> מודיע שנשתמש ב- css CSS– Cascaded Style Sheet שליטה על סגנונות שונים באותו מסמך http://www.w3.org ועדת התקינה:
המבנה הבסיסי של h3 בתוספת התכונות בין הסוגרים המסולסלים <STYLETYPE="text/css"> h3{color:green;text-align:right}P{text-align:right;font-size:13pt}</STYLE> שינוי צבע ישפיע על הכל
שינוי בקישורית <style>a{text-decoration:none; color:blue} a:visited{color:blue} a:hover{text-decoration:underline; color:indigo; font:bolditalic;}</style>