כיצד להוריד את מדריך ה-HTML ו-CSS בחינם ב-PDF עבור כל מי שבבעלותו אתר אינטרנט ומתכנן לעשות אחד כזה בעתיד
קוראים רבים של אתר זה, במיוחד אלה שעוקבים אחריו במשך זמן רב, הם בלוגרים עמיתים שלעתים קרובות מצאו הצעות לניהול טוב יותר של הבלוגים שלהם בפלטפורמות שונות, במיוחד זה
בלוגר.
באופן עקרוני, ניתן ליצור אתרים גם מבלי לדעת את שפות התכנות המהוות את הבסיס לעיצוב דפי אינטרנט. למעשה כמעט הכל
CMSכלומר, כל הפלטפורמות המציעות שירותי פרסום תוכן טקסטואלי מקוון הופכות עורכים לזמינים למשתמשים
WYSIWYG.
זהו ראשי התיבות של הביטוי האנגלי
מה שאתה רואה זה מה שאתה מקבל שאפשר לתרגם כ
מה שאתה רואה זה מה שאתה מקבל. בפועל, למשתמש שרוצה לפרסם דף אינטרנט יהיה עורך דומה
מִלָה מ שׁוּלְחָן כְּתִיבָה אוֹ
כותב מסמכים מ Office בחינם אם כי עם פחות פונקציונליות.
עם עורכים אלה, אתה יכול לעצב טקסט על ידי בחירת גודל גופן ומשפחה, כמו גם צבע ויישור. אתה יכול להוסיף קישורים לדפי אינטרנט, רשימות ואפילו טבלאות. ההבדל עם העורכים המוזכרים הוא היכולת לצפות בדף האינטרנט שאנו עורכים בשתי דרכים.
הראשון הוא של תצוגת כתיבה ואילו השני הוא תצוגת קוד. דפדפנים לא ממש מעבדים את הדף בתצוגת כתיבה, אלא מזהים את הקוד הבסיסי.
זה קוד HTML המורכב מכמה תגים שמגדירים את המראה שלו. עם זאת, חלק מאפשרויות התצוגה אינן קיימות בעורכים WYSIWYG כמו למשל להראות כמה
תמונות מיושרות
או להראות את טקסט על תמונות
או אפילו כדי להתאים אישית את המראה של
כותרות.
עבור פעולות אלו יש לכן צורך לעבור למצב HTML
ולפעול לפי הקוד. זוהי שפת סימון, כלומר
שפת סימני עריכה לתמליל - על, וזה יחד עם הקוד השני
css ראשי תיבות של גיליונות בסגנון מדורג. השימוש של css, המכונה גם
גיליונות סגנון, היה צורך להפריד בין תוכן הדפים HTML מהפריסה שלו ומאפשרים תכנות שקל יותר להגדיר, הן עבור יוצרי הדפים והן עבור הדפדפנים, ומבטיחים גם שימוש חוזר בקוד ותחזוקה קלה יותר.
בפועל, במקום להגדיר את הסגנון של א
פסקה
או אחד כותרת אתה בוחר את המראה שלך אחת ולתמיד על ידי מתן שם מעמד אוֹ בוחר אשר לאחר מכן ניתן לסכם פשוט על ידי ציטוט שלהם.
לניהול מקצועי יותר של אתר אינטרנט, לכן חשוב שלמנהל שלך יהיו לפחות קומץ
שפות HTML ו-CSS כוח אם צריך
לשנות את הקוד לעבור לתצוגה זו. לפני כמה שנים הוצאתי מדריך קטן על המושגים העיקריים של השפות הללו.
בימים אלה לקחתי את זה שוב והוספתי כמה דברים כמו הגרסאות העדכניות ביותר של שפות אלה בהתאמה
HTML5
ו
css3. אז החלטתי להוריד את זה בחינם עם
Creative Commons ייחוס רישיון - שתף זהה 4.0 בינלאומי.
בפועל, כל אחד יכול להוריד את הספר האלקטרוני באופן חופשי, לשנות אותו ואף לשתף אותו עם הגבלת ייחוס ושיתוף באותו אופן, כלומר בחינם ובציטוט מחברו או פוסט זה.
פרסמתי ב
ערוץ יוטיוב
סרטון שבו אני ממחיש את התוכן של הספר האלקטרוני
מדריך ל-HTML ו-CSS.
הספר האלקטרוני מורכב מ 24 עמודים ונמצא ב
PDF
בתוך קובץ רוכסן שממנו יש לחלץ אותו. משתמש
חלונות ילחץ על קישור ההורדה המוצג למטה כדי להוריד קובץ באופן מיידי וללא פעולה נוספת רוכסן עליו ללחוץ לחיצה ימנית ולאחר מכן ללכת לתפריט ההקשר ב-
חלץ הכל -> חלץ.
תיווצר תיקיה שבה ניתן לפתוח את קובץ ה-PDF של הספר האלקטרוני, למשל עם תוכנה חינמית כמו
Adobe Acrobat Reader DC. המדריך מסביר כיצד פועלות תגי הליבה
HTML ו css.
פרקי הספר האלקטרוני מכסים את המושגים הכלליים של שפות אלה ואת התגים והתחביר עבור
קישורים, תכונות, כותרות, רשימות, טבלאות, תמונות, טפסים, iframes, HTML5, CSS3
ועוד.
ניתן לקרוא את הספר האלקטרוני ישירות מהפוסט הזה, כפי שהטמעתי אותו למטה.
ליישום של PDF השתמש בשירות
OneDrive
שֶׁל מיקרוסופט. עם זאת, ניתן להשתמש בספר האלקטרוני גם דרך הטאבלט והסמארטפון, כל עוד יש אפליקציה לצפייה בו
PDF כמו
Adobe Reader.
