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