Posts Tagged ‘تصميم المواقع’

السلام عليكم
++Notepad
من أفضل برامج تحرير الأكواد على الإطلاق لأنه يسهل عليك كثيراً في عملك ويعرض الاكواد البرمجية بطريقة مبتكرة
حتى تستطيع تتبع الاكواد والدوال البرمجية التي تكتبها ..
استخدمه في كتابة أكواد HTML و CSS و PHP  وصممت اكثر من موقع بإستخدامه .
ببساطة ++Notepad  ليس برنامج تحرير نصوص بسيط مثل المفكرة بل هو اكثر من هذا ويصل الى مستوى برامج تطوير البرمجيات المشهورة كـواجة التحرير في  Visual basic مثلاً
سأتحذث في هذه التدوينة عن أهم الميزات الموجدة في ++Notepad
أول هذه الميزات هي  تمييز الاكواد و الدوال
مثالا في لغة HTML يتم تمييز بداية ونهاية الاوسمة Tags باللون الارجواني بينما الخصائص داخل الوسم تعرض بلون أحمر والقيم باللون الازرق .
لمعرفة إدا كان هناك خطاء في كتابة الاكواد ام لا .. البرنامج لا يقوم بتلوين الدوال الخاطئة بهذا تعرف إنك اخطائت في كتابة احد الاكواد .
هذا مثال لكود صحيح

(المزيد…)

Advertisements

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

من اكثر ما يميز الجافاسكريبت عن لغات برمجة المواقع الاخرى هي ارتباطها الوثيق بلغتي عرض الصفحات HTML + CSS و سهولة الحصول على مؤتراث كثيرا جدا من خلال التلاعب بخصائص عرض الصفحات .

فكل وسم من وسوم HTML يمكن إدخاله في دالة او معادلة بسيطة للتعديل في طريقة عرضه وحتى إخفائه أو تلاشيه عند حصول حذث معين Event
كمرور الماوس على أحدى العناصر أو وضع مؤقت زمني لأظهار و تلاشي الصور على شكل شرائح Slide Show
وأفضل طريقة لمعرفة اهمية وبساطة  JS هو تنفيد مثال عملي عليه

<h1 style=”color: blue;” onclick=”this.style.color=’blue‘ “>Click Me!</h1>
<h1 style=”visibility: hidden;” onclick=”this.style.visibility=’hidden‘ “>Click Me!</h1>
<h1 style=”opacity: 0.6; background:gray;” onclick=”this.style.opacity=’0.6′,this.style.background=’gray‘ “>Click Me!</h1>

(المزيد…)

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

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