برمجة موقعsite بسيط بالhtml
بعد الدروس التي تعلمناها في السابق سنقوم بانشاء موقع مصغر بلغة html ونضيف بعض الاوامر البرمجية من الصفر ، و سيكون الموقع كما في الصورة :
سنقوم بعمل جدول يضم كامل الموقع و محتوياته ، في الصف الاول لديه خلية واحدة فقط و الصف الثاني و الاخير نفس الشيء .
الصفوف الباقية لها خليتين الاول على يمين الصور و الثاني على يسار النص .
- الصف الاول سنضع صورة بنفس مقاسات راس الجدول .
ملاحظة : تصميم المواقع يعتمد على الحس الابداعي و ليس على الاكواد البرمجية فقط .
- الصف الثاني في الجدول نعمل قاءمة روابط عند الضغط عليها تحولنا الى صفحات اخرى من الموقع وهي (الرءيسية ، اعمالنا ، حول الموقع ..الخ ) .
-الصف الثالت من الخلية اليمنى نضيف صورة حسب المقاس او نضبطها في الكود الخاص بالصورة حسب المطلوب .
و في الخلية اليسرى نضع نص و نقوم باعداده بالوسوم الخاصة ( عنوان ، فقرة ....)
- الصف الاخير نضع فيه نص عادي خاص بحقوق الملكية و رابط لصاحب الموقع او الشركة المالكة لهذا الموقع ...الخ .
التطبيق العملي :
في البداية نحتاج لبرنامج فوتوشوب لتجهيز الصور بالمقاسات المطلوبة
نقوم بانشاء مجلد و نسميه html ثم نعمل مجلد اخر لنضع فيه الصور و نسمي هذا المجلد ب img
انظر كما في الصورة :