folaha فلها (المنتدى العام)

نرحب بجميع الأشخاص الذين يودون الانضمام والمشاركة والمساهمة معنا مع أكبر سلسلة من المنتديات التى تضم أكبر المساهمات الفعالة وأكبر عدد من الأعضاء وتقدم خدمات مجانية للأعضاءها الكرام
 
الرئيسيةالتسجيلأحدث الصوردخول

معاينة المواضيع بدون مساهمات
 

منتدى تعليم تصميم المواقع بأفضل التصاميم

 
المواضيعالمساهمات
آخر مساهمة
لا مساهمات جديدة

تعلم كيف تبنى موقع وتصصمة مجانا شرح كامل ووافى لتصميم المواقع بأحدث الروس

القفاص
تحذر من الاقتباس المشترك
احذر من القفاص
فقط اقرأ...وارحل
دورة لتعلّم لغة :: HTML :: اللغة الأساسية في تصميم مواقع الويب بسهولة
بإذن الله ستكون دورة مبسطة وسهلة ويستطيع حتي المبتدئين التعمل مع تلك اللغة وتصميم المواقع بها
فقط تــابع معي
لماذا سأقوم بعمل تلك الدورة المبسطة ؟
أولا : بالطبع لكي يستفيد منها الجميع.
ثانيا:هذا الأهم : أنني لاحظت أن هنـاك الكثير من مصممين المواقع ولكن لا يعلمون شيئا عن تلك اللغة أصلا .. حيث يعتمدون قي ذلك علي البرامج المساعدة كبرنامج Microsoft FrontPage مثلا فهو برنامج ممتـاز ويوفر عليهم الكثيـر من الجهد ..
كمثال
هناك أناس يقومون بإنشاء موقعهم الخاص علي شبكة الإنترنت ببرنامج FrontPage مثلا ثم يأتون بعد ذلك ..يقولوا نحن أخطأنا في كذا وكذا وكذا فكيف يمكننا التعديل في الأكواد بيدينا لكي نصلح ما قمنا بعمله ..أقول لهم كان ينبغي عليك أولا تعلم لغة HTML لأنها الأساس الذي بنيت عليه مثل هذه البرامج ولا ينبغي عليك أن تقوم بالدخول وتصميم موقعك علي الإنترنت بدون علمك بتلك اللغة..فتابع لعلك تستفيد إن شاء الله
فلنبـدأ بسـم الله
أولا لنعرف ماهي لغة HTML ؟
هي اللغة الأساسية المستخدمة لإنشاء صفحات الإنترنت , وجاءت إختصار لكلمة
Hyper Text Markup Language
فمع تطور البرامج التي تمكنك وتتيح لك الإستغناء عن تلك اللغة إلا أنها غاية في الأهمية وينبغي علي كل مصمم أن يكون يكون علي دراية كافية بكيفية عمل الكود ..وتعتبر شرط أساسي لأي مصمم حتي يستطيع بعد ذلك التعامل مع اللغات الأخري كال PHP و ********** مثلا ..
كيف تعمل لغة HTML وما البرامج اللازمة لتعلمها ؟؟
أولا يلزم لعمل اللغة متصفح كال Internet Explorer أو Netscape وفائدته : هي أنه سيكون بمثابة الشاشة التي سنعرض عليها عملنا خطوة بخطوة ومع كل
تعديل .. وبالنسبة للبرامج المطلوبة يكفي أن يكون لديك جهاز جهاز كمبيوتر مثبت عليه نظام تشغيل .. أي نظام
..ومحرر نصوص مثل ال Notpad بالنسبة لل Windows وال Pico بالنسبة لل Linux
أولا سنتعرف علي ماهي مكونــات صفحة الإنترنت ؟
صفحة الإنترنت تتكون من منطقتين أساسيتين وهما الرأس والجسـم
إنظر للصورة

والآن لتبـدأ في تصميم أولي صفحاتك علي شبكة الإنترنت ..
إفتح معي محرر النصوص " Notpad "
كيفية فتح محرر النصوص
إذهب وإضغط ثم إنظر الصورة


