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