הפוסטים הטובים ביותר שנוצרו על ידי liy

liy

ב"ה

יצירת דף אינטרנט ראשון באמצעות HTML

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

עורך טקסט (אפילו NotePad - פנקס רשימות)
תוכנת שרת localhost - אנחנו נשתמש בתוסף הזה

יצירת עמוד HTML הראשון
נפתח את NotePad - פנקס רשימות ונקליד בתוכו את הטקסט

אני מתנסה בלכתוב אתר

כעת נשמור את הקובץ בתיקייה חדשה עם השם index.html
הרצת הקובץ על שרת localhost
שימו לב! לא חובה להשתמש בתוסף שצוין קודם הוא בסך הכל מקל על השימוש בתצוגה
קישור להתקנת התוסף

נפתח את התוכנה, יפתח לפנינו מסך כזה

נלחץ על CHOOSE FOLDER ונבחר את התיקייה שיצרנו קודם.

כעת נלחץ על הטקסט בכחול http://127.0.0.1:8887

זהו! יצרתם דף אינטרנט ראשון.

בהצלחה!

יש לכם שאלות? הארות? ניתן לכתוב אותם כאן

העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!

liy

@berman פעם עשיתי לוגו

אבל הלכתי על רעיון של טכנוטק, ורק אחרי זה ראיתי שזה תכנוטק

liy

@berman @chv @Shloimy @אליהו @פישל
תשובה שקיבלתי מabydesk

Hello,

Thank you for reaching out to us and for kindly offering your help.

However we do have already translated to Hebrew, though it still needs to be implemented.

When the translation gets released please feel free to contact us for any feedback you may have.

We value the insight of native speakers.

We are looking forward to future feedback.

Kind regards / Freundliche Grüße

Franziska Garbisch

Customer Care Agent

תרגום

שלום,

תודה שפנית אלינו והענקת בחביבות את עזרתך.

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

liy

ב"ה

עברית בHTML

ברירת מחדל של HTML זה להציג את כל הטקסט משמאל לימין על מנת לסדר זאת נבצע את הפעולות הבאות:

נכנס לקובץ שיצרנו (index.html), נגש לשורה שמתחילה ב<html>
ונוסיף בתוכה (לפני סגירת ה<)

leng="he" dir="rtl"

דוגמא:

<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<title>כאן נכתוב את כותרת העמוד שלנו</title>
</head>
<body>

<h1>טקסט ברמה 1</h1>
<p>טקסט פסקה</p>

</body>
</html>

נכנס לכתובת האתר של הlocalhost

והתוצאה היא:
‏‏צילום מסך (77).png

בהצלחה!

יש לכם שאלות? הארות? ניתן לכתוב אותם כאן

העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!

liy

ב"ה

אלמנטים בסיסיים בHTML

כותרות

ישנם מספר סוגי כותרות:

כותרת ברמה 1
כותרת ברמה 2
כותרת ברמה 3
כותרת ברמה 4
כותרת ברמה 5
כותרת ברמה 6

כל כותרת היא בגודל קטן יותר מהקודמת

כיצד שמים את הכותרות בHTML?
כל כותרת נכנסת בתג כזה <h1> <h2> <h3> <h4> <h5> <h6>.
דוגמא:

<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<title>כאן נכתוב את כותרת העמוד שלנו</title>
</head>
<body>

<h1>טקסט ברמה 1</h1>
<h2>טקסט ברמה 2</h2>
<h3>טקסט ברמה 3</h3>
<h4>טקסט ברמה 4</h4>
<h5>טקסט ברמה 5</h5>
<h6>טקסט ברמה 6</h6>

</body>
</html>

נכנס לתוכנת הlocalhost ונריץ אותה.
התוצאה היא:

פיסקאות
התג של פסקה הוא <p>
ומכניסים אותו באותו סגנון כמו של הכותרות

<p>כאן תכתבו את טקסט הפיסקה</p>

קישורים
תג הקישורים עובד כך
שימו לב! על מנת שהטקסט לא יתבלגן הפירוט נכתב באנגלית
text = טקסט הקישור
location = לאן הקישור יפנה

<a href="location">text</a>

התוצאה היא:

תמונות
תג התמונה עובד כך

<img src="מיקום התמונה" height="גובה התמונה" width="רוחב התמונה"></img>

בהצלחה!

יש לכם שאלות? הארות? ניתן לכתוב אותם כאן

העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!

liy

@שלמה123 אמר בפוטשופ ללא התקנה (אונליין):

האתר גם בעברית!

מדריך להגדרת עברית