بعد فتح محرر النصوص تفضّل بكتابة الآتي بها
ما الذي قمت بكتابته حالا ؟؟
أقول لك :هذا هو التكوين الأساسي لجميع مواقع الويب التي تراها ولنبـدأ بالشرح التفصيلي ..
أولا: اقوسين ..
<> هذا يسمي Start Tag أو وسم البداية , وبداخله يوضع الأمر المراد تنفيذه..
أمـا < /> هذا يسمي End Tag أو وسم النهاية , وبداخله يوضع الأمر نفس الأمر الموجود في وسم البداية للدلالة علي نهاية تنفيذ هذا الأمر .
وأما بالنسبة ل
تكتب هنـا الجملة التي تريد أن تكون عنوانا لصفحتك
هنـا توضع المحتويات التي تريدها بداخل الصفحة
لاحظ معي .. في البداية :: في أول كود :: كتبنا كدليل أننا نريد البدء في تنفيذ أمر , وفي النهاية كتبنا للدلالة علي إنتهاء تنفيذ الأمر .. وهذا نفس الكـلام الذي سيتكرر مع كل كود أو أمر سنقوم بكتابته من الآن .
صمم أولي صفحاتــك
إفتح محرر النصوص " Notpad " وإكتب معي كما بالصورة


ماذا تري ؟؟
لاحظ أن في مكان الرأس Head عبارة " فريق عمل منتديا فلها" أي أن الكود أو العنصر title هو المسئول عن منطقة الرأس

وفي منطقة الجسم Body عبارة " بسـم الله الرحمن الرحيم " لكن بالطبع تفتقد التنسيق والجمال لكن أُهنيك فأنت قد توصلت إلي نتيجة رائـعة فمعي لنبـدأ معا في عملية التنسيق
لنكن متفقيـن في البداية أن منطقة الرأس Head منتهية أي لا يتم التعديل فيها إلا بتغيير الجملة نهائيا " أي ليس هناك شكل أو لون وكذا..... فسيكون كل عملنا في التنسيق علي منطقة الجسم Body
كيفيـة التعديـل علي صفحـة الإنترنت ؟؟
================
إنتهينــا من الدرس الأول وتعلمنا أساسيات التعامل مع اللغة وتوصلنا إلي عمل صفحة مكتوب فيها عبارتين فقط واحدة عند الرأس Head وهي " فريق عمل منتديات فلها" وواحدة في جسم الصفحة
00
منتدى تعليم  تصميم المواقع بأفضل التصاميم Empty
 المواضيع  المساهمات  كاتب الموضوع  مشاهدة  آخر مساهمة 
لا مساهمات جديدةcheristmas 1admin493الإثنين مارس 03, 2008 11:43 pm
admin اطلع على آخر مُساهمة
لا مساهمات جديدةcheristmas 1admin1577السبت مارس 01, 2008 11:14 pm
admin اطلع على آخر مُساهمة
لا مساهمات جديدةcheristmas 0admin480السبت مارس 01, 2008 10:43 pm
admin اطلع على آخر مُساهمة
 الرجوع الى أعلى الصفحة 
عدد المتصفحين الحاليين للمنتدى: لا أحد
المشرفون:لا أحد
صلاحيات هذا المنتدى:لاتستطيع وضع مواضيع جديدة في هذا المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى
-
افرز آخداً بعين الإعتبار:  
انتقل الى:  
مساهمات جديدة مساهمات جديدة
مساهمات جديدة [ موضوع شعبي ] مساهمات جديدة [ موضوع شعبي ]
مساهمات جديدة [ موضوع مقفل] مساهمات جديدة [ موضوع مقفل]
لا مساهمات جديدة لا مساهمات جديدة
لا مساهمات جديدة [موضوع شعبي ] لا مساهمات جديدة [موضوع شعبي ]
لا مساهمات جديدة [موضوع مقفل] لا مساهمات جديدة [موضوع مقفل]
إعلان إعلان
إعلان عام إعلان عام
مثبت مثبت