She!! Access
02-05-2010, 09:02 PM
http://www8.0zz0.com/2009/04/01/12/338061778.gif
سوف نشرح في هذا الدرس عن لغة ال html
اثبتت الدراسات ان اكتر من 70% من المواقع على هذه الشبكة العنكبوتية تستخدم في صفحاتها و في طياتها لغة ال HTML
رح اطرحلكن هلء تآريخ هاللغة هي :
HTML = Hyper Text Markup ********
لقد تم تصميم لغة الـ HTML الأولية في عام 1992 من قبل تيم بارنرز لي -Tim Berners-Lee- وروبرت كاليو -Robert Caillau- .
حيث قاما باشتقاق لغة الـHTML من لغة ال SGML .
ماهية لغة ال SGML ؟
الكلمة SGML هي اختصار للجملة Standardized General Markup ******** التي معناها باللغة العربية (لغة الترميز المعممة البنيوية ) ، تم تطوير هذه اللغة في مختبارات شركة IBM العالمية سنة 1969 .
في الحقيقة ، تم تصميم الـ HTML لتصميم المستندات لا لوصفها .
وطبعاً ، مع مرور الوقت ، كان من الواجب ان تكون هناك نسخ معدلة من الـHTML .
تواريخ مهمة :
1992
تصميم لغة الـ HTML الاساسية .
1993
تصميم لغة الـ HTML + والتي تعتبر تحسين بسيط للغة الـ HTML الاساسية .
1994
تصميم لغة الـ HTML النسخة الثانية
تصميم لغة الـ HTML النسخة الثالثة
1996
دعم المتصفحانNetscape و Explorer للغة الـ HTML .
تصميم لغة الـ HTML النسخة رقم 3.2 .
1997
تصميم لغة الـ HTML النسخة رقم 4 .
1999
تصميم لغة الـ HTML النسخة رقم4,1 والتي تعتبر تحسين بسيط للغة الـ HTML النسخة رقم 4 .
طبعا ً هي يلي رح ندرسها من خلال دروسنا ان شاء الله
2000
تصميم لغة الـ XHTML وهي تعتبر إلا حد ما دمج للغة الـ HTML و الـXML .
إذا لاحظتو أخواني اللغة قديمة .. .. بس لهلء اكتر من 70% متل ما زكرت من المواقع بيستخدموها .. لكونها مهمة و سهلة ...
رح نجي هلء لحتى نشوف شو الفرق بين لغة ال HTML و اللغة يلي صآرت حديثا ً XHTML ...
تُعرف XHTML بأنها دمج بين لغة HTML المعروفة و XML
الصفحات المصممة باستخدام XHTML تظهر بنفس الكيفية وبطريقة صحيحة على جميع المتصفحات
عليك أن تعرف أن XHTML هي لغة المستقبل ...
أكواد XHTML ليست مختلفة كثيراً عن HTML العادية، وأهم الاختلافات فيها هي:
كود XHTML يجب أن يكون مرتباً جيداً
يجب دائماً اغلاق وسوم XHTML
يجب كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة
يجب أن تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه
س / ماهو الفرق بين HTML و XHTML ؟
لقد مرت HTML بمراحل تطوير خلال السنوات الماضية حتى وصلت للإصدار HTML 4.01 وبعد ذلك توقف تطويرها واستبدلت بلغة جديدة هي XHTML وهي نفس سابقتها ولكن هنالك اختلافات بسيطة جداً في كتابة الأكواد بين الاثنين ، و سنتطرق لها في الدروس القادمة إن شاء الله.
رح أشرح هلء بعض خصائص هاللغة ...
شو ممكن نستفيد من لغة ال HTML .!؟
بعد تعلم HTML ستكون لديك صورة واضحة حول بناء صفحات الإنترنت وطريقة عرض مابها من نصوص وصور وغيره ، بالإضافة لذلك ستكون قد انجزت اهم خطوة من خطوات تعلم تصميم مواقع الإنترنت وستفتح أمامك جميع الأبواب في تصميم مواقع الإنترنت ؛ فجميع اللغات المستخدمة في بناء مواقع الإنترنت مثل ( جافا JAVA - PHP - XHTML ) تعتمد أساساً على فهمك للغة HTML
وسأضرب لكم مثال بسيط : << ضربو
عندما يكون لديك صفحة إنترنت HTML ، وترغب بإضافة بعض اكود لغة PHP للتخزين معلومات الزائر في قاعدة بيانات ؛ لابد لك أن تكون على دراية بلغة HTML حتى تستطيع ان تدمج معها php ، هذا مثال بسيط جداً .
تمام لهون .. !؟ الكل فهمان معي لهون .. ؟
شوووو ما سمعت ... الكل فهمااااااان .. !؟
هلء طبعا ً انا ليش طرحت هالافكار هي مو مشان وجعلكن راسكن او مشان زيد عليكن الحمل لأ .... بس مشان تعرفو شو الشي يلي عم تدرسوه انتو ... فهمانين عليي .. ؟
ايه الحمد لله
هلء رح إشرح آلية عمل اللغة و طريقة صنع الصفحات من خلال هذه اللغة
الإدوات المطلوبة :
برنامج ال Notepad يعني الدفتر او المفكرة و بيجي مع الويندوز
اي برنامج تصفح :)
كآسة شآي او فنجان قهوة او حتى شيشة إذا بدكن
و ركزو معي منيح يلا
اللغة بتعتمد ع شي أسمو اوساآم ...
يا يحيى نحن ما منفهم روق علينا شوي . . شو هي اوسام . . شو عم تحكي انت ....
اوكي حبيبي .. شوف المخطط يلي تحت و رح تعرف شو هي اوسام اخوي
وسم البداية وسم النهاية
i<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>i
أكيد ما فهمتو شي صح .. :)
بعرف الحق معكن والله
طيب شوفو المخطط التاني
http://www.aljyyosh.com/vb/attachment.php?attachmentid=224&stc=1&d=1265392682
لا حدا يقلي ما فهم ....
يوه سامع واحد من بعيد عم يقول ما فهمت . .. yokyo بعدي راسك شوي .. . شو حبيبي ما فهمت .. ؟
تيب رح وضحلك المخطط بطريقة تانية :)
لا حول ولا قوة إلا بالله العلي العظيم
شوفني
http://img85.imageshack.us/img85/6765/217749700.png
يعني بالمختصر .... نبتدي صفحة الانترنت يلي بدنا نساويها بالوسم
<html>
و مننهيها كمان بالوسم
</html>
عنوان الصفحة رح يبدأ بالوسم
i<head>
<title> but your page address
</title>
</head>i
شفت الشرح كيف .. .!؟؟
نحن كل شغلنا اخواني رح يكون بقلب الوسمين
i<body>
</body>i
طبعا ً انا وضعت حرف i بالانكليزي لكي اغلق القوسين :)
تم رفق الصور بالمرفقات لعدم ضياعها
سوف نشرح في هذا الدرس عن لغة ال html
اثبتت الدراسات ان اكتر من 70% من المواقع على هذه الشبكة العنكبوتية تستخدم في صفحاتها و في طياتها لغة ال HTML
رح اطرحلكن هلء تآريخ هاللغة هي :
HTML = Hyper Text Markup ********
لقد تم تصميم لغة الـ HTML الأولية في عام 1992 من قبل تيم بارنرز لي -Tim Berners-Lee- وروبرت كاليو -Robert Caillau- .
حيث قاما باشتقاق لغة الـHTML من لغة ال SGML .
ماهية لغة ال SGML ؟
الكلمة SGML هي اختصار للجملة Standardized General Markup ******** التي معناها باللغة العربية (لغة الترميز المعممة البنيوية ) ، تم تطوير هذه اللغة في مختبارات شركة IBM العالمية سنة 1969 .
في الحقيقة ، تم تصميم الـ HTML لتصميم المستندات لا لوصفها .
وطبعاً ، مع مرور الوقت ، كان من الواجب ان تكون هناك نسخ معدلة من الـHTML .
تواريخ مهمة :
1992
تصميم لغة الـ HTML الاساسية .
1993
تصميم لغة الـ HTML + والتي تعتبر تحسين بسيط للغة الـ HTML الاساسية .
1994
تصميم لغة الـ HTML النسخة الثانية
تصميم لغة الـ HTML النسخة الثالثة
1996
دعم المتصفحانNetscape و Explorer للغة الـ HTML .
تصميم لغة الـ HTML النسخة رقم 3.2 .
1997
تصميم لغة الـ HTML النسخة رقم 4 .
1999
تصميم لغة الـ HTML النسخة رقم4,1 والتي تعتبر تحسين بسيط للغة الـ HTML النسخة رقم 4 .
طبعا ً هي يلي رح ندرسها من خلال دروسنا ان شاء الله
2000
تصميم لغة الـ XHTML وهي تعتبر إلا حد ما دمج للغة الـ HTML و الـXML .
إذا لاحظتو أخواني اللغة قديمة .. .. بس لهلء اكتر من 70% متل ما زكرت من المواقع بيستخدموها .. لكونها مهمة و سهلة ...
رح نجي هلء لحتى نشوف شو الفرق بين لغة ال HTML و اللغة يلي صآرت حديثا ً XHTML ...
تُعرف XHTML بأنها دمج بين لغة HTML المعروفة و XML
الصفحات المصممة باستخدام XHTML تظهر بنفس الكيفية وبطريقة صحيحة على جميع المتصفحات
عليك أن تعرف أن XHTML هي لغة المستقبل ...
أكواد XHTML ليست مختلفة كثيراً عن HTML العادية، وأهم الاختلافات فيها هي:
كود XHTML يجب أن يكون مرتباً جيداً
يجب دائماً اغلاق وسوم XHTML
يجب كتابة الوسوم والاكواد بالحروف الصغيرة فقط دون الكبيرة
يجب أن تحتوي الصفحة على وسم واحد رئيسي تتفرع جميع الوسوم منه
س / ماهو الفرق بين HTML و XHTML ؟
لقد مرت HTML بمراحل تطوير خلال السنوات الماضية حتى وصلت للإصدار HTML 4.01 وبعد ذلك توقف تطويرها واستبدلت بلغة جديدة هي XHTML وهي نفس سابقتها ولكن هنالك اختلافات بسيطة جداً في كتابة الأكواد بين الاثنين ، و سنتطرق لها في الدروس القادمة إن شاء الله.
رح أشرح هلء بعض خصائص هاللغة ...
شو ممكن نستفيد من لغة ال HTML .!؟
بعد تعلم HTML ستكون لديك صورة واضحة حول بناء صفحات الإنترنت وطريقة عرض مابها من نصوص وصور وغيره ، بالإضافة لذلك ستكون قد انجزت اهم خطوة من خطوات تعلم تصميم مواقع الإنترنت وستفتح أمامك جميع الأبواب في تصميم مواقع الإنترنت ؛ فجميع اللغات المستخدمة في بناء مواقع الإنترنت مثل ( جافا JAVA - PHP - XHTML ) تعتمد أساساً على فهمك للغة HTML
وسأضرب لكم مثال بسيط : << ضربو
عندما يكون لديك صفحة إنترنت HTML ، وترغب بإضافة بعض اكود لغة PHP للتخزين معلومات الزائر في قاعدة بيانات ؛ لابد لك أن تكون على دراية بلغة HTML حتى تستطيع ان تدمج معها php ، هذا مثال بسيط جداً .
تمام لهون .. !؟ الكل فهمان معي لهون .. ؟
شوووو ما سمعت ... الكل فهمااااااان .. !؟
هلء طبعا ً انا ليش طرحت هالافكار هي مو مشان وجعلكن راسكن او مشان زيد عليكن الحمل لأ .... بس مشان تعرفو شو الشي يلي عم تدرسوه انتو ... فهمانين عليي .. ؟
ايه الحمد لله
هلء رح إشرح آلية عمل اللغة و طريقة صنع الصفحات من خلال هذه اللغة
الإدوات المطلوبة :
برنامج ال Notepad يعني الدفتر او المفكرة و بيجي مع الويندوز
اي برنامج تصفح :)
كآسة شآي او فنجان قهوة او حتى شيشة إذا بدكن
و ركزو معي منيح يلا
اللغة بتعتمد ع شي أسمو اوساآم ...
يا يحيى نحن ما منفهم روق علينا شوي . . شو هي اوسام . . شو عم تحكي انت ....
اوكي حبيبي .. شوف المخطط يلي تحت و رح تعرف شو هي اوسام اخوي
وسم البداية وسم النهاية
i<HTML> </HTML>
<HEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>i
أكيد ما فهمتو شي صح .. :)
بعرف الحق معكن والله
طيب شوفو المخطط التاني
http://www.aljyyosh.com/vb/attachment.php?attachmentid=224&stc=1&d=1265392682
لا حدا يقلي ما فهم ....
يوه سامع واحد من بعيد عم يقول ما فهمت . .. yokyo بعدي راسك شوي .. . شو حبيبي ما فهمت .. ؟
تيب رح وضحلك المخطط بطريقة تانية :)
لا حول ولا قوة إلا بالله العلي العظيم
شوفني
http://img85.imageshack.us/img85/6765/217749700.png
يعني بالمختصر .... نبتدي صفحة الانترنت يلي بدنا نساويها بالوسم
<html>
و مننهيها كمان بالوسم
</html>
عنوان الصفحة رح يبدأ بالوسم
i<head>
<title> but your page address
</title>
</head>i
شفت الشرح كيف .. .!؟؟
نحن كل شغلنا اخواني رح يكون بقلب الوسمين
i<body>
</body>i
طبعا ً انا وضعت حرف i بالانكليزي لكي اغلق القوسين :)
تم رفق الصور بالمرفقات لعدم ضياعها