بحث هذه المدونة الإلكترونية

الاثنين، 9 مايو 2011


جافا سكريبت

جافا سكريبت:- (بالإنجليزية: JavaScript‏) هي لغة برمجة وتأتي كلمة جافا من الإنجليزية وتعني جزيرة جاوة وهي جزيرة إندونيسية، ولا علاقة لمنشأ اللغة باسمها. طورت جافاسكريبت من قبل شركة نيتسكيب(Netscape) وصن مايكروسيستمز (Sun Micro systems). تختلف الجافا سكريبت عن لغة الجافا من شركة صن مايكروسيستمز والتشابه في الاسم لا يرجع لأنهما مثل بعضهما، وفائدة هذه اللغة هي بثّ الحياة إلى شبكة الإنترنت، حيث تستخدم لإنشاء صفحات إنترنت أكثر تفاعلية (ديناميكية).
يوجد نمطين للغة جافا سكريبت من حيث التنفيذ لدى العميل ولدى الخادم، الأول يقوم بتحميل الكود مع صفحة HTML ومن ثم تصبح العمليات التي يطلبها المستخدم تنفذ على جهازه أي ضمن المتصفح الخاص به والثانية تجبر المتصفح على الاتصال مع الخادم من أجل تنفيذ الأوامر وإعطاء النتيجة إلى العميل ليقوم بعرضها. ويعيب الأولى بطء تحميل الصفحة للمرة الأولى ومن ثم سرعة التنفيذ أثناء الجلسة ولكن الثانية تتميز بسرعة التحميل للمرة الأولى والبطئ في الاستجابة بسبب عملية الاتصال مع المخدم لدى كل طلب من الزبون
تزايد الاهتمام بالجافاسكريبت خاصة بعد انتشار تقنية الاجاكس AJAX والتي أدت إلى سرعة في التفاعل مع المستخدم.
وقد أنشئت هذه اللغة لتعمل بالكامل من خلال المتصفح، لذلك فلا يمكن استخدامها لإنتاج برامج تعمل وحدها دون المتصفح، وهي في ذلك مثلها مثل لغات الشبكة الأخرى كـ HTML وغيرهما.

الكائنات Objects

الكائنات Objects مثلا هي الصور والأزرار والصفحات والبيانات وكل ما في ذاكرة الحاسب من أشياء يتم التعامل معها كأنها كائنات. وكل كائن له خصائص تميزه وطرق (Methods) ووظائف (Functions) تستخدم للتعامل مع كل كائن للقيام بالوظائف الخاصة به.


المتغيرات Variables

تعتبر كذاكرات تحفظ قيما وتحمل اسما معينا ويمكن استرجاع القيمة أو تعديلها أئناء التشغيل الفعلي للكود (Run time)، كما أنه في لغة جافاسكربت يمكن تعديل نوع البيانات (Data Type) المخزنة في هذا المتغير أيضا أثناء التشغيل الفعلي للكود وتسمى هذه الخاصية تغيير النوع التفاعلي (Dynamic typing) . و تقوم بأنشائ المتغيرات عن طريق هذا الكود:: var nameOfVariable;


الدوال Functions

و تسمى أيضا وظائف.
وهي تجمع عدة تعليمات (Instructions) تحت اسم مرجعي واحد. فمثلا لطلب أن يقوم المتصفح بإظهار رسالة معينة للمستخدم ثم تلقي الإجابة منه نقوم بجمع هذه التعليمات في دالة (وظيفة) واحدة، وكلما تطلب الأمر تنفيذ نفس التعليمات السابقة نقوم باستخدام هذه الدالة فورا دون الحاجة لكتابة التعليمات مرة أخرى.


التكراريات Loops

تمكن من تنفيذ مجموعة تعليمات بطريقة تكرارية أو دورية.
ومنها:


الشرطيات Conditions

مجموعة تعليمات تنفذ في حالة تحقق شرط معين.
ومنها:

استخدام جافا سكربت في صفحات الوب

يمكن دعم جافا سكربت ضمن صفحة HTM لإنشاء دوال تفاعلية مع الصفحة وهذا ما تستخدمه العديد من الشركات امثال ياهوو وهوتميل. هنا مثال بسيط لصفحة وب محتوية على كود جافا سكربت:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html dir = "rtl">
  <head><title>صفحة وب مبسطة..</title></head>
  <body>
    <script type="text/javascript">
      document.write('مرحبا بالعالم!');
    </script>
    <noscript>
      <p>يبدوا ان متصفحك لايدعم الجافا سكربت او ان اعدادات الامان لاتسمح بذلك. اذا رغبت بالاستمرار في تنفيذ هذا البرنامج يجب حل المشكلة اولا!</p>
    </noscript>
  </body>
</html>
أو بطريقة أخرى
<script type="text/javascript">
var myname
myname=document.prompt('enter your name,'')
     document.write('مرحبا'+myname)
</script>

مايميز استخدام هذه اللغة في الوب هو مرونتها حتى في إعادة تعريف الدوال والمتغيرات بأحرف مرمزة بلغة أخرى مثل العربية وأبرز مثال هو برنامج المعالج الرياضي (حاول فتح الارتباط في صفحة جديدة كي لاتفقد هذه الصفحة! كما يجب أن يكون الترميز لديك هو العربية) الذي تم انشاؤه في إحدى صفحات Freewebs.com المجانية. مع انه لايفضل استخدام لغات غير الإنكليزية إلا أن الغرض هو اظهار مرونة هذه اللغة ووتبسيط الدوال للطلبة الناشئين (التي لاتسمح أعمارهم بفهم الدوال بـالانكليزية).
فمثلا يمكن إعادة تعريف دوال الجيب وجيب التمام الموجودة اصلا في مكتبة الجافا سكربت بالكلمات sin و cos لتصبح بالعربية جا وجتا كما يلي:
 جا = sin;
 جتا = cos;
مرسلة بواسطة في ليست هناك تعليقات:

الجمعة، 6 مايو 2011


فيجوال بيسك






Visual BASIC (أو فيجوال بيسك):-  هى بيئة تطوير و لغة برمجة من مايكروسوفت تستند إلى لغة البيسك الشهيرة. و هى تصنف ضمن لغات البرمجة الشيئية. منذ أن بدأت مايكروسوفت في اصدار الفيجوال بيسك و هى تلاقى نجاحا باهرا و شعبية لا بأس بها بين المبرمجين نظرا لسهولتها الشديدة في مقابل التعقيد الشديد الذى يواجهه أى مبرمج يسعى لبرمجة ويندوز باستخدام السى أو السى++. الا أن الفيجوال بيسك ربما تكون هى من أسؤ اللغات التى تكتب عليها برامج الويندوز الآن طبعا بعد الجافا.عموما تناسب الفيجوال بيسك تطبيقات قواعد بيانات و التطبيقات المخصصة للشركات الصغيرة و برامج الحسابات و هى مريحة و سهلة و تؤدى الغرض بالاضافة إلى أنها تسمح للمبرمج بالتركيز على حل المشكلة فغالبا ما لا يواجه صعوبات فنية أثناء كتابة برنامج بالفيجوال بيسك. و لكن بقى أن نذكر أن برامج الفيجوال بيسك لا تتم ترجمتها كاملة إلى لغة الألة مثل السى++ أو الدلفى و انما تترجم إلى كود وسطى يتصل مع مكتبة ربط تسمى ب"Run Time library" و اسمها MSVBMnn.dll مع ملاحظة أن حرفى ال"ان" يشيران إلى رقم الاصدارة.

لغة البرمجة فيجوال بيسك هي لغة ذات تصميم مرئي واجهة رسومية بعكس بعض اللغات مثل الاسمبلي ذات الشاشة السوداء . حيث تحتوي هذه اللغة على العديد من الاوامر بداخلها ولغة سهلة التطبيق تم تطوير هذه النسخة من البرنامج عن النسخة القديمة basic و التي تعمل تحت بيئة dos إلى هذه النسخة التي تعمل تحت بيئة وندوز . تعتمد اللغة في تطوير تطبيقاتها على الكائنات فهي تشبه العديد من لغات البرمجة الحديثة من حيث اعتمادها على الديناميكية و الاحداث. تعني الديناميكية في هذه اللغة القدرة على استدعاء اي اقتران او اجراء اعتمادا على الحدث. الحدث هو اي عملية يقوم بها مستخدم التطبيق على التطبيق مثل الضغط بزر الفارة او الضغط على احد ازرار لوحة المفاتيح او حتى تحميل نموذج. لتعلم اللغة يفترض بك اتقان التالي


مميزات الفيجوال بيسك

* لغة سهلة و سريعة لانشاء تطبيقات ويندوز.
* تدعم البرمجة الشيئية الا أن ذلك ليس بشكل كامل.
* تجربة برامج الفيجوال بيسك سهلة و سريعة لاعتمادها على مكتبة الربط خلال و قت التشغيل.
* تعتبر لغة الفيجوال بيسك لغة كائنية المنحنى
* سهلة التعلم والفهم
* سهولة اكتشاف الاخطاء فيها


عيوب الفيجوال بيسك

* عدم مجانية برامجها ،أي أنك تحتاج غالبا للدفع للحصول على ملفات مفتوحة المصدر
* لا يتم ترجمتها بشكل كامل إلى لغة الألة.
* لا تدعم كافة أشكال البرمجة الشيئية.
* المترجم نفسه به بعض الشوائب و التى تظهر في البرنامج المكتوب حتى في حالة خلو البرنامج المصدر من الأخطاء.

تاريخ الفيجوال بيسك

أنتجت شركة مايكروسوفت أول إصدار من لغة البيسك عام 1970م ، وسمي Basic والأسم يعتبر اختصار للكلمة للغة البرمجة العامة التسلسلية للمبتدئين ( Beginner’s All-Purpose Symbolic Instruction Code) ، وتوالت الإصدارات فظهر الإصدارات GW-BASIC, QuickBasic and QBasic ، و كلهم يعملون في بيئة Dos ، و مع انتشار بيئة ويندوز ظهرت فيجوال بيسك التي احتوت علي كثير من أوامر QBASIC وأضافت العديد من الوظائف التي جعلت من البرمجة بفيجوال بيسك يسره و سهلة . هناك الاآلاف من المواقع التعليمية للفيجوال بيسك و منها Visual Basic Tutorials

في عام 1999 تم افتتاح أول موقع عربي على الإنترنت يهتم بلغة فيجوال بيسك وهو http://www.vb4arab.com

في عام 2000 قامت مايكروسوفت بإنتاج النسخة المطورة VISUAL BASIC.NET والتي تعتمد على البرمجة الشيئية
مرسلة بواسطة في ليست هناك تعليقات:

 لغة ( PHP )

تتميز لغة PHP بالكثير من الخصائص التي جعلتها الخيار الأمثل لمبرمجي الويب في العالم :

السهولة:

تعتبر لغة PHP من أسهل لغات البرمجة تعلما، فهي تريحك من جميع تعقيدات إدارة الذاكرة وتعقيدات معالجة النصوص الموجودة في C من جهة، والكثير من الضعف الموجود في بينية وتصميم لغة البرمجة Perl من جهة أخرى.

تمتلك لغة PHP بنية وقواعدا ثابته وواضحة جدا، معظم قواعد اللغة مأخوذة من كل من C و Java و Perl لصنع لغة برمجة عالية السهولة والسلاسة دون فقدان أي من القوة في اللغة، يفيدك ذلك إذا كنت تعلم أي شيء عن لغات البرمجة الأخرى مثل Visual Basic أو C أو Java حيث ستجد دائما بأنك تفهم مواد الدورة بسرعة، وستكتشف كيف تقوم PHP بتسهيل أصعب الأمور وإذلال العقبات التي تواجه المبرمج حتى يتفرغ تماما للإبداع فقط، كل ما تفكر به تستطيع تنفيذه بلغة PHP.

السرعة:

لغة PHP من اللغات المعروفة بسرعتها العالية في تنفيذ البرامج، وخاصة في الإصدارة الرابعة من المترجم، حيث تمت كتابة مترجم PHP من الصفر ليعطي أداءا في منتهى الروعة، كما أن لغة PHP مصممة أصلا كنواة لمترجم، بحيث يمكن أن تضع هذه النواة في عدة قوالب أو أغلفة لتعمل مع التقنيات المختلفة، فيمكنك تشغيل مترجم PHP كبرنامج CGI مثلا، ولكن الأفضل هو إمكانية تركيب مترجم PHP على مزود IIS في صورة وحدة إضافية تضاف إلى المزود عن طريق دوال ISAPI، وتوجد نسخة أخرى منه تركب على مزود Apache أيضا في صورة وحدة خارجية، وتوجد أيضا نسخة مخصصة للدمج مع شفرة مزود Apache بحيث تصبح جزءا من برنامج Apache نفسه، وهي الطريقة الأكثر استخداما الآن في مزودات الويب التي تعمل على أنظمة UNIX وهي الطريقة التي تعطي أفضل أداء لمترجم PHP، حيث يصبح المترجم جزءا من المزود، وبالتالي فإنه سيكون محملا في الذاكرة بانتظار صفحات PHP ليقوم بترجمتها وعرضها للزوار مباشرة دون التأخير الإضافي الذي تتطلبه برامج Perl/CGI مثلا حيث يجب أن يتم تشغيل مترجم Perl مع كل زيارة للصفحة لترجمة الصفحة، ثم يتم إغلاق المترجم، ثم استدعاءه مجددا عند الزيارة الثانية وهكذا، وهذا يشكل فارقا كبيرا في المواقع ذات الضغط العالي بالذات، ويكون استخدام PHP حلا أفضل بكثير.

المزايا:

يأتي مترجم PHP لوحده محملا بعدد هائل من الدوال الجاهزة الاستخدام في جميع المجالات، من دوال المعالجة الرياضية والحسابية إلى دوال الوصول إلى قواعد البيانات ومزودات FTP، توفر لك دوال PHP مثلا وصولا إلى مزودات البيانات MySQL و PostgreSQL و MS SQL و Oracle وغيرها من مزودات قواعد البيانات، وهنالك أيضا مجموعة من الدوال لمعالجة ملفات XML، ودوال أخرى لإرسال واستقبال الملفات عن بعد باستخدام بروتوكول FTP، وهنالك مجموعة من الدوال لمعالجة وإنتاج الصور ديناميكيا وملفات Flash ديناميكيا، ناهيك عن جميع الدوال الخاصة بمعالجة النصوص والمصفوفات.

التوافقية:

كما قلنا سابقا، فعلى الرغم من أن هنالك الكثير من نسخ PHP التي يعمل كل منها في بيئة مختلفة، إلا أنها جميعا تشترك في النواة الأصلية التي تقوم بالمعالجة الحقيقة لملفات PHP لذا فإن جميع مترجمات PHP تتصرف بنفس الطريقة فيما يتعلق بتنفيذ السكريبتات، فإذا كان السكريبت الذي عملته يعمل على نظام Windows مع مزود IIS فيجب أن يعمل دون الحاجة لأية تغييرات عند نقله إلى مزود Apache، بالطبع تظل بعض الأمور البسيطة جدا التي يوفرها بعض المزودات دون غيرها، ولكن جميع البرامج التي كتبتها منذ أن بدأت تعلمي للغة إلى الآن تعمل على جميع المزودات دون الحاجة لأي تغييرات، إضافة إلى ذلك فإن التغييرات التي حدثت باللغة الأساسية من الإصدارة الثالثة إلى الرابعة قليلة جدا، وأغلب التغييرات كانت في البنية التحتية للمترجم.

الحماية:

يوفر PHP الكثير من المزايا المتقدمة، ولكنه يوفر لك الطرق المناسبة لوضع الحدود على هذه المزايا، فيمكنك التحكم بعدد الإتصالات المسموحة بقاعدة البيانات مثلا، أو الحجم الأقصى للملفات التي يمكن إرسالها عبر المتصفح، أو السماح باستخدام بعض الميزات أو إلغاء استخدامها، كل هذا يتم عن طريق ملف إعدادات PHP والذي يتحكم به مدير الموقع.

قابلية التوسع:

يمكنك توسعة مترجم PHP بسهولة وإضافة الميزات التي تريدها إليه بلغة C، وحيث أن الشفرة البرمجية للمترجم مفتوحة فإنك تستطيع تغيير ما تريده مباشرة لتحصل على النسخة التي تناسبك من المترجم، ويمكنك أيضا عمل الوحدات الإضافية التي تركب على المترجم لزيادة ميزاته والوظائف المبيته فيه، وفي قد قام فريق تطوير مترجم PHP مسبقا بعمل هذه المهمة وتحويل كمية ضخمة من المكتبات المكتوبة بلغة C إلى مكتبات مخصصة لتضاف إلى المترجم، ومنها حصلنا على جميع الميزات التي تحدثنا عنها مثل الوصول إلى قواعد البيانات ومعالجة ملفات XML.

تاريخ PHP

بدأت PHP كمكتبة من الدوال تضاف على لغة Perl لتسهل عمل برامج CGI بلغة Perl، وبعد أن تلقى Rasmus Lerdof بعض الاقتراحات بتحويلها إلى مترجم بسيط، قام بعمل ذلك المترجم وطرحه على الإنترنت وسماه PHP أو Personal Home Pages أي الصفحات الشخصية، فقد كان عبارة عن نسخة مصغرة من Perl مع بعض الميزات الإضافية للويب، ثم أضاف إليه دعما لنماذج HTML وسماه PHP2/FI، فقام مجموعة من المبرمجين بالعمل على مترجم PHP وأضافوا إليه واجهة تطبيقات برمجية API لتسهيل عملية توسعته فأصبح لدينا PHP 3، بعد فترة من الزمن قامت شركة Zend للتقنيات بعمل مترجمها الخاص للغة والذي سمي zend أيضا، وقد اتصف هذا المترجم بالسرعة العالية وقدراته المحسنة، وجمع مع مكتبات PHP الأخرى لتكوين نواة المترجم PHP، مترجم PHP الآن مقسم على قسمان: المترجم zend ويتم تطويره على مزودات CVS الموجودة في موقع zend والقسم الثاني يسمى PHP وهو عبارة عن المكتبات والدوال الأساسية التي تأتي مع البرنامج، يقوم مترجم zend بقراءة الملفات ومعالجتها والتعامل مع المتغيرات وتنفيذ البرنامج وتوفير واجهة تطوير للتطبيقات API لتوسعة اللغة، أما PHP فتحتوي الآن على مكتبات مكتوبة بلغة C ومتوافقة مع واجهة التطبيقات التي يوفرها مترجم zend، وبالتالي يعمل القسمان معا لتكوين مترجم PHP، وعندما تزور موقع PHP الرسمي الآن وتحصل على مترجم PHP جاهزا أو تحصل على الشفرة البرمجية الخاصة بك، فإنك تحصل على كل من مترجم zend ومكتبات PHP معا.
تطور PHP تطورا مفاجئا في الفترة الأخيرة، وتشير إحصائيا Net Craft إلى أن مترجم PHP هو أكثر وحدات مزود Apache انتشارات على الإنترنت، كما أن مترجم PHP مركب على حوالي مليوني مزود ويب على الإنترنت.


بنية ملفات PHP

ملفات PHP هي ملفات نصية بسيطة، تشبه في تركيبها ملفات ASP وملفات HTML بشكل عام، يتكون ملف PHP من قسمان، قسم HTML وقسم PHP، الملف بالصورة الطبيعية عبارة عن ملف HTML عادي، ولكنك تستطيع تحديد أجزاء معينة من الملف ليخرج فيها الملف من وضعية HTML إلى وضعية PHP، لإخراج الملف إلى وضعية PHP توجد عدة طرق :
1 - استخدام زوح الوسوم <?php و ?> كالتالي :
كود:
<?php
echo 'This is PHP output!';
?>
2 - استخدام زوج المختصر <? و ?> وهو يستخدم بنفس الطريقة السابقة ولكنه يكون بدون الكلمة php في وسم البداية، هذا النوع من الوسوم يحتاج إلى كمية أقل من الكتابة بالطبع، ولكنه يتعارض مع وسوم xml، لذا يقوم البعض بإغلاق ميزة الوسوم القصيرة حتى لا يحصل هذا التعارض ( يمكنك اغلاق هذه الميزة بسهولة عن طريق ملف إعدادات PHP ).
3 - استخدام زوج الوسوم ASP، وهو من اسمه زوج الوسوم المستخدم في ملفات ASP وهما <% و %>، ميزة وسوم ASP لا تكون فعالة بشكل قياسي ولكنك تستطيع تفعيلها عن طريق ملف إعدادات مترجم PHP.
4 - الطريقة الأخيرة هي استخدام زوج الوسوم التالي :
كود:
<script language="php" >
echo 'This is PHP output!';
</script>
ولكن هذه الطريقة غير مستخدمة الآن، حيث أنها تصعب عملية التمييز بين شفرات PHP وباقي ملف HTML، وكذلك بالنسبة لبرامج كتابة ملفات HTML التي تعطي تلوينا للشفرة فأغلبها لا يتعرف على هذا النوع من الشفرة ويعتبره جزءا من ملف HTML الاعتيادي.
أفضل الطرق السابقة للتحويل إلى وضعية PHP هو استخدام زوج الوسوم الأول بالطبع، حيث أنه الأكثر استخدامها، ولا يحتوي على أية تعارضات كما أنه يعمل على جميع مترجمات PHP مهما كانت إعداداتها، ولهذا السبب سنستخدمها في جميع الأمثلة التي ستجدها في هذه الدورة.

كتابة ملفات PHP
ملفات PHP هي ملفات نصية بسيطة تماما كما هي ملفات HTML، يمكنك كتابة سكريبت PHP بأي برنامج كتابة نصوص يتيح لك كتابة الملفات النصية البسيطة Plain Text مثل Notepad على النظام ويندوز، ولكن أغلبية مبرمجي PHP يستخدمون أدوات أخرى تسهل عليهم عملية البرمجة عن طريق تلوين الشفرات البرمجية، وتسهل عملية البحث عن الملفات واستبدال المقاطع من عدة ملفات في نفس الوقت، مثل HomeSite، على الرغم من أنك لن تحتاج إلى الكثير من هذه الميزات إلا أن استخدام Notepad في عمل ملفات PHP يعتبر أمرا صعبا جدا وخاصة في الملفات الضخمة حيث أن Notepad لا تتيح فتح الملفات الكبيرة، والمشكلة الأكبر هي أنها لا توفر ترقيما للأسطر، فإذا ظهرت لك رسالة الخطأ تشير إلى وجود خطأ في السطر 53 فلن تستطيع معرفة السطر المطلوب في Notepad إلا إذا قمت بالعد يدويا من السطر الأول وحتى 53 .. حسنا ماذا لو كان الخطأ في السطر 652، يمكنك البدأ بكتابة سكريبتاتك بالبرنامج المتوفر الآن إلى أن تحصل على برنامج آخر، يمكنك بالطبع فتح ملفاتك بأي محرر نصوص، فإذا كتبتها باستخدام Notepad فهذا لا يعني بأنك ملزم باستخدام Notepad في جميع ملفاتك أو حتى في هذا الملف.
لعمل ملف PHP الآن قم بفتح محرر النصوص الذي اخترته وابدأ بكتابة الصفحة التي تريدها، ولا تنسى إحاطة شفرات PHP بالوسوم الخاصة بها، ثم احفظ الملف في أي مكان في دليل مزود الويب الخاص بك وأعطه الإمتداد المناسب .php أو .php3 حسب إعدادات مزودك، ثم قم بزيارة الصفحة باستخدام المتصفح وستجد الصفحة وقد تمت ترجمتها وعرضها عليك.
تذكر بأنك يجب أن تزور الصفحة مرور بمزود الويب، ولا يمكنك عرض الصفحة عن طريق فتحها كملف خارجي، على سبيل المثال، إذا كان الدليل الجذري لصفحات مزودك هو : C:\httpd\
وقمت بعمل صفحة أسميتها test.php في ذلك الدليل، يجب أن تقوم الآن بتشغل مزود الويب وزيارة الصفحة على العنوان http://localhost/test.php، إذا قمت باستخدام الأمر Open من القائمة File في المتصفح لفتح الملف C:\httpd\test.php فلن ترى صفحة PHP مترجمة، وسترى شفرة PHP فقط.

تدريب

قم بتنفيذ ملف PHP التالي :
كود:
This is the normal html page.<br>
<?php
echo "This is inside PHP<br>";
echo "Hello World!<br>";
?>
ما الذي تشاهده عند تنفيذ البرنامج السابق؟ من المفترض أن تشاهد الخرج التالي :

كود:
This is the normal html page.
This is inside PHP
Hello World!
مرسلة بواسطة في ليست هناك تعليقات:

الخميس، 5 مايو 2011


Html



أولاً : ما هي هذه اللغة ؟ 
هي لغة : HTML
وهي أحرف اختصار لـ Hyper Text Markup Language .وتستخدم هذه اللغة في برمجة وإنشاء صفحات الإنترنت وبالتالي مواقع الإنترنت المختلفة ، وهي من أسهل اللغات وأبسطها في هذا المجال .



ثانيا : ما هي مميزات هذه اللغة عن غيرها ؟
لهذه اللغة ميزات عديدة عل أهمها :

1-عدم ارتباطها بنظام تشغيل معين ، وبالتالي فهي تعمل على أي جهاز وبأي نظام تشغيل .

2-إمكان استعراض الصفحات المبرمجة بها من على القرص الصلب دون الإحتياج إلى رفعها إلى خادم إنترنت .

3-يتم مباشرة تفسير الأوامر من قبل أي متصفح إنترنت كـ Internet Explorer & Fire Fox & Netscape .

4-بساطة قواعد اللغة فلا توجد بها قيود كثيرة .

5-إمكان إدراج ملفات الوسائط المتعددة أو Multimedia مما يعطي الصفحة حيوية أكثر .
6-إمكان ربط الصفحات ببعضها بأوامر بسيطة مما يسهل التنقل بينها .
ثالثاً : ما هي متطلبات العمل بهذه اللغة ؟

ليس للعمل بهذه اللغة متطلبات خاصة وإنما متطلباتها متوفرة على كل جهاز وعلى كل نظام تشغيل ومن أهم ما نحتاج :

1-برنامج لكتابة الأوامر ، وهو ليس برنامجا خاصاً ، بل أي محرر نصوص كـ Notepad & WordPad .

2- متصفح لترجمة الأوامر وعرض التصميم ، وقد ذكرنا الأمثلة أعلى .

3-والأهم في ذلك كله ألا وهو : معرفة الأوامر أو الأكواد .

وأَعلم أن هناك برامج صُممت لكتابة الأكواد كبرنامج PHP Coder فهو برنامج جيد جدا بحق فهو يقوم بتلوين الأوامر بألوان محددة فيكون الإطلاع عليها أسهل ، وكذا يلون الأوامر الخاطئة بلون محدد أيضا مما يسهل المراجعة الفورية وتصحيح الخطأ ، فمن كان عنده هذا البرنامج أو غيره فخير ، وإلا فالمفكرة أو Notepad تكفي بإذن الله .
*أكواد Html ؟
الأكواد أو كما يسميها البعض الوسوم Tagsما هي إلا مجموعة من الرموز تتيح التحكم في عرض النصوص والصور والجداول وما إلى ذلك .
والسمة العامة في تلك الوسوم أنها لها بداية ونهاية (باستثناء الوسوم التي ليس لها تأثير وإنما هي للإضافة كوسم الصور مثلا فهو يدرج الصورة وليس له تأثير ) ، يبدأ تأثير الوسم على كل الكائنات (الأشياء مثل النصوص مثلا ) بكتابة أمر البداية والذي غالبا ما يكون شكله <TAG> وينتهي عند وسم النهاية (الإغلاق) والذي يكون شكله </TAG>.
أمور أضافية يجب معرفتها وهي :

1- لغة Html لا تراعي حالة الاحرف من حيث كونها كبيرة أو صغيرة أي أنه في Html وضع <b> لا يختلف عن <B>.

2 - بعض الوسوم تحتاج الى وسم اغلاق وبعضها لا يحتاج.

3- Html لا تراعي المسافات وتعتبرها جميعا مسافة واحدة أي أن وضع مسافة واحدة بين كلمتين يساوي وضع مسافتين أو ثلاتة ويساوي وضع سطر جديد ويساوي وضع جدولة tab كلها تترجم الى مسافة واحدة ولكنتعتد بالمسافات وسط الكلمات بمعنى أنها تتعامل مع "بسم الله " على أنها كلمة واحدة وتتعامل مع بسم الله على أنها كلمتين . ويظهر هذا كثيرا معها . فلو أن لديك ملف إسمه pic 1.gif مثلا فلكي تتعامل معه اللغة بشكل سليم يجب وضعه بين علامتي تنصيص " " .

4- توضع الملاحظات (Comment) بين <!-و --> أي أن المتصفح يتجاهل أي شئ ب ينهما وكأنه غير موجود.

5 - قد تحتوي وسم الفح على خصائص أضافية او لا ولكن وسم الاغلاق لا يحتوي على خصائص أضافية أبدا.





*كيفية أنشاء صفحة أو مستند من نوع Html :
قبل أن تبدأ في تصميم الموقع هناك بعض الخطوات التي يجب أن تقوم بها أولا:
1- أولا قم بتخصيص مجلد مستقل يكون هذا المجلد خاص بمحتويات الموقع وسمه أي اسم وليكن
 "موقعي الجديد" مثلا.

2- بعد ذلك قم بفتح برنامج الدفتر عن طريق:
start >> programs >> accessories >> notepad.
بعد ذلك قم باختيار القائمة file ثم save as وسوف يظهر لك مربع حواري..قم بتحديد مكان المجلد
الذي خصصته من قبل كمجلد لموقعك. بعد ذلك أمام خانة file name اكتب اسم الملف index.html .

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

س: لماذا اخترت الاسم index.html للصفحة الأولى؟؟
ج: اخترت index لأن الصفحة الأولى لأي موقع يجب أن تكون بهذا الاسم لما له من أهمية عند تحميل الموقع على النت.أما بقية الصفحات التي سوف تنشئها فيما بعد فيمكنك تسميتها كما تريد.
أما بالنسبة للإمتداد html فهو الإمتداد الخاص بصفحات الويب.


4-اذهب إلى المسار الذي حددته ستجد هناك ملف لصفحة انترنت .
5-قم بعمل ضغطه يمين عليه واختار فتح باستخدام... أو Open with... واختار المفكرة فيفتح
كأنه ملف نص.

أنشء صفحة بسيطة
كل صفحة من صفحات الويب تمثل ملف Html
كود بلغة HTML:
<html> <head>              
 معلومات عن  الصفحة    
 <title >                              
 عنوان النافذة                                          </title>                               
 </head>              
  <body>      
  محتويات  الصفحة               
 </body>     
 </html>
* دائما تبدأ كتابة الأكواد بالأمر <html> وتنتهي بالأمر </html> .


*يكتب عنوان النافذة ومعلومات عن الصفحة بين الأمرين <head>..</head> .


*يكتب عنوان النافذة الذي يظهر في شريط العنوان للمتصفح بين الأمرين <title>..</title> .


*تكتب محتويات الصفحة بين الأمرين <body>..</body> .


1-يكتب عنوان النافذة (الذي يظهر في شريط العنوان) بهذه الطريقة :-
<html>
<head>
<title>
عنوان النافذة
</title>
</head>
</html>
2- توضع محتويات الصفحة بهذه الطريقة :
كود بلغة HTML:
<html> <head>         
 <title>                 
 عنوان النافذة                       
 </title>                  
 </head>         
 <body>           
 محتويات الصفحة من :          
  نصوص             
    صور          
    جداول            

 
  ارتباطات              

 
   أصوات               

 
 فلاشات                 
وغيرها..          . </body>       
 </html>




مثال:-افتح ملف المفكرة (كما سبق شرحه) واكتب فيه الأمر التالي:
<html>  بسم الله الرحمن الرحيم </html>


ثم تابع خطوات فتح الصفحة كما تعلمت بعد حفظ الأمر.
ستشاهد صفحة مكتوب في عنوان نافذتها مسار الملف ومحتواها فقط"بسم الله الرحمن الرحيم" .
تطبيق1 :
نريد كتابة الجملة الآتية.. " Web designing is very easy "
لعمل ذلك ببساطة اكتب العبارة بين قوسي البداية والنهاية للأمر body كم يلي :


كود بلغة HTML:
<html>
<head>
<title>  firstpage </title>
</head>

<body>

Web designing is very  easy

</body>
</html>


مرسلة بواسطة في ليست هناك تعليقات:
التسميات:

الأربعاء، 4 مايو 2011

ما هو تصميم مواقع الإنترنت؟؟؟


تصميم مواقع الإنترنت هو مهارة إنشاء عروض إلكترونية لمحتوى معين (نص-صور-ملف تعريف شركة).حيث يتم رفع هذا المحتوى الإلكتروني على جهاز خادم (سيرفر) ليتم استعراض محتويات هذا الملف على شبكة الإنترنت من أي مكان في العالم.
يمكن استخدام هذا الملف في عرض العديد من المعلومات، مثال:
  1. معلومات تجارية
  2. معلومات فنية
  3. معلومات إخبارية
يتعين على مصمم الويب التعامل مع العديد من صيغ الملفات الاكترونية كالنصوص والرسوم والفيديو والأشكال ومن أشهر هذه الصيغ:
  1. ملفات Jpg بأنواعها
  2. ملفات txt والملفات النصية الأخرى
  3. ملفات swf حيث ترتبط ارتباطا تاما بأغلب برامج الفلاش وأشهرها adobe flash
بالحديث عن تصميم صفحات الإنترنت سنتعرض إلى أنواعها المعروفة حاليا:
  1. الصفحات الثابتة (والتي لايتغير محتواها ولا تحتوي على أي عناصر متحركة.
  2. الصفحات الثابتة ذات المحتوى الديناميكي (يكون التصميم ثابتا ولكن يتم تلقين المعلومات إلى الصفحة عن طريق قاعدة بيانات مسبقة يتم التحديث عليها بشكل دوري
  3. الصفحات التفاعلية المتحركة وأحد أشهر هذه الأمثلة صفحات الفلاش.
  4. الصفحات ذات المحتوى الاتوماتيكي : وهذه الصفحات لا تتطلب الكثير من الجهد لتعديلها حيث أنها تستخدم مصادر خارجية لتحديث محتواها. مثال :صفحة جالب آخر الأخبار من موقع آخر.
مع تزايد التخصص في مجال تكنولوجيا المعلومات هناك اتجاها قويا لرسم خط واضح بين الإنترنت وتصميم وتطوير الشبكة.
تصميم ويب هو نوع من تصميم الرسوم المخصصة لتنمية وتصميم الأجسام لبيئة الإنترنت لتوفير معلومات ذات ميزة عالية وصفات جمالية للمستهلك النهائي. التعريف يفصل البرمجة عن تصميم المواقع الإلكترونية على شبكة الإنترنت، مع التركيز على السمات الفنية للموقع على شبكة الإنترنت، وكذلك تصميم المواقع على الشبكة العالمية كنوع من تصميم الرسوم البيانية. (المصدر : دينيس بروديف. باعتباره كائن التصميم الغرافيكي.
عملية تصميم صفحات الويب، ومواقع الإنترنت، وتطبيقات الإنترنت أو الوسائط المتعددة للويب قد تستخدم تخصصات متعددة، مثل الرسوم المتحركة، وكاتب جي، وتصميم الاتصالات، وهوية الشركة، وتصميم الرسومات، والتفاعل بين الإنسان والحاسوب، هندسة المعلومات، والتفاعل للتصميم والتسويق، التصوير الفوتوغرافي، ومحرك البحث الأمثل والطباعة.
مرسلة بواسطة في ليست هناك تعليقات:

السبت، 30 أبريل 2011

تخصص تصميم صفحات انترنت 
حيث يتيح هذا التخصص مواد برمجة كافية لكي تمكن الطلاب من تصميم موقع خاص لهم بعدة لغات برمجة منها( java /javascript/php ....................) وغيرها من اللغات والبرامج التي تدعم هذه اللغات التي ستذكر في مراحل اخرى 
وهذه المدونة قمت بعملها لكي افيد اكبر قدر من الزائرين بالمعلومات التي اكتسبتها من دراستي لهذا التخصص 
مرسلة بواسطة في ليست هناك تعليقات:
الاشتراك في: الرسائل (Atom)