אם אתה חדש בתחום עיצוב אתרים ופיתוח חזיתי (HTML, CSS, Javascript), תוכל לבחור להתחיל עם WYSIWYG עוֹרֵך. ראשי תיבות אלה מייצגים "מה שאתה רואה זה מה שאתה מקבל" והוא בעצם מתייחס לתוכנה שמאפשרת לך צור דף אינטרנט באמצעות כלים חזותיים בזמן שהתוכנה כותבת קוד כלשהו מאחורי הקלעים על סמך מה שאתה יוצר. ניתן לטעון כי הכלי הפופולרי ביותר של WYSIWYG זמין Dreamweaver של אדובי.
אפשרות טובה למי שרק מתחיל לעבוד
בעוד שאנשי מקצוע רבים מנוסים ברשת עם יותר מיומנויות מעודנות תסתכל מלמטה על Dreamweaver ונטייתו לייצר סימון HTML נפוח ו סגנונות CSS, האמת הפשוטה היא שהפלטפורמה נותרה אופציה טובה למי שרק התחיל עם עיצוב אתרים. כאשר אתה מתחיל להשתמש באפשרות "תצוגת העיצוב" של Dreamweaver לבניית דף אינטרנט, אחת השאלות שיש לך ככל הנראה היא כיצד ליצור מעבר שורה אחד לתוכן בתצוגה זו.
כשאתה מוסיף טקסט HTML לדף אינטרנט, דפדפן האינטרנט יציג את הטקסט כשורה ארוכה עד שהוא יגיע לקצה חלון הדפדפן או אלמנט המיכל שלו. בשלב זה, הטקסט יעטוף לשורה הבאה. זה דומה למה שקורה בכל תוכנת עיבוד תמלילים, כמו Microsoft Word או Google Docs. כאשר לשורת טקסט אין יותר מקום על קו אופקי, הוא יעטוף כדי להתחיל שורה נוספת. אז מה קורה אם רוצים להכתיב היכן נשבר קו?
כשאתה מקיש ENTER בתצוגת העיצוב של Dreamweaver
כשאת מכה להיכנס בתצוגת העיצוב של Dreamweaver, הפסקה הנוכחית סגורה ומתחילה פסקה חדשה. מבחינה ויזואלית, פירוש הדבר ששני הקווים הללו מופרדים במעט ריווח אנכי. הסיבה לכך היא כי כברירת מחדל, HTML לפסקאות יש ריפוד או שוליים (איזה תלוי בדפדפן עצמו) מוחל על החלק התחתון של הפסקה שמוסיף את המרווח הזה.
ניתן לכוונן זאת באמצעות CSS, אך האמת היא שאתה רוצה שיהיה מרווח בין פסקאות כדי לאפשר קריאה באתר. אם ברצונך בשורה אחת וללא רווח אנכי רחב בין השורות, אינך רוצה להשתמש במקש ENTER מכיוון שאינך מעוניין ששורות אלה יהיו פסקאות בודדות.
כשאתה לא רוצה שפסקה חדשה תתחיל
בזמנים אלה בהם אינך מעוניין שתתחיל פסקה חדשה, היית מוסיף את
תג ב- HTML. לפעמים זה גם כתוב כמו
. במיוחד עבור גרסאות של XHTML אשר דרשו לסגור את כל האלמנטים. הנגרר / בתחביר זה סוגר את האלמנט מאז ה
לתג אין תג סגירה משלו. כל זה טוב ויפה, אבל אתה עובד ב- Design View ב- Dreamweaver. ייתכן שלא תרצה לקפוץ לקוד ולהוסיף את ההפסקות האלה. זה בסדר, מכיוון שאכן תוכלו להוסיף מעבר שורה ב- Dreamweaver מבלי לנקוט בתצוגת קוד.
הוסף הפסקה בתצוגת העיצוב של Dreamweaver:
- מקם את הסמן במקום שבו ברצונך שהשורה החדשה תתחיל.
- החזק את המקש כפתור "שיפט ולחץ להיכנס.
זהו זה! התוספת הפשוטה של מקש "shift" יחד עם [ENTER] תוסיף a
במקום פיסקה חדשה. אז עכשיו, כשתדעו איך זה, עליכם לשקול היכן להשתמש בו ואיפה להימנע מכך. זכור, HTML נועד ליצור את המבנה של האתר, ולא את המראה החזותי. אתה לא צריך להשתמש במספר רב
תגים ליצירת ריווח אנכי מתחת לאלמנטים בעיצוב שלך.
לשם כך נועדו מאפייני CSS לריפוד ושוליים. איפה היית משתמש ב-
התג הוא כאשר אתה פשוט צריך את מעבר השורה היחידה. לדוגמה, אם אתה מקודד כתובת למשלוח דואר והחלטת להשתמש בפסקה, תוכל להוסיף
תגים כמו זה:
שם החברה
כתובת
עיר, מדינה, מיקוד.
קוד זה לכתובת הוא פיסקה אחת, אך מבחינה ויזואלית הוא יציג את שלוש השורות בשורות בודדות עם רווח קטן ביניהן.