אם אתה חדש בעיצוב אתרים ופיתוח חזיתי (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 View:
- מקם את הסמן במקום שבו ברצונך שהקו החדש יתחיל.
- החזק את כפתור "שיפט ולחץ על להיכנס.
זהו זה! ההוספה הפשוטה של המקש "shift" יחד עם ENTER תוסיף
במקום פסקה חדשה. אז עכשיו אתה יודע איך זה, אתה צריך לשקול היכן להשתמש בו והיכן להימנע מכך. זכור, HTML נועד ליצור את המבנה של האתר, לא את המראה החזותי. אתה לא צריך להשתמש מרובים
כדי ליצור ריווח אנכי מתחת לאלמנטים בתכנון שלך.
זה מה המאפיינים CSS עבור ריפוד ושוליים הם. איפה אתה תשתמש
תג הוא כאשר אתה רק צריך את הפסקה שורה אחת. לדוגמה, אם אתה מקודד כתובת דיוור והחלטת להשתמש בפסקה, תוכל להוסיף
תגים כמו זה:
שם החברה קוד זה עבור הכתובת הוא פסקה אחת, אבל מבחינה ויזואלית זה יציג את שלושת השורות על קווים בודדים עם רווח קטן ביניהם.
כתובת
עיר, מדינה, מיקוד