נכנס לאתר ונלחץ על מה שמוקף באדום:

לאחר הלחיצה תפתח רשימה, יש לבחור את האופצייה הראשונה, ושם לבחור עברית.

בהצלחה!

liy

@dshrppury יש כאן תמונה מתוקנת @מנהלים-ראשיים אם תוכלו לעדכן אותה
כיתוב בבעיות טעינה

הורדה

liy

ב"ה

יצירת דף אינטרנט עם כותרות ותוכן

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

נכנס לקובץ index.html שיצרנו
ונכתוב בתוכו את הקוד הבא

<!DOCTYPE html>
<html>
<head>
<title>כאן נכתוב את כותרת העמוד שלנו</title>
</head>
<body>

<h1>כותרת ברמה 1</h1>
<p>טקסט פסקה</p>

</body>
</html>

נשמור ונכנס לתוכנת הlocalhost ונפעיל אותה
כעת זה מה שיוצג לנו
‏‏צילום מסך (76).png

הערה חשובה! בHTML כל תג מתחיל בשם שלו כגון <h1> אז התג גם צריך להסגר אחרת כל האלמנטים יברחו, כיצד סוגרים? פשוט מכניסים שוב את התג רק עם לוכסן דוגמא: <h1>text</h1>

מיקום האלמנטים בקוד

אז היכן ממקמים את האלמנטים בקוד?
מיקום האלמנטים בקוד הוא (איפה שה…)

<!DOCTYPE html>
<html lang="he" dir="rtl">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
...
  </body>
</html>

בהצלחה!

יש לכם שאלות? הארות? ניתן לכתוב אותם כאן

העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!

liy

ב"ה

תגובות בתוך הקוד

הרבה זמן שלא כתבתי מדריכים, חזרתי לכתוב…

אז לאלה שלא צפו במדריכים הקודמים כדאי לעבור עליהם בכדי שיהיה לכם רקע על הנושאים.

בהצלחה!

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

לכתיבת ההערה נכנס לקובץ HTML (אותו יצרנו במדריכים הקודמים) ונכתוב בתוכו את הקוד הבא:

את הקוד הבא נכניס איפה שרוצים את ההערה.

<!-- תוכן ההערה -->

למה זה טוב?

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

בהצלחה!

יש לכם שאלות? הארות? ניתן לכתוב אותם כאן

העברת את המדריך לחבר? חובה לתת קישור וקרדיט למקור!

liy

@הערשלה עיין חוקי הפורום סעיף ג.

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

liy

@אליהו אמר בעזרה - קוד css:

@צבי אמר בעזרה - קוד css:

@יוני אמר בעזרה - קוד css:

זה שאלה ?
או עזרה לציבור?

שאלה.
כתבתי “אני צריך קוד css עבור html…”

אבל אתה כותב אחרי זה זה הקוד…
חשבתי שזה קוד מוכן כבר

זה הHTML
לא הCSS

יש CSS מוטמע בתוך הHTML.

@יוני אני בכיף יעזור לך רק שלא הבנתי מה אתה מחפש…

liy

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

liy

@berman מחילה, צודק.

הייתי על אנגלית…

liy

@berman אמר בשרשור | קיצורי מקלדת יעילים בWindows:

Ctrl+; (ף) - אימוג’י

לא עובד.

הנכון הוא:
Win+נקודה/ץ

liy

@מישהו12 עד כמה שידוע לי אין…

אני משתתף בצערך

שלשום התקנתי את ווינדוס על 2 מחשבים, 5 פעמים וזה שיגע לי את השכל!

liy

@מישהו12 לחיצה על האלמנט > הגדרות > רספונסיביות > לבטל את הסימון של הכל.

תעדכן.

liy

@הערשלה זה מפריע לך???

liy

@מישהו12 עדכון.
כעת נכנסתי לתוכנה דרך נטפרי ואני כן רואה קטגוריות

liy

@מישהו12 אתם מתכונים להחליף את התמונות?

liy

@מישהו12 אני לא מומחה באובונטו…

liy

@liy

הפוסטים הטובים ביותר שנוצרו על ידי liy

יצירת דף אינטרנט ראשון באמצעות HTML

עברית בHTML

אלמנטים בסיסיים בHTML

מדריך להגדרת עברית

יצירת דף אינטרנט עם כותרות ותוכן

מיקום האלמנטים בקוד

תגובות בתוך הקוד

את הקוד הבא נכניס איפה שרוצים את ההערה.

למה זה טוב?

פוסטים אחרונים שנוצרו על ידי liy