הדרכות מחשבים
לימודHTML - שעור שישי
word

לימוד   HTML

שעור שישי

תגים מיוחדים

<hr> קו מפריד אופקי.

המאפיינים שלו הם color צבע הקו, width אורכו, אפשר באחוזים, size עובי הקו בפיקסלים.

<hr size="3" color="yellow" width="50%"=>


META

התג <meta> מספק מידע על דף ה- html.
יש לרשום את התג meta אחרי התג <head> ולפני התג הסוגר </head>.

שפת הדף

Content-Language - מציין את שפת הדף. he מציין שהדף כתוב בעברית.

<meta http-equiv="Content-Language" content="he">

קידוד הדף

Content-Type - והמאפיין charset  מציינים את קידוד הדף.
לעברית מומלץ להשתמש בקידוד utf-8, קידוד המתאים לעברית ולועזית יחד.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

תיאור הדף

description - תיאור האתר. במאפיין content יש לרשום טקסט קצר המתאר את תוכן הדף.

<meta name="description" content="מדריך לבניית אתר ">

מילות מפתח בדף

keyword - מילות מפתח. במאפיין content יש לרשום את מילות המפתח עבור הדף, כאשר פסיק מפריד בין כל מילת מפתח.

<meta name="keywords" content="בניית אתרים, בניית אתר, html, אתר אינטרנטת">


css

CSS - (Cascading Style Sheets) קובץ פקודות css המגדירות איך יוצגו האלמנטים של html - הגדרת סגנונות עיצוב. ה- css יכולים לחסוך לנו הרבה עבודה.

מבנה הפקודה:

שם התג
{
 תכונה: ערך
}

h1
{
color: green
}

 

ניתן לרשום כמה תכונות יחד, כשמפריד ביניהן נקודה פסיק. ניתן לרשום כמה תגים יחד, בעלי תכונות זהות, כשפסיק מפריד ביניהם.

Internal Style Sheet

רושמים את הסגנונות בתג <style> , התג ימוקם ב- head.

<head>
<style type="text/css">
body {background-color: green;
font-family: Arial, Helvetica; color: red;}
p {margin-right: 10px}
</style>
</head>

External Style Sheet

הפנייה לקובץ חיצוני ובו פקודות ה- css, סיומת שם הקובץ צריכה להיות .css, יכול להתאים לכמה דפים. התג ימוקם ב- head.

<head>
<link rel="stylesheet" type="text/css"
href="stylefile.css">
</head>

inline style

כאשר רושמים את הסגנון בתוך תג כלשהו, עם המאפיין style.

רושמים את התכונה ואחריה נקודותיים והסגנון. ניתן לרשום כמה תכונות יחד, כשמפריד ביניהן נקודה פסיק.

<p style="color: green; margin-right: 10px">
פיסקה בצבע ירוק וכניסה של 10 פיקסלים
</p>

לרשימת פקודות ה- css


העלאת האתר לרשת האינטרנט

בכדי להעלות את האתר לרשת האינטרנט, יש צורך בשרת מארח hosting, שיקצה עבור האתר שטח איחסון. בנוסף נצטרך לרכוש את דומיין (כתובת האתר). ולקשר בין הדומיין ובין השרת המארח.

יש אתרים הנותנים בחינם שטחי איחסון ודומיין לאתרים. המגבלה היא שבאתר מסוג זה יופיעו פרסומות והדומיין יהיה ארוך. אולם, לצורך תירגול או בתור התחלה, בהחלט ניתן לעבוד עם אתרים אלו.

אתר מוביל הנותן שרות חינמי, הוא: tripod  .
הקש על "Sign Up" ובחר את האפשרות FREE Websit.

כדי לגשת לשרת המארח ולהעלות אליו את דפי ה- html של האתר, יש צורך בתוכנת FTP. שגם היא ניתנת להורדה בחינם.          

ישנן תוכנות FTP רבות ושונות. אחת הטובות היא FileZilla, שהיא בחינם.

אני ממליצה על fireFTP, תוכנת FTP חינמית העובדת עם הדפדפן של Mozilla Firefox .

כדי לקבל גישה לשרת המארח, צריך לדעת את שמו ה-"Host Name", שם ה-host name מורכב מ- ftp.______ (למשל, ftp.mysite.com), ו- שם משתמש וסיסמה מוכנים מראש.

העלאת האתר בעזרת הדפדפן

ניתן גם להעלות את הקבצים בעזרת הדפדפן - internet explorer.

1. בשורת הכתובת (של הדפדפן או תיקייה כלשהי) הקלידו את כתובת ה- host name.

2. תתבקשו לרשום את שם המשתמש והסיסמה של שרת ה- FTP.

3. העתיקו את קיבצי האתר שלכם ע"י העתק והדבק, אל תיקיית האתר.
יש לדאוג להעלות לשרת את כל קבצי ה- html של האתר ואת כל קיבצי התמונות.

כעת בידקו את האתר, רישמו בדפדפן את כתובת האתר שלכם.


אתרים שמהם ניתן להוריד תבניות לאתר בחינם:

תבניות אתר חינם

כפתורים ותבניות חינם

 

חזרה לראש הדף

 

 

 

טלפון: 052-3253768
 לפרטים נוספים צרו קשר:

 

 

בניית אתר אינטרנט

אתי בר - הדרכה ותוכנה

[דף הבית]  [פרופיל]  [קורסים]  [הדרכות באירגון]  [אתרים שימושיים] [סוגי אתרים] [ממליצים] [טיפים] [בלוג ]  [צרו קשר] [ מפת האתר]