إذا كنت لاتحب الكلام الكثير، فانتقل مباشرة لـ”البداية: إضافات لابدّ منها”

المقدمة

كثير من أصحاب المواقع والمصممين لا يرغبون بتعلم لغات تطوير المواقع الأساسية: HTML, XHTML, CSS.. فلا يجب علينا

الوقوف مكتوفي الأيدي حيال هذا، فأتت فكرة هذه الدروس البسيطة الجاهزة للتطبيق، وليس فيها …

المزيد..

تحدثنا في أول جزئين من هذه السلسلة عن أفضل الطرق التي عليك اتباعها للربط بين الصفحات و لكننا لم نذكر حتى الآن الفوائد العملية التي ستجنيها من هذا.

في متصفح الديناصور المنقرض -المنقرض هو المتصفح و ليس الديناصور- Mozilla و ابتداءً من الإصدار الأول فيه كان يفهم هذا الربط ليترجمه من خلال شريط أدوات …

المزيد..

تحدثنا في الجزء الأول عن الوسم <a> و استخدامه لبيان معنى الرابط و ليس لمجرد بيان العنوان، سنكمل الآن الحديث عن الربط في XHTML، سنبدأ بالوسم <link> ثم سنعرض بعض القيم التي اقترحتها منظمة W3C من أجل بيان …

المزيد..

بداية، أرجو أن تقوموا بتنزيل الملف التالي:
ملف مرفق للـ css

والذي يحوي هذه الملفات:

• index.html - الملف الذي سيحوي التصميم.
• main_style.css - التصميم الأساسي.
• big_style.css - التصميم الثاني.
• styleswitcher.js - ملف الجافاسكربت الذي يتحكم بنوع التصميم.

هذا …

المزيد..

في البداية، أود أن أذكر بأن لغة XHTML ما هي إلا تطوير على لغة HTML، فـXHTML تعني eXtensible HTML، أي لغة HTML القابلة للتوسع، إذن HTML و XHTML تتفقان بالأهداف.

حسناً، HTML تعني HyperText Markup Language، و النقطة التي نتحدث عنها هي الـHyperText، لن يكتمل معنى هذه الكلمة إلا بربط HyperText بآخر.

أردت الوصول إلى أن جزء مهم من …

المزيد..

بداية، أرجو أن تقوموا بتنزيل الملف التالي:
ملف مرفق للـ css

والذي يحوي هذه الملفات:

• layout.gif - صورة مصغرة للتصميم.
• logo.gif - صورة تمثل شعاراً.
• index.htm - ملف html الذي سيحوي التصميم.
• layout.css - ملف css والذي سنضع فيه تفاصيل التصميم.

هذا التصميم …

المزيد..

بداية، أرجو من كل مهتم بهذه الدروس أن يقوم أولاًً بتنزيل الملف:
ملف مرفق للـ css

والذي يحوي هذه الملفات:

• layout1.gif - صورة مصغرة لما يجب أن تكون عليه النتيجة النهائية للدرس.
• index.htm - ملف html والذي سيعرض الصفحة التي صممناها.
• layout.css - ملف css والذي …

  المزيد..

نصيحة قبل أن نبدأ : “إذا كنت جاداً في أنك تريد أن تبلغ الإحترافية في إنشائك لصفحات الويب فإن عليك أن تتعلم كيفية كتابة كود صفحاتك يدوياً”.

سأقول لك في البداية أنني أقوم بكتابة كود الصفحة بكامله يدوياً، طبعاًً أنت حر في استخدامك لبعض أدوات الـWYSIWYG (ما تراه هو ما تحصل عليه What You See Is What You Get) و لكن يجب ألا …

المزيد..

مقدمة

CSS هي تقنية تتهتم بتحديد شكل وتصميم المواقع، وشخصياً أرى أن أفضل ما تعلمته في مجال إنشاء المواقع بعد الأساسيات هو تعلم هذه التقنية، فهي مرنة وسهلة وقوية، وسنرى الآن كيف تساعدك هذه التقنية على تبسيط عملية إنشاء وإدارة المواقع.

CSS بسهولة

كما أسلفت هذه التقنية تهتم بتحديد شكل وتصميم …

المزيد..

نعتذر من الجميع على إعادة نشر المقالة، ذلك لأنها حُذفت بعد طرحها بسبب خطأ ما، فنعيد الآن نشرها لتحقيق الفائدة

السلام عليكم ورحمة الله تعالى وبركاته وبعد
اليوم أردت أن أبتعد قليلا عن دروس الجافاسكربت، وعن الدروس الثقيله بشكل عام وقررت أن أطرح درسا خفيفا عبارة عن بعض …

المزيد..

السلام عليكم..

كثيرون هم الآن من يحاولون الاتجاه إلى القياسية في مواقعهم، و يحاولون الآنتقال إلى XHTML إن كانوا يستخدمون HTML و هي التي تمتاز بدقة أكثر من الأخيرة، فمثلاًً عليك إغلاق جميع العناصر (مثل br) و وضع علامات الترقيم ” لكل الخواص، لكن توجد ثلاث أنواع من الـXHTML سنتجاهل منها في هذه المقالة …

المزيد..