الشرح رقم 5 - اساسيات HTML و CSS

السلام عليكم ورحمه الله 
سوف نتناول الآن كيفيه عمل الجداول فى لغه الـ html

نعرف جميعا ان الجدول يتكون من عده خلايا تشكل فى مجموعها صفوفا واعمده .

ونعرف ايضا ان كل عنصر يدرج فى صفحه html له التاج الذى يحدده .

فهل يمكنك ان تخمن ما هو التاج الخاص بإنشاء جدول ؟

نعم .. كما قد تكون توقعته إنه ببساطه شديده تاج <table> والتى تعنى بالعربيه جدول ..

هيا بنا نتعلم كيف نستخدمه ..

الشرح رقم 4 - اساسيات HTML و CSS

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

وصلنا الآن الى الجزء الرابع من شرح مبادئ تصميم صفحات الإنترنت بإستخدام html و css

وحتى هذه النقطه تعلمنا :

• كيف ننشئ صفحه انترنت من الصفر ونخبر المتصفح انه سوف يتعامل مع صفحه من النوع html
• نظام التاجات والوسوم فى html
• كيف نضع نصوص وعناوين فى الصفحه 

وسوف نتعلم الآن كيفيه وضع الصور والروابط و الجداول فى صفحاتنا...

الشرح رقم 3 - اساسيات HTML و CSS

بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله 
فى هذا الجزء من سلسله شرح اساسيات html و css سوف نقوم بملئ الصفحه البسيطه التى قمنا بإنشائها فى الشرح السابق
حيث فى الشرح السابق لأساسيات html و css   قمنا بكتابه كود صفحه انترنت بسيطه تحتوى على جمله واحده كانت : " لا اله الا الله . والحمد لله"
والان سوف نتعلم كيفيه اضافه المزيد من فقرات النصوص وكيفيه كتابه العناوين ...
وهناك شئ مهم اريد ان اوضحه قبل ان اكمل...

ما هى الـ html ؟

السلام عليكم ورحمه الله وبركاته

بالنسبه للمبتدئين تبدو بعض المصطلحات مثل html

غريبه وتحتاج الى خبراء الكمبيوتر والتقنيه العباقره لفك طلاسمها ومعرفه ماذا تعنى ..

الا انه فى الحقيقه مصطلح html يمكن تعريفه بسهوله كالتالى :

الـ html هى اختصار لـ " HyperText Markup Language "

وترجمه المصطلح هو : " لغه توصيف النص التشعبى "

ولا تدع المصطلح يخدعك ويوحى لك بصعوبه الموضوع فالـ html ببساطه عباره عن مجموعه من النصوص تسمى"الأكواد" يكتب أو يصمم بها صفحات الإنترنت 

الشرح رقم 2 - اساسيات HTML و CSS

قبل البدء فى كتابه كود البرمجه الخاصه بالصفحات 

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

1. اولا عندما نقوم بكتاب كود البرمجه للصفحه ويتم حفظها فى ملفا بإمتداد يناسب نوع لغه البرمجه الذى كتبنا به الكود . مثلا فى حالتنا هذه سنستخدم لغه الـ html وبالتالى يكون إمتداد الملفات التى كتبنا الكود بداخلها هو html مثال  : website.html
2.   هذه الملفات قما اتفقنا قبل ذلك تكون مخزنه على سيرفر وهذا السيرفر يرسل الملفات الى متصفح الإنترنت الخاص بالزائر
3. يقوم برنامج متصفح الإنترنت أى كان نوعه ( firefox - internet explorer - opera ...etc ) بتفسير الكود الذى كتبناه بداخل الملفات ومن ثم ينفذ هذا الكود ويحوله الى صفحات والتى نراها عند زياره اى موقع على الإنترنت

  

الشرح رقم 1 - اساسيات HTML و CSS

السلام عليكم ورحمه الله وبركاته 
سوف نقوم بإذن الله من خلال سلسله من الشروحات بتوضيح اساسيات الـ html و css
وكيف تستخدم لتصميم صفحات مواقع الإنترنت.
سوف نبدأ من الصفرعلى ان يكون الهدف من السلسله ليس بناء المواقع فى حد ذاته ولكن فهم الأساسيات التى ينبنى عليها تصميم المواقع من خلال لغه Html و css . 
وبالرغم انه من الأفضل للمبتدئين خصوصا استخدام برامج التصميم المشهوره مثل dreamweaver أو expression web . مما فى ذلك من سهوله وسرعه .
الا انه من الأفضل فهم هذه الأساسيات حيث تساعد على التعامل بشكل افضل مع برامج التصميم وفهم الكود البرمجى الذى تكتبه هذه البرامج .

فهيا بنا نبدأ ..
 

ايقونه الموقع .. هل هى مهمه ؟

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

والصلاه والسلام على أشرف المرسلين المبعوث رحمه للعالمين

ايقونه الموقع .. ما هى؟ وما هى اهميتها ؟ .. كيف اختارها ؟ .. وكيف اجعلها تظهر للزائرين ؟

اولا : ايقونه الموقع - Favicon 

هى تلك الصوره الصغيره عاده ما تكون مقاس 16x16 بيكسل  والتى تظهر بجانب عنوان ( رابط الصفحه ) وتظهر ايضا فى شريط عنوان الصفحه وايضا عند حفظ الموقع فى المواقع المفضله - Favourites - أو - Bookmark 

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