טקסט ועיצוב HTML презентация

Содержание

Слайд 1שיעור מספר 3:
כתב : שמוליק מרדכי
טקסט ועיצוב

Слайд 2כותרות , התגית
קיימות 6 דרגות גודל של כותרות. כותרת מתחילה

באות h מציינת כותרת (header)

משתמשים בתגים

עד

.

כותרת


כותרת


כותרת

כותרת


Слайд 3המאפיינים שניתן להוסיף לתגית :
ניתן להוסיף את המאפיינים הבאים לתגית :

Слайд 4המאפיינים שניתן להוסיף לתגית כותרת:
ניתן להוסיף את המאפיינים הבאים לתגית :

Слайд 5כותרות במסמך HTML


Untitled Page


האתר

שלי

האתר שלי


האתר שלי


האתר שלי


אתר שלי

האתר שלי



באמצעות המאפיין style

Слайд 6התוצאה המתקבלת בדפדפן

Слайд 7צבע רקע לדף האינטרנט


Untitled Page

color:Blue ; text-align:center ; font-size:50px" dir="rtl" >
 
קבענו צבע טורקיז כרקע לדף

כמו כן נקבע צבע כחול לטקסט שיהיה ממורכז

ונקבע כיוון של הטקסט מימין לשמאל





Слайд 8תוצאה מתקבלת

Слайд 9התגית
התגית מאפשרת לקבוע את גודל הגופן , צבעו וסוגו
תגית פתיחה


תגית סיום
מאפייני התגית :

Слайд 10דוגמא לשימוש בתגית


font


This is the Default font

Size = -1

Size = -2

Size = -3

This is the Default font

Size = +1

Size = +2

Size = +3



Welcome


Blue is the sky

Red is the blood

Green is the grass



Слайд 11התוצאה המתקבלת בדפדפן

Слайд 12עיצוב גופנים

Слайд 13גופן בסיסי , התגית
מאפשרת לקבוע את הגופן הבסיסי למסמך כולו.
מאפייני

התגית:

Слайд 14שימוש בעיצוב גופנים ובתגית


Physical Styles



Bold Text

/>
BIG Text

small Text

Italic Text

Monospaced Text

Underlined Text

HtmlSubscript TextHTML

HtmlSuperscript TextHTML




Слайд 15התוצאה המתקבלת בדפדפן

Слайд 16מעבר שורה התגית

תגית ריקה
נשלב את התגית במקום בו נרצה לעבור

לשורה חדשה.


<br>



ספרי עזר לתלמיד


HTML 4 למפתחי אתרים באינטרנט


JavaScript סדנת לימוד


JavaScript המדריך השלם


IE-DOM למפתחי אתרים באינטרנט


ASP 3 סדנת לימוד


ASP 3 המדריך השלם


Слайд 17התוצאה המתקבלת בדפדפן

Слайд 18תגיות, כותרות ועיצוב טקסט
יוצרת קו אופקי עם הצללה , לכל רוחב

מסך הדפדפן.
ניתן לקבוע את עובי הקו , אורכו ,צבעו, מיקומו ולבטל את הצללתו.

Слайд 19שימוש בתגית ,


קווי רוחב

color:Blue ; text- align:center ; font-size:50px" dir="rtl" >









Слайд 20התוצאה המתקבלת בדפדפן

Слайд 21פיסקה התגית
תוחמת קטע של טקסט לפסקה.
תגית פתיחה
תגית סיום

ניתן גם לכתוב ללא תגית סיום.
לתגית ניתן להוסיף את המאפיינים הבאים:

Слайд 22דוגמא לשימוש בתגית


Untitled Page

color:Blue ; text-align:center ; font-size:50px" dir="rtl" >
 


המשך המגמה של יצירת דפי HTML אינטראקטיביים ודינמיים ככל האפשר




יפה מאד






Слайд 23התוצאה המתקבלת בדפדפן

Слайд 24התגית
מאפשרת לקבץ מספר אלמנטים ליחידה אחת.
תגית פתיחה
תגית סיום
מקבצת

פסקאות , תמונות , טבלאות וכל אלמנט בדף.
מאפייני התגית הם:

Слайд 25שימוש בתגית

כותרת ראשית

כותרת משנה




משפט א : אני בצבע ______ על רקע ____



פט ב : אני בצבע ______ על רקע



Слайд 26שימוש בתגית

Слайд 27התגית
התגית משמשת לתיחום תו אחד או יותר כדי לשנות את

עיצובו ב – css.

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

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

ניתן להגדיר כיוון קריאה שיכול להיות שונה מהכיוון של הדף כולו.

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

Слайд 28דוגמא לפני שימוש ב -


direction



מוקד

ההזמנות של הוצאת הוד-עמי בטלפון 1-700-7000-44 ובאתר האינטרנט בכתובת www.hod-ami.co.il עומד לרשותך 24 שעות ביממה.


הספר המומלץ הוא Visual C++ מסדרת המדריך השלם הכולל פרק נרחב על DCOM - Distibutes Component Object Model ולא להתבלבל עם COM+.




Слайд 29התוצאה המתקבלת בדפדפן

Слайд 30שימוש בתגית


direction



מוקד ההזמנות של הוצאת

הוד-עמי בטלפון 1-700-7000-44 ובאתר האינטרנט בכתובת www.hod-ami.co.il עומד לרשותך 24 שעות ביממה.


הספר המומלץ הוא Visual C++ מסדרת המדריך השלם הכולל פרק נרחב על DCOM - Distibutes Component Object Model ולא להתבלבל עם COM+.




Слайд 31התוצאה המתקבלת בדפדפן

Слайд 32טקסט מעוצב מראש התגיות
כאשר מעוניינים להכניס לתוך מסמכי html

טקסט שהוקלד מראש נוכל להשתמש בתגיות הנ"ל.

התגית 
 מאפשרת לקחת טקסט שהוקלד מראש ולשתול אותו בתוך מסמך html התגית תשמור על כל מעברי השורות שהוקלדו באמצעות enter ולא נזדקק לתג 
 הבעיה היחידה של תגית זו שהטקסט מוצג באמצעות פונט משעמם בד"כ courier.

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

Слайд 33שימוש בתגיות


ספר מומלץ - עיצוב ממשק באינטרנט



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



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

ענת שמיר, Ness


והנה דברים שאמר שי גולדשטיין מאתר nana על הספר:



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





Слайд 34התוצאה המתקבלת בדפדפן

Слайд 35התגית
הגדרת כתוביות נעות על המסך

Слайд 36שימוש בתגית



כתובית נעה




Слайд 37סימנים מיוחדים

Похожие презентации

Биомеханика кошки 936
Перевод муниципальных услуг в электронный вид: ключевые подходы 280
Урок – Конференция Тема: Is the System of Social Welfare Fair? Учебная задача: Активизация знаний, умений и навыков учащихся по теме: Хороша ли система социального обеспечения?, правильное использование на практике ранее изученного грамматического матер 248
Законы равновесия тел. Элементы статики.  0
Мы даем тебе крылья! 174
interaktivnaya igra 200

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика