تصميم صفحات الانترنت بداية جيدة للراغبين بالدخول في مجال التصميم الاحترافي للمواقع سواء بالدرجة العميقة التفاعلية أو الظاهرية فقط، لكن هذا لا يعني بالطبع أن تصميم صفحات منفردة لا يتطلب خبرة وإلمام في هذا المجال وإن كان أقل من غيره. تصميم صفحات الانترنت عبر لغة الترميز HTML
تصميم صفحات الانترنت عبر لغة الترميز HTML مِن الطرق الأسهل والأفضل، نظرًا إلى بساطتها وحاجتها إلى خبرة بسيطة في لغات الترميز والبرمجة. تحتاج إلى بضعة خطوات لإجراء التصميم، ستصبح الأمور معقدة قليلًا عندما ندخل في تفاصيل كتابة الأوامر البرمجية لتشكيل محتوى صفحة الإنترنت. تصميم و برمجة صفحات الانترنت Web Design مع محمد سعد | ندرس.كوم. مُحرر نصوص
مواضيع مقترحة
من الضروري بدء عملية تصميم صفحات الانترنت عبر فتح برنامج خاص بتعديل النصوص، في أنظمة ويندوز يتوفر تحت مسمى Notepad أو Notepad++ ، وفي أنظمة macOS يتوفر باسم TextEdit، ومن السهل إيجاده من خلال محرك بحث نظام التشغيل ( مثل علامة البحث الموجودة في الشريط الأسفل بجانب قائمة ابدأ لنظام ويندوز 10). عليك بعد فتح البرنامج، أن تبدأ بتحويل نوع المستند إلى لغة الترميز HTML، عبر كتابة ثم اضغط على زر Enter في لوحة المفاتيح، وبعدها قم بكتابة واضغط على زر Enter مجددًا.
تقنية تصميم صفحات الويب - 1266
بجانب رمز
يجب كتابة ما يلي بدون فراغ:
...
وتستطيع كتابة اللون الذي تريده داخل رموز الاقتباس "" ثم بعد كتابة النص بجانب هذا الرمز، يجب إلحاقه برمز الإنهاء
. تغيير نوع الخط
خطوة أخرى ليست ضرورية في تصميم صفحات الانترنت وإنما اختيارية بالكامل، وليس من السيئ معرفتها بل على العكس، فلابد من إضفاء لمسات تمييز لصفحة الويب التي تعمل عليها. أفضل 7 برامج لـ تصميم مواقع الويب « Moso3a3ama Life. حيث بإمكانك تغيير نوع الخط المستخدم في الكتابة، وجعله بالخط العريض مثل هذا المثال ، أو بالخط المائل وغيره. لتحويل الخط إلى الخط العريض، يجب كتابة
قبل النص الذي تريده، وبعده ، كما وبإمكانكم استخدام الرموز التالية لباقي الأنواع:
للخط المائل.
لوضع خط تحت النص. < sub > Subscript text < / sub > للنصوص المرقمة والفرعية (تصلُح لوضع أرقام أو مربعات ترتيب قبل النص العادي). إضافة صورة
تزويد الصفحة بصورة أمر بسيط للغاية، ويتم عبر إضافة الرمز التالي في سطر منفصل:
![](URL)
عليك حذف كلمة URL من هذا الرمز واستبدالها برابط الصورة التي تريدها. إضافة رابط لموقع أو صفحة أخرى
بنفس البساطة، عليك إضافة الرمز التالي في سطر منفصل:
href="link">link text
استبدل كلمة link برابط الموقع الذي تريده، ثم استبدل link text بالنص الذي تريد وضع الرابط عليه، بحيث يتم فتح الرابط عند الضغط على هذا النص.
أفضل 7 برامج لـ تصميم مواقع الويب &Laquo; Moso3A3Ama Life
إنهاء نص الصفحة
في النهاية بعد إضافة ما تريده من التعديلات والنصوص، من الضروري أن تضع في سطر منفصل الرمز وفي سطر منفصل آخر