מאז שהתחלתי לכתוב בבלוג זה, גם אם ניסיתי לעצב דפי אינטרנט בצורה פשוטה, תמיד הייתי צריך לנסות להבין את קודי ה- HTML מכיוון שאפילו באמצעות המערכת האוטומטית הקלה והמושלמת ביותר ליצירת אתר, הצורך להוסיף קוד HTML מותאם אישית יש תמיד. אני לא מנהל אתרים מקצועי אבל כל מי שיש לו בלוג או אתר צריך לפחות לדעת את המרכיבים הבסיסיים של תגי HTML בסיסיים אני יכול גם להצביע על פורטלים מקוונים שונים המשמשים כתמיכה גלובלית למי שרוצה ללמוד וגם למנהלים ומפתחי אתרים. אפילו בהתחשב בכך שהטכנולוגיות השתנו עם הזמן עם לידתן של שפות תכנות חדשות כמו PHP, Javascript, CSS וכן הלאה, יש צורך, אפילו למנוסים ביותר, לקבל נקודות ייחוס חינוכיות למנהלי אתרים ומעצבי אתרים. .
לכן, מכיוון שיש בהחלט הרבה אתרי אינטרנט גרועים למדי, שניתן להימנע מהם, אנו רואים את האתרים הטובים ביותר שיש בהם דוגמאות ומדריכי קוד HTML ויישומי אינטרנט המאפשרים לכם לבצע בדיקות, תרגילים, ניסויים ובדיקות עם עורכים מקוונים . האתרים הבאים לא רק מציעים בסיס טוב וסולידי ללימוד HTML, אלא גם מציעים את סביבת הלמידה הטובה ביותר, עם כלים אינטראקטיביים שניתן להשתמש בהם כדי לאמת את הנלמד ולנסות זאת בשטח.
קרא גם: שפות תכנות עיקריות המשמשות לאפליקציות ואתרים
1) האתרים הטובים ביותר ללימוד HTML ותכנות באינטרנט הם CodePen והאתרים לביצוע מבחני תכנות, המספקים גם הדרכות, מדריכים והרבה הדרכות ודוגמאות ללימוד ולנסות בתצוגה מקדימה מיידית.
2) HTML Dog הוא האתר הראשון שאליו אתה שוכח להשתמש בפקודה או בהוראות HTML ו- CSS .
האתר מעוצב היטב ובעיקר מעודכן מאוד בשונה מאתרים אחרים המוקדשים לעיצוב אתרים המכילים לרוב מדריכים מיושנים.
HTML Dog מספק, לכל פונקציה, תג או תכונה, דוגמה ברורה לקוד שתוכלו להעתיק ולהדביק בעורך.
יש שלוש דרגות הדרכה, מתחילות, ביניים ומתקדמות.
גם אם האתר באנגלית, קל מאוד להתייעץ גם עבור מי שמכיר אותו באופן שטחי.
באמצעות שדה החיפוש תוכלו לקבל הוראות ודוגמאות לשימוש בתג מסוים.
3) W3Schools הוא אולי האתר הטוב ביותר למצוא קודים פחות סטנדרטיים ויותר דמיוניים.
הוא מכיל דוגמאות רבות של קוד, מ- PHP CSS ו- HTML, ל- XML ו- Javascript .
הדבר השימושי ביותר באתר W3Schools הוא כלי שימושי למסך מפוצל בו תוכלו לבדוק את הקוד שלמדתם בכל שיעור .
אם אתה משנה את קוד ה- HTML בעורך התיבות, אתה יכול מיד לראות את התוצאה בתצוגה מקדימה כדי לבצע את כל הבדיקות הרצויות.
כלי זה מוביל אותי לפתוח סוגריים ולדווח על אתרים אחרים המספקים עורך HTML מקוון ומיידי, שימושי מאוד לתרגול על ידי ביצוע בדיקות ולראות מה קורה על ידי שינוי ערכים ופקודות.
- HTML Instant הוא המפורסם מבין עורכי ה- HTML המקוונים שבהם אתה כותב קוד בצד שמאל ומיד אתה רואה כיצד הוא נראה בצד ימין
- עריכת HTML דומה ל- HTML Instant רק שהעורך נמצא למעלה והתצוגה המקדימה שלמטה.
- JsBin מאוד שימושי להוספת JavaScript כמו jQuery, Prototype ואחרים.
4) Quackit הוא באותה רמה כמו W3Schools, עם דוגמאות רבות ל- HTML בסיסי ומתקדם .
ניתן להעתיק ולהדביק את כל הקודים באתר האינטרנט שלך.
לכל דוגמה מוצגים גם קוד התכנות וגם התוצאה הגרפית.
בתפריט בפינה השמאלית התחתונה ישנם מחוללי קוד אוטומטיים שבהם, על ידי מילוי שדות באופן מותאם אישית, תוכלו ליצור את החלק של הקוד הדרוש לכם.
5) LandOfCode מציע עורך מקוון המחולק לשני חלקים לבדיקת קוד ה- HTML.
באתר יש דוגמאות רבות לקוד HTML, אם כי העיצוב משאיר מעט לרצוי.
עורך המקוון LandOfCode מתקדם יותר מזה של W3School מכיוון שיש לו כפתורים נוספים המאפשרים להציג את התוצאות בחלון חדש ולא רק באזור התצוגה בצד ימין.
6) Html.it הוא האתר האיטלקי הטוב ביותר לקריאת מדריכים ותובנות לגבי קוד ה- HTML המשמש ליצירת אתר.
אלמלא נוכחות מסיבית של פרסום זה היה מצוין, עם דוגמאות רבות להעתקה ולהדבקה לצרכים שלך.
עם זאת, השפה המשמשת אינה פשוטה מדי וכמעט עדיף לקרוא את המדריכים מאחד האתרים האנגלית שלמעלה.
7) HTML.com הוא אתר נהדר נוסף לקרוא, ללמוד ולחפש מדריכים לשימוש בתגי HTML, CSS ולמצוא דוגמאות לכל מיני קוד אתר.
מתוך סקרנות, תוכלו לעבור לאתר האינטרנט WebPagesThatSuck בו תוכלו לבדוק כיצד אין לבצע דף אינטרנט, מאילו טעויות יש להימנע והיכן לקרוא את הדירוג של האתרים הגרועים בעולם.
לבסוף, אני זוכר עמוד נוסף בבלוג זה עם המשאבים המקוונים הטובים ביותר להורדת סכימות סינתזה של HTML, CSS ו- Javascript, שיודפסו .
