تصميم صفحه ويب جديده

- المحتويات:

٠ اساسيات لغه تصميم صفحات الويب

اولا: تصميم صفحات الويب (HTML)




وهذه اللغه هى المستخدمه لانشاء صفحات الانترنت .
وهى اختصار ل (Hyper Text Markup Language)
وهى ليست لغه برمجه بالشكل والمعنى المتعارف عليه فى لغات البرمجه الاخرى فهى لا تحتوى على جمل التحكم والدوران ولكن عند الحاجه لاستخدام هذه الجمل يجب تضمينها ب شفرات من لغات اخرى ك Java , Java script , CGI فهى لا تحتاج إلى مترجم خاص بها (Compiler)  فهى غير مرتبطه بنظام تشغيل معين لأنها بتغير وتنفذ التعليمات مباشره من قبل متصفح الانترنت .
فهى لغه بسيطه جداا
وسهله الفهم والتعلم
لاتحتاج الى لمعرفه مسبقه بلغات البرمجه و الهيكليه المستخدمه فيها
بل ما ما تحتاجه القليل من التفكير المنطقى وترتيب الأفكار .

- تتكون لغه HTML من :
١/ شفرات تسمى TAGS  اى بطاقه بيانية وهى تستخدم بشكل ازواج

- صيغتها :
تكتب( من اليسار الى اليمين ).
<TAG/>النص المكتوب بين العلامتين <TAG>

مثال : 
بطاقه البيانات <B> تستخدم لكتابه كلمات النص المراد بخط اسود عريض Bold وذلك بالشكل التالى :
<B> Text  </B>
حيث أن B : هى اختصار لكلمه Bold

- الهيكل العالم لبرنامج HTML :
مميزات هذه اللغه ان كتابه ملف HTML لا تتطلب ايه برامج خاصه فهى لغه لا تحتوى على برنامج مترجم بل نحتاج فقط إلى برنامج لتحرير النصوص البسيطه ومعالجتها وبرنامج المفكرة الموجود فى Windows يفى الغرض .

- البطاقات البيانيه الاساسيه اللازمه لتصميم صفحه الويب :

٠ شكل رموز البدايه:
<HTML>
<HEAD>
<TITLE>
<BODY>

٠ شكل رموز النهايه : 
</HTML>
</HEAD>
</TITLE>
</BODY>

يتألف كل زوج من البطاقات البيانيه أحدهما البدايه ، والآخر النهايه ويتميز شكل النهايه بوجود الرمز "/"

- ملف HTML يبدأ دائما بالجزء  <HTML>
وينتهى بالجزء  <HTML>

- أما رمز بطاقه البيانات HEAD  <> تحدد بدايه المقطع الذي يحتوي على المعلومات الخاصه ب تعريف الصفحه العنوان الظاهر على شريط عنوان المتصفح وهذا العنوان بيحتاج ان يوضع بين بطاقتين البيانات

  <TITLE>...... </TITLE> يجب بطاقه البيانات <HEAD/> لكى تنهى المقطع.

- بطاقه البيانات <BODY> والذي يتم كتابه نصوص على صفحه الويب بالاضافه الى ادراج الصور والجداول وباقي محتويات الصفحه و نحتاج الى بطاقه بيانات الانهاء <BODY/>


- التطبيق بصوره عمليه :

نقوم بفتح برنامج المفكره Notepad  ونكتب التالى .

 <HTML>
 <HEAD>
 <TITLE>
This is a test webpage
 </TITLE>
 </HEAD>
</BODY>
This is a First Trying to Design a Webpage
</BODY>
</HTML>

والان نقدم بحفظه فى اى ملف و باى اسم تختاره وكذلك الامتداد المستخدم فى اسماء ملفات HTML وهو HTM أو HTML
نقوم بانشاء مجلد مستقل على القرص الصلب لكى نحفظ هذه الجمل أن عليه لكى يسهل علينا عمليه استرجاعها للعرض أو التحديث ويكون الاسم بهذه الطريقه C: / HTMfiles

- للعرض :
نقوم بتشغيل متصفح الانترنت الذى نستخدمه فإذا كان Netscape Navigator نختار الأمر Open File من قائمه File