הפוסטים הטובים ביותר שנוצרו על ידי 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

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

liy

ב"ה

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

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

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

בהצלחה!

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

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

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

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

למה זה טוב?

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

בהצלחה!

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

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

liy

כיתוב בבעיות טעינה

liy

תגובה: Elementary OS
החברה שפתיחה את זה כעת מוכרת את המערכת הפעלה בכל סכום שתבחר.
ניתן לקנות גם בדולר אחד!
זה נטו תרומה…
אבל אין בחינם…

תיקון: בסוף מסתבר שיש מקום באתר להוריד בחינם…
קישור:
https://sgp1.dl.elementary.io/download/MTYyMjY0NDc2MA==/elementaryos-5.1-stable.20200814.iso

@מישהו12 אולי תעדכן בפוסט שלך.
הקובץ שוקל 1.4 GB
דרישות מערכת
4GB ראם
15GB פנוי בכונן
מעבד 64 סיביות
גישה לאינטרנט

liy

@פישל אמר בבאג תכוף! | לא מצליח להגיב+ציטוט+הצבעה:

@מישהו12 אמר בבאג תכוף! | לא מצליח להגיב+ציטוט+הצבעה:

@פישל גם לי לפעמים זה קרוה, אין לי מושג מה זה.

אם המנהל בעצמו לא יכול לעזור לי אז מי כן ???

יש כמה מנהלים… אולי אחד מהם כן
@Men770 @מנחם-ציון @אליהו

liy

@ברוך אמר בהפיכת אתר משמאל לימין:

@הערשלה
בHTML
<body dir="rtl">

@ברוך כמה דברים:

@הערשלה הזכיר CSS בשאלה שלו לכן ענינו בCSS.
יותר נכון לעשות את הdir בתוך תגית הhtml, בצורה הזאת:

<html lang="he" dir="rtl">

פירוט:
lang - אומר לדפדפן שהאתר בעברית (ואז הוא לא יציג את הצעת התרגום לעברית)
dir - אומר את כיוון הדף Right To Left ימין לשמאל

liy

@הערשלה המלצה שלי, תלמד CSS, ואז יפתרו לך כל השאלות!

liy

@צבי אמר בהפיכת אתר משמאל לימין:

@הערשלה אמר בהפיכת אתר משמאל לימין:

איך? css?
p.rtl {
  direction: rtl;
}

יותר נכון לעשות כך:

html {
direction: rtl;
}

liy

@הערשלה אמר באינדקס | אתרי תוכנות להורדה:

אם ניידתי תוכנה חינמית?

אז זה לא פרוץ.
אבל אם יש לה גם גרסא חינמית וגם לא חינמית אז זה פרוץ

liy

@הערשלה אמר באינדקס | אתרי תוכנות להורדה:

@מנחם-ציון דיברתי על זה עם @מישהו12. הסרתי את האתרים עם התוכנות הפרוצות. אם אתה מוצא עוד משהו - תסיר. אל תמחק.

תוכנות ניידות הם פרוצות…

@מישהו12 לימד אותי את זה

liy

@תריג אמר בהצעת יעול | נעילת נושא:

@מישהו12 מה שאמרת המנעול הזה

איזה מנעול???
מה שהוא שם בסוף פוסט או מה שבכותרת?

liy

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

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

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

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

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

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

זה הHTML
לא הCSS

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

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

liy

@liy

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

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

עברית בHTML

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

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

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

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

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

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

למה זה טוב?

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

יותר נכון לעשות כך: