إذا كنت جديدًا في تصميم الويب والتطوير الأمامي (HTML و CSS وجافا سكريبت) ، فقد تختار البدء بمحرر WYSIWYG. هذا اختصار لتقف على "ما تراه هو ما تحصل عليه"، ويشير أساسا إلى البرمجيات التي تسمح لك لإنشاء صفحة ويب باستخدام أدوات بصرية في حين أن البرنامج يكتب بعض رمز وراء الكواليس على أساس ما تقوم بإنشائها. الأداة الأكثر شعبية WYSIWYG المتاحة يمكن القول أن دريمويفر Adobe .
Dreamweaver هو خيار جيد لأولئك الذين بدأوا للتو
بينما العديد من المهنيين ويب محنك مع مهارات أكثر دقة تطل على دريمويفر وميلها لإنتاج العلامات HTML و CSS اساليب المتضخمة، والحقيقة البسيطة هي أن منصة تبقى خيارا جيدا بالنسبة لأولئك بدأت للتو مع تصميم الموقع. عند بدء استخدام خيار "عرض التصميم" في Dreamweaver لإنشاء صفحة ويب ، فإن أحد الأسئلة التي من المحتمل أن تكون لديك هو كيفية إنشاء فاصل أسطر مفرد للمحتوى في هذا العرض.
عند إضافة نص HTML إلى صفحة ويب ، سيعرض متصفح الويب هذا النص كخط طويل حتى يصل إلى حافة نافذة المتصفح أو عنصر الحاوية الخاص به. عند هذه النقطة ، سيتم التفاف النص إلى السطر التالي. هذا مشابه لما يحدث في أي برنامج لمعالجة النصوص ، مثل Microsoft Word أو مستندات Google. عندما يكون سطر من النص لا يحتوي على مساحة إضافية على خط أفقي ، سيتم التفافه لبدء سطر آخر. ما الذي يحدث إذا كنت تريد أن تملي على المكان الذي ينقطع فيه الخط؟
عندما تضغط على المفتاح [ENTER] في طريقة عرض التصميم في Dreamweaver ، يتم إغلاق الفقرة الحالية وتبدأ فقرة جديدة. بصريًا ، سيعني هذا أنه يتم فصل هذين الخطين بقليل من التباعد الرأسي. هذا لأنه ، افتراضيًا ، تحتوي فقرات HTML على حشوة أو هوامش (التي تعتمد على المستعرض نفسه) مطبقة على الجزء السفلي من الفقرة التي تضيف هذا التباعد.
هذا يمكن تعديلها مع CSS، ولكن الحقيقة هي أن كنت تريد أن يكون هناك تباعد بين الفقرات للسماح لل موقع قراءة ، وإذا كنت ترغب في خط واحد وليس التباعد العمودي واسعة بين السطور، كنت لا تريد استخدام [ENTER] لأنك لا تريد أن تكون تلك الخطوط فقرات فردية.
في هذه الأوقات التي لا تريد فيها بدء فقرة جديدة ، يمكنك إضافة علامة
في HTML. كما يتم كتابة هذا في بعض الأحيان كما
. خاصة لإصدارات XHTML التي تتطلب إغلاق جميع العناصر. يقوم trailing / in that syntax بإغلاق العنصر لأن العلامة tag ليس لها علامة إغلاق خاصة بها. هذا كله جيد وجيد ، ولكنك تعمل في Design View في Dreamweaver. قد لا ترغب في القفز في الكود وإضافة هذه الفواصل. هذا أمر جيد ، لأنه يمكنك بالفعل إضافة فاصل أسطر في Dreamweaver دون اللجوء إلى عرض الكود.
إضافة فاصل خط في Dreamweaver & # 39؛ s Design View:
- ضع المؤشر حيث تريد أن يبدأ الخط الجديد.
- اضغط باستمرار على مفتاح shift واضغط على [ENTER].
هذا هو! ستؤدي إضافة بسيطة لمفتاح "shift" مع [ENTER] إلى إضافة a
بدلاً من فقرة جديدة. حتى الآن بعد أن تعرف كيف يتم ذلك ، يجب عليك أن تنظر في مكان استخدامه وأين يمكن تجنبه. تذكر أن HTML يهدف إلى إنشاء بنية الموقع وليس المظهر المرئي. يجب عدم استخدام علامات
متعددة لإنشاء مسافات رأسية تحت العناصر في التصميم الخاص بك.
هذا هو ما خصائص CSS للحشو والهوامش. حيث يمكنك استخدام علامة
عندما تحتاج فقط إلى فاصل سطر واحد. على سبيل المثال ، إذا كنت تقوم بتشفير عنوان بريدي وقررت استخدام فقرة ، فيمكنك إضافة علامات مثل:
اسم الشركة
خط العنوان
المدينة ، الولاية ، الرمز البريدي
هذا الرمز الخاص بالعنوان هو فقرة واحدة ، ولكنه عرضًا للخطوط الثلاثة في أسطر فردية بمسافة صغيرة بينهما.