2013-06-15

كيف أبدأ تعلم تصميم موقع على الإنترنت

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

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

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

البداية الصحيحة لتصميم المواقع
 1.تعلم الفوتوشوب
شئ أساسى لأى مصمم هو أن يمتلك فكرة ولو بسيطة عن برنامج الفوتوشوب لتصميم البانرات والخلفيات لتحسين مستوى الموقع لأن أغلب المواقع تعتمد على الصور فى الشكل.
(يمكن الإستعانة ببرنامج فوتوشوب أون لاين)

2.تعلم لغة HTML
هذه هى لغة الويب الأساسية على الإنترنت وهى لغة فى غاية البساطة ويمكن تعلمها فى فترة وجيزة وسنتحدث عن دروس لتعلم هذه اللغة فى تدوينات قادمة بإذن الله.

3. تعلم لغة CSS
هذه الأكواد هى المسئولة عن التنسيق فهي تهتم بالخطوط، الألوان، الهامش، والعرض والارتفاع، صورة خلفية الموقع، وكيفية توزيع المساحات.

4. تعلم لغات JAVA SCRIPT , Php , ASP "
وهذه لغات برمجة متقدمة تستخدم فى تطبيقات الويب والمواقع المطورة وسوف نتطرق إليها فى الفترة القادمة
 
البرامج المستخدمة فى تصميم المواقع
 1.برنامج الفوتوشوب Adope photoshop
لإستخدامه فى تصميم الشعارات والبنرات والخلفيات

2. إستخدام محرر النصوص++ Notepad
كثير ممن يبدأ تصميم المواقع يبدأ بإستخدام البرامج لتصميم المواقع ولكن  إذا أردت التعلم الصحيح للأكواد كيفية كتابتها والغرض من كل كود فعليك بإستخدام Notepad


notepad++
فيمكن أن تفتح أى صفحة ويب بإستخدام المفكرة الموجودة بالويندوز ومعرفة الأكواد التى تحتويها ولكن بإستخدام++ Notepad
فهو يقوم بتحرير لغات برمجة عديدة وتلوينها وترتيبها .
البرنامج مجانى يمكن تحميل آخر إصدار له من هنا

3. برنامج فرونت بيج Frontpage
هذا البرنامج يساعد فى بناء موقع فى أسرع وقت وبدون أن تتعلم أى لغات برمجة فهو يشبه إلى حد كبير محرر الأكواد CKEditor الذى أضفته فى موضوع سابق فيمكن تنسيق الصفحة وإضافة الصور والنصوص وتتم ترجمتها إلى أكواد التى يكون بالإمكان حفظها كصفحة ويب.

4.برنامج دريم ويفر Dreamweaver
هو برنامج يحتاج إلى إحترافية أكثر لإنشاء وإدارة تطبيقات ومواقع الويب والتعامل معها فبه مجموعة متقدمة من الأدوات التي تساعدك على الارتقاء بمستوى خبرتك في تصميم مواقع الإنترنت.

2013-06-03

تبادل إعلانى على مدونة الوان الويب

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

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

ترحب مدونة الوان الويب بالتبادل الإعلانى برابط نصى أو بانر مصور مع المدونات والمواقع .

شروط التبادل الإعلانى :





web-colors-banner

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

2013-06-01

فوتوشوب أون لاين

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

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

فوتوشوب أون لاين أداة هامة جدا للمصممين للتحرير السريع للصور دون الحاجة إلى تسطيب برنامج الفوتوشوب .
وهى خدمة مقدمة من موقع pixler


محرر الأكواد online Html editor

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
محرر الأكواد أون لاين أداة هامة جدا لكل من يعمل بتصميم الويب ولذلك إخترت محرر الأكواد  CKEditor لما له من مميزات رائعة سهولة فى الإستخدام على أى مبتدئ.

مميزات محررالأكواد: CKEditor 
يشبه إلى حد كبير برنامج فرونت بيج لتصميم صفحات الويب .
البرنامج به إمكانية تعديل الأكواد أون لاين بدون برامج .
يمكن إجراء معاينة للصفحة وحفظها أيضًا.
يمكن بكل بساطة  إضافة الصور والفلاشات وإنشاء الجداول على صفحات الويب .
يمكنك الإختيار بين 63 لغة من بينها اللغة العربية من خلال القائمة المنسدلة .

إضغط على الصورة

2013-05-31

محول الأكواد Html converter


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

محول أكواد
 Html

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


لمحة عن ألوان الويب والتعلم عبر شبكة الإنترنت

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


web-colors


العلم من خلال شبكات الويب  ليس له حدود فعندما تبحث عن معلومة ما، تجد لها أكثر من طريقة لعرضها وربما تحتاج إلى جمع المعلومات من أكثر من موقع لتكتمل الصورة وتصل إلى المعلومة الكاملة.
لذلك سأحاول - بإذن الله- من خلال مدونة الوان الويب عمل موسوعة تعليمية عن كل ما يخص الويب من برمجة وتصميم وتعلم كل شئ عن المواقع الإجتماعية "الفيس بوك، تويتر، جوجل بلس" 
والآن سأجيب على بعض التساؤلات ...
ما هى ألوان الويب؟
ألوان الويب هى الألوان التى تستخدم بشكل أساسى فى تصميم مواقع الويب وهذه الألوان تكتب على هيئة أكواد بلغة Html حيث كل لون يمثل رمز معين.
لماذا سميت المدونة بهذا الإسم؟
لأن المدونة سوف تعتمد بشكل أساسى على التركيز على تعلم التصميم و برمجة الويب .
فمازلنا نتعلم كل يوم الجديد ومع التحديثات التى تطرأ كل يوم على الأمور التقنية لابد من تعلم المزيد .
كما قال النَّبِيُّ صَلَّى اللَّهُ عَلَيْهِ وَسَلَّمَ ، يَقُولُ : " اللَّهُمَّ انْفَعْنَا بِمَا عَلَّمْتَنَا , وَعَلِّمْنَا مَا يَنْفَعُنَا , وَزِدْنَا عِلْمًا إِلَى عِلْمِنَا "
 أتمنى من الله أن تفيد هذه المدونة كل من يتابعها .