منتدى الفجر

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

شاطر | 
 

 زى ما عرفنا لغةXML تعالوا نعرف لغة HTML

اذهب الى الأسفل 
كاتب الموضوعرسالة
Elsha7at
عضو مجتهد

عضو مجتهد
avatar

عدد الرسائل : 179
العمر : 30
محل الإقامة : البيت
الوظيفة : fci Student
المزاج : شغال مش بطال
تاريخ التسجيل : 04/09/2007

مُساهمةموضوع: زى ما عرفنا لغةXML تعالوا نعرف لغة HTML   الأحد 09 سبتمبر 2007, 1:37 am




دورة لتعلّم لغة :: HTML :: اللغة الأساسية في تصميم مواقع الويب بسهولة

بإذن الله ستكون دورة مبسطة وسهلة ويستطيع حتي المبتدئين التعمل مع تلك اللغة وتصميم المواقع بها
فقط تــابع معي



لماذا سأقوم بعمل تلك الدورة المبسطة ؟
أولا : بالطبع لكي يستفيد منها الجميع.
ثانيا:هذا الأهم : أنني لاحظت أن هنـاك الكثير من مصممين المواقع ولكن لا يعلمون شيئا عن تلك اللغة أصلا .. حيث يعتمدون قي ذلك علي البرامج المساعدة كبرنامج Microsoft FrontPage مثلا فهو برنامج ممتـاز ويوفر عليهم الكثيـر من الجهد ..
كمثال
هناك أناس يقومون بإنشاء موقعهم الخاص علي شبكة الإنترنت ببرنامج FrontPage مثلا ثم يأتون بعد ذلك ..يقولوا نحن أخطأنا في كذا وكذا وكذا فكيف يمكننا التعديل في الأكواد بيدينا لكي نصلح ما قمنا بعمله ..أقول لهم كان ينبغي عليك أولا تعلم لغة HTML لأنها الأساس الذي بنيت عليه مثل هذه البرامج ولا ينبغي عليك أن تقوم بالدخول وتصميم موقعك علي الإنترنت بدون علمك بتلك اللغة..فتابع لعلك تستفيد إن شاء الله
فلنبـدأ بسـم الله

أولا لنعرف ماهي لغة HTML ؟
هي اللغة الأساسية المستخدمة لإنشاء صفحات الإنترنت , وجاءت إختصار لكلمة
Hyper Text Markup Language

فمع تطور البرامج التي تمكنك وتتيح لك الإستغناء عن تلك اللغة إلا أنها غاية في الأهمية وينبغي علي كل مصمم أن يكون يكون علي دراية كافية بكيفية عمل الكود ..وتعتبر شرط أساسي لأي مصمم حتي يستطيع بعد ذلك التعامل مع اللغات الأخري كال PHP و Java****** مثلا ..

كيف تعمل لغة HTML وما البرامج اللازمة لتعلمها ؟؟

أولا يلزم لعمل اللغة متصفح كال Internet Explorer أو Netscape وفائدته : هي أنه سيكون بمثابة الشاشة التي سنعرض عليها عملنا خطوة بخطوة ومع كل تعديل .. وبالنسبة للبرامج المطلوبة يكفي أن يكون لديك جهاز جهاز كمبيوتر مثبت عليه نظام تشغيل .. أي نظام ..ومحرر نصوص مثل ال Notpad بالنسبة لل Windows وال Pico بالنسبة لل Linux


أولا سنتعرف علي ماهي مكونــات صفحة الإنترنت ؟

صفحة الإنترنت تتكون من منطقتين أساسيتين وهما الرأس والجسـم
إنظر للصورة



والآن لتبـدأ في تصميم أولي صفحاتك علي شبكة الإنترنت ..

إفتح معي محرر النصوص " Notpad "
كيفية فتح محرر النصوص

إذهب وإضغط ثم إنظر الصورة


بعد فتح محرر النصوص تفضّل بكتابة الآتي بها
<HTML>
<Head>
<Head/>
<Body>
<Body/>
<HTML/>

ما الذي قمت بكتابته حالا ؟؟
أقول لك :هذا هو التكوين الأساسي لجميع مواقع الويب التي تراها ولنبـدأ بالشرح التفصيلي ..

أولا: القوسين ..
<> هذا يسمي Start Tag أو وسم البداية , وبداخله يوضع الأمر المراد تنفيذه..

أمـا < /> هذا يسمي End Tag أو وسم النهاية , وبداخله يوضع الأمر نفس الأمر الموجود في وسم البداية للدلالة علي نهاية تنفيذ هذا الأمر .

وأما بالنسبة ل <HTML>
<Head>
تكتب هنـا الجملة التي تريد أن تكون عنوانا لصفحتك

<Head/>
<Body>
هنـا توضع المحتويات التي تريدها بداخل الصفحة

<Body/>
<HTML/>


لاحظ معي .. في البداية :: في أول كود :: كتبنا <HTML>كدليل أننا نريد البدء في تنفيذ أمر , وفي النهاية كتبنا <HTML/> للدلالة علي إنتهاء تنفيذ الأمر .. وهذا نفس الكـلام الذي سيتكرر مع كل كود أو أمر سنقوم بكتابته من الآن .

صمم أولي صفحاتــك

إفتح محرر النصوص " Notpad " وإكتب معي كما بالصورة



الأكواد هي

<HTML>
<Head>

فريق عمل منتديات المشاغب <title>
<title/>

<Head/>
<Body>

بسـم الله الرحمن الرحيم

<Body/>
<HTML/>

:: ملحوظـة ::

لا أنصـح بنسخ الأكواد ولصقها في محرر النصوص :: ينبغي أن تكتبها أنت بيديك فيكون أفضل

بعد كتابـة الأكواد في محرر النصوص قم بالذهاب لقائمة File ثم إختر Save As واحفظ الملف مع مراعاة الإمتداد Html. فمثلا احفظه بإسم MyPage.html


الآن أغلق ال Notpad وإذهب إلي الصفحة MrPage.html التي قمت بحفها ستجدها قد إتخذت هذا الشكل إفتح الصفحة الآن ولا حظ معي


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

وفي منطقة الجسم Body عبارة " بسـم الله الرحمن الرحيم " لكن بالطبع تفتقد التنسيق والجمال لكن أُهنيك فأنت قد توصلت إلي نتيجة رائـعة فمعي لنبـدأ معا في عملية التنسيق

لنكن متفقيـن في البداية أن منطقة الرأس Head منتهية أي لا يتم التعديل فيها إلا بتغيير الجملة نهائيا " أي ليس هناك شكل أو لون وكذا..... فسيكون كل عملنا في التنسيق علي منطقة الجسم Body

وهذا ما سنتناوله بالتفصيــل في القسـم الثاني بإذن اللــه

إلي اللقاء مؤقتـا
السـلام عليـكم ورحمة اللــه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.mans-fci.net/forum/
DR / MIDOO
رئـيس المنتدى

رئـيس المنتدى
avatar

عدد الرسائل : 459
العمر : 28
محل الإقامة : الكوووون
الوظيفة : PHARMA STUDENT
المزاج : الحمد لله
تاريخ التسجيل : 05/08/2007

مُساهمةموضوع: رد: زى ما عرفنا لغةXML تعالوا نعرف لغة HTML   الإثنين 10 سبتمبر 2007, 2:56 pm

مشكووووووووووووور يا ماااان
على المجهود العظيم

_________________
التوقيع :
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://elfajr.ahlamontada.net
alaa eddin
عضو برونزى

عضو برونزى
avatar

عدد الرسائل : 229
العمر : 30
محل الإقامة : DRAGON CAVE
المزاج : فاين والحمد لله
تاريخ التسجيل : 17/08/2007

مُساهمةموضوع: رد: زى ما عرفنا لغةXML تعالوا نعرف لغة HTML   الثلاثاء 11 سبتمبر 2007, 4:43 pm

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

مشرف
avatar

عدد الرسائل : 161
العمر : 37
محل الإقامة : المنصورة / أم الدنيا
المزاج : معتدل
تاريخ التسجيل : 29/08/2007

مُساهمةموضوع: رد: زى ما عرفنا لغةXML تعالوا نعرف لغة HTML   الخميس 13 سبتمبر 2007, 6:59 pm

مشكور يا بشمهندس على الدرس المفيد وما زلنا ننتظر منك المزيد

_________________
أعتزر عن قلة تواجدي بالمنتدي هذه الأيام نظراً لظروف خاصة،، وأسألكم الدعاء





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

عضو مجتهد
avatar

عدد الرسائل : 179
العمر : 30
محل الإقامة : البيت
الوظيفة : fci Student
المزاج : شغال مش بطال
تاريخ التسجيل : 04/09/2007

مُساهمةموضوع: رد: زى ما عرفنا لغةXML تعالوا نعرف لغة HTML   الجمعة 14 سبتمبر 2007, 12:39 am

شكرا لكل الناس اللى شرفوا مواضيعى فى منتدى البرمجة
وان شاء اللة يا ليدو فى مواضيع كتيرة جاية بس لما الناس تدخل ان شاء اللة كمان وكمان
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.mans-fci.net/forum/
 
زى ما عرفنا لغةXML تعالوا نعرف لغة HTML
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع اكثر من ستايل لمنتداك
» كود ساعه رقميه
» كود المتواجدون باعلام الدول
» كوشة كودات html مهمة للكل.....
» كود وضع صفحة html داخل اطار..

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الفجر :: المنتديات التقنية :: منتدى البرمجة والجرافيكس-
انتقل الى: