View
6
Download
0
Category
Preview:
Citation preview
ינטרנטאסביבת הבכנות ת-א"תב
א"תב–מדעי המחשב הילה קדמן :שם המורה
http://blog.csit.org.il/MyBlog.aspx?BlogID=33
HTMLMaster Page
מיקום חומרי הלימוד
3
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
לרוב האתרים המציגים דפי תוכן משתנים יש מבנה קבוע
בראש הדף יש כותרת וקישורים לדפים אחרים באתר
בתחתית הדף המידע המתחלף
4
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
5
מן קד
ה היל
-b
log.csit.o
rg.il
כותרת האתר[3דף [ ]2דף [ ]דף ראשי]
body-שומר מקום לחלק ה
של דף התוכן
head-שומר מקום לחלק ה
של דף התוכן דף ראשי
head-חלק ה
3דף body-חלק ה
head-חלק ה
body-חלק ה
2דף
head-חלק ה
body-חלק ה
MASTER PAGE
ASPXדפי
יצירת פרויקט חדש מסוגASP.NET Web Application
6
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
ניבחר מיקום וניתן שם לאתר
7
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
האתר מסוגWeb Form
8
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
נסגור את הדף שנוצר בעת פתיחת האתר
9
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
.I יצירת דףMaster Page
בחלוןSolution Explorer >> הפרוייקטקליק ימני על שם >>Add New Item
מסוג בקובץ בחרMasterPage :Web Form Master Page
להשאיר את השם ניתןSite1למשל, או לתת שם חדש :MasterPage
לב שסיומת הקובץ היא שימוmaster
10
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
מבנה דףMaster Page
11
מן קד
ה היל
-b
log.csit.o
rg.il
מבנה דףMaster Page
12
מן קד
ה היל
-b
log.csit.o
rg.ilמחקו את השורות המסומנות
MASTER PAGE
ASPXדפי
MASTER PAGE
ASPXדפי
מבנה דףMaster Page
13
מן קד
ה היל
-b
log.csit.o
rg.il
כאן נכתוב את הפונקציות והעיצוב
המשפיעים על דף זה
כאן נכתוב את תוכן הדף הראשי
MASTER PAGE
ASPXדפי
מבנה דףMaster Page
אין לכתוב בין תגיות ה-asp
אלו הם שומרי מקוםPlace Holder
head-עבור חלק ה
body-וחלק ה
של דפי המידע
14
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
.II יצירת דפי האתר
15
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
.II יצירת דפי האתר
16
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
17
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
עבור כל דף ה-html קיים שנרצה להוסיף לאתר הבנוי תחתMaster Page
:נבצע את הפעולות הבאות
MasterPage-שמשויך לו דף הניצור באתר החדש דף 1.
הישןמהדף head-הצהרות האת העליון Place Holder-נעתיק ל2.
הישןמהדף body-תוכן ההתחתון את Place Holder-נעתיק ל3.
נשמור4.
ניצור תיקיית תמונות ונעתיק לתוכה את התמונות מהאתר הישן:
Add >> Existing Items ...
18
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
שימו לב!
אין להעתיק את תגיות<html> , <head> , <title> , <body>
אם הדפים מכילים קישורים לדפיhtml אחרים יש לעדכן את הקישורים לדפיaspx
המתאימים
אם יצרתם דךcssיש להעתיק גם אותו, כללי לאתר הישן
19
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
עיצוב דףMaster Page
20
מן קד
ה היל
-b
log.csit.o
rg.il
MASTER PAGE
ASPXדפי
הטבלה נבנית ב-body של דףMaster Page
עיצוב תגיות הטבלה יהיה במחלקות עיצוב או בעיצובinlineבתגית עצמה
21
מן קד
ה היל
-b
log.csit.o
rg.il
22
מן קד
ה היל
-b
log.csit.o
rg.il
:הבאהשלב
מסד נתונים
Recommended