Standard Post with Image

مقدمة تعلم لغة HTML من الصفر

    لغة HTML هى لغة مخصصة لبناء الهيكل العام للموقع , مثل الازرار والقوائم والروابط و النصوص وغيرها . لا يوجد موقع يعمل بدون HTML فهى اساسية فى اي موقع . لغة HTML سهلة كونها لغة تصف الصفحة ولا تملك المفاهيم الاساسية للغات البرمجة المتقدمة . محتويات المقالة : …

Standard Post with Image

كيفية انشاء قائمة منسدلة Dropdown Menu ؟

من الامور المهمة التى نقابلها دائمًا اثناء تصفح المواقع وهى القائمة المنسدلة او Dropdown Menu , سنتحدث اليوم كن كيفية بناء قائمة مثل هذه ب HTML , CSS3 فقط بدون الحاجة إلى جافا سكربت Javascript . اللغات المستخدمة : HTML , CSS3 الصعوبة : سهل كيفية انشاء قائمة منسدلة Dropdown Menu ؟ …

Standard Post with Image

امثلة لصفحات HTML رهيبة #استلهام

تتنافس الشركات والمؤسسات هذه الايام فى اخراج موقع له تصميم ساحر لجذب الزبائن وعرض خداماتهم بشكل مميز , للتغلب على الخصوم وزيادة ارباحهم , وحتى المواقع الشخصية تهتم بتصميم الموقع , تصاميم هذه المواقع مبنية على HTML , CSS , Javascript و بعض اطر العمل الاخرى , فاليك عشر تصاميم …

Standard Post with Image

تجميعة مواقع مميزة فى تصميمها #استلهام

ان ابداعك فى التصميم يتطلب منك رؤية الكثير من الاعمال الابداعية وملاحظة جمال هذه التصاميم , والتمعن فى التفاصيل الدقيقة لاعمال هؤلاء المبدعين فجلبنا لك اليوم تجميعة مميزة من تصاميم المواقع .     فاليك تجميعة مميزة من مواقع الويب التى لها تصميم مميز ومبتكر   يمكنك زيارة الموقع عن …

Standard Post with Image

ما هو الفرق بين HTML , HTML5 ؟ وما الجديد فى HTML5 ؟

  جميعًا نعرف لغة HTML وانها لغة هيكلية ننشئ بها الهيكل الخاص بالموقع من نصوص و مدخلات البحث و ازرار و غيرها , وكان دور HTML مقتصر على هذا ولكن يبدو ان مطورين اللغة اردوا التوسع واعطاء ابعاد واستخدامات جديدة ل HTML , فصدرت HTML5 فى عام 2014 لتضيف الكثير …

Standard Post with Image

الدرس الخامس : تصميم ودجات القائمة الجانية

كما نتذكر من شكل التصميم من الدروس السابق فان مساحة القائمة الجانية هى الربع اي ثلاث اعمدة من نظام Bootstrap.

Standard Post with Image

امثلة لتصاميم مواقع مبتكرة ب HTML 5 و CSS 3 #استلهام

مجال تصميم الويب فى تطور مستمر حتى وصلنا إلى الادوات الحالية الاستخدام HTML 5 و CSS 3 التى تقدم امكانية هائلة للمصممين وتسهل عملهم  إليك امثلة لمواقع تستخدم هذه الادوات فى شكل مبتكر جدًا   اضغط الرابط اعلى الصورة لمعاينة الموقع appyfizz madebyfew allbirds onthegrid   OrangeSprocket   Har Du …

Standard Post with Image

الدرس الثانى : تهئية الملفات وتكويد االهيدر

تعلمنا فى الدرس السابق كيفية نسخ الالوان وقراءة المقاسات من تصميم الفوتوشوب  والان الى تكويد صحفة المدونة الرئيسية اولًا سنقوم بكتابة كود الHTML كاملًا وشرح ثم  بعد ذلك تزيين التصميم باستخدام CSS تكويد الصفحة الرئيسية عن طريق  html البناء الاساس  نقوم اولا بانشاء مجلد اساس للمشروع ونسميه اي اسم ثم …