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

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

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

אלמנטים של פלאש או יישומון Java, שהיה מזמן הכרחי להשגת תוצאות דומות.

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

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

עם זאת, ניתן לעשות זאת לשתף פעולה HTML עם שפות רבות אחרות, על מנת לבנות דפים מורכבים יותר, עשירים בתוכן ובעיקר דינמיים: בין השפות הפופולריות ביותר מסוג זה כדאי להזכיר את CSS, נהג להגדיר את זה סִגְנוֹן של האלמנטים המרכיבים דף, ואת JavaScript, שפת תכנות המאפשרת לך לתפעל באופן דינמי את הדף והופך אותו, אם יש צורך, לאינטראקטיבי.

חלק במדריך זה.

  • רשימות תבליטים - בדיוק כפי שהשם מרמז, סוג זה של תג מאפשר לך להגדיר רשימות עם תבליטים, ואם תרצה, להזמין. ההתחלה והסוף של אחד רשימת תבליטים נקבעים על ידי התגים
    הוא (רשימה לא מסודרת), ואילו עבור רשימה ממוינת משתמשים בתגיות
    הוא (רשימה מסודרת). כל רכיב ברשימה מוקף בתגים
  • הוא (פריט רשימה).
  • טפסים - תגי HTML מסוימים מיועדים במיוחד ליצירת טפסים הניתנים למילוי. לדוגמה, ההתחלה והסוף של הטופס מוגדרים על ידי סמנים
    הוא , רכיבי הקלט השונים (תיבות טקסט, תיבות סימון וכדומה) מזוהים על ידי התג ומוגדר על ידי הפרמטר סוּג. במקום זאת, התג משמש ליצירת תיבות בתוך טופס
    . אני אראה לך כיצד להשתמש בכמה מהתגים הללו בקטע דף הכניסה ל- HTML.
  • לחץ כאן.

    מתי שסיימת, שמור עם שם הקובץ שנוצר זה עתה באמצעות התוסף .html (לְמָשָׁל. mysite.html) וכדי להציג את הדף בתוך הדפדפן, בצע לחץ לחיצה כפולה בקובץ שזה עתה שמרת. ובכן: בדיוק הצלחת ליצור את דף ה- HTML הראשון שלך! אם תרצה, תוכל להציג את קוד העמוד על ידי לחיצה ימנית במקום אקראי בדף ובחירת האפשרות ראה את מקור העמוד מהתפריט שהציע הדפדפן.

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

    ביוגרפיה של סלבטורה

  • העבודות של סלבטורה
  • אנשי הקשר של סלבטורה
  • לגישה למדור המדריכים לחץ כאן.

    כפי שאתה יכול לנחש בקלות, הקישורים לדפים האחרים באתר הוכנסו בתוך אחד רשימת תבליטים לא מסודרת. נוסף על כך, הדף הוקצה לדף אחד רקע צבעוני דרך הפרמטר bgcolor (כְּלוֹמַר. בackזעָגוֹלצֶבַע) המצורף לתג

    בעבר, תוך שימוש בקוד הדומה להלן.

      דף כניסה   

    היכנס לאתר

    פעולה = "scriptAccesso.php">

    <סוג קלט = "שלח" value = "כניסה">

    האם אתה שכחת את הסיסמה שלך? לחץ כאן כדי לאפס אותו.

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

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

    לקבלת מידע נוסף אודות הליך יצירת סקריפטים להתחברות ב- PHP, אני מזמין אותך להתייעץ עם המדריך הבסיסי של HTML.it.

    לבסוף, שמור את הקובץ, לחץ פעמיים על ה- HTML המתאים ו ... תהנה מהתוצאה!

    כלים ליצירת דפי HTML

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

    אתר רשמי.

  • אמאיה - הוא עורך HTML קוד פתוח שנוצר והופץ על ידי קונסורציום W3 (W3C). זה מאפשר, בזכות ממשק WYSIWYG נוח, ליצור דפים ואתרים שלמים ב- HTML, גיליונות סגנון, סקריפטים קטנים וחלקים אחרים בפלטפורמות האינטרנט, אפילו "לצייר" הכל בעזרת העכבר. אתה יכול להוריד את Amaya מדף זה.
  • Adobe Dreamweaver - הוא כלי עוצמתי למחצה מקצועי ביותר שבזכות הכלים השונים הקיימים בו מאפשר לך לעצב אתרי אינטרנט פשוטים ומורכבים. בנוסף להיותו עורך HTML, Dreamweaver יכול להתמודד עם CSS, JavaScript, קבצי גרפיקה ועוד. תוכלו לרכוש את Dreamweaver (עם אפשרות לניסיון חינם למשך 7 ימים) מהאתר הרשמי שלו.
  • אלה שציינתי הם כמה מעורכי ה- HTML הנפוצים ביותר, אך הם לא היחידים: בעניין זה יצרתי עבורכם מדריך ספציפי על תוכניות HTML, בו תוכלו למצוא תוכנות רבות אחרות מסוג זה שיכולות לעזור לך להוביל לסיים את העבודה שלך.

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

    כשתסיים, לחץ על התפריט קוֹבֶץ Word, בחר באפשרות שמור עם שם, מציין את תיקיה בה ניתן לשמור את הקובץ ובהמשך לציין את הקובץ שם קובץ והגדר את התפריט הנפתח שמור כ (פורמט קובץ ב- Mac) על הקול עמוד אינטרנט, אם אתה מעוניין לשמור רק את הטקסט או להפעיל אותו דף אינטרנט בקובץ יחיד כדי לשמור גם תמונות, גופנים בשימוש ואלמנטים "חיצוניים" אחרים ב- Word בתוך אותו קובץ.

    הערה: כדי לשמור על אמון בעיצוב המקורי, Word עשויה להוסיף כמה תגים "קנייניים" כדי לא לשנות את תצוגת הדף. אם בכוונתך לא לכלול אותם ולהגביל את עצמך לשמירת סמני ה- HTML בלבד, עליך לבחור את הפריט דף אינטרנט ואילטרטה מהתפריט הנפתח שמור בשם / עיצוב קוֹבֶץ.

    צור אתר באמצעות WordPress e כיצד ליצור אתר עם אתרי Google.

    ישנן גם פלטפורמות המכוונות יותר ליצירת דפי HTML סטטיים, כגון Weebly, יולה אוֹ Xoom: הסברתי לך באופן ספציפי כיצד הם עובדים במדריך שלי בנושא כיצד ליצור אתר חינם.

    מדריך HTML.it HTML - ככל הנראה, זהו אחד המדריכים השלמים, המנוסחים והעשירים ביותר שקיימים ברשת: הוא מחולק לחלקים נושאיים וכולל שיעורים אותנטיים, דוגמאות מעשיות ותרגילים מסוגים שונים. יתר על כן, המדריך ל- HTML.it מתעדכן כל הזמן.

  • W3Schools.com - פורטל זה, שמקודם ופורסם על ידי W3C, מוקדש כולו ל- HTML ולשאר הטכנולוגיות שמסתובבות בו. המוזרות שלה היא להיות מסוגלים לבצע תרגילי אימות עצמי רבים, בסוף כל שיעור, כדי לאמת ולהעריך את הכישורים החדשים שנרכשו.
  • HTML 5 עם CSS ו- JavaScript - אם אתה מעדיף להדפיס על דיגיטלי, אתה לא יכול שלא להתבונן בטקסט זה: כמו גם להיות מדריך בסיסי ליצירת אתרי HTML, זהו התייחסות די מלאה ליצירת יישומים ניידים ( ולא) על בסיס האינטרנט, המשלבים HTML 5 עם CSS ו- JavaScript.