بسم الله الرحمان الرحيم
السلام عليكم إخوتي الكرام زوارنا الأعزاء على مملكة الربح من الأنترنت نلتقي
اليوم في درس عبارة عن معلومات مفيدة جدا لأصحاب المواقع والمدونات
للاستفادة من الخدمات المجانية التي تقدمها هذه المواقع ...
هذه المواقع تعتبر المرجع الوحيد لأصحاب المواقع عندما يتعلق البحث بشيء معين
جاهز كالصور والأيقونات أكواد وأزرار دون اللجوء على تصميمها بنفسه وذلك
لكسب مدة من الوقت لأن الوقت مفيد جدا خاصة لأصحاب المواقع الكبرى .
1- موقع Icone Finderللبحث عن الأيقونات المجانية:
الأيقونات من أهم المتطلبات التي يحتاجها مطورو مواقع الانترنت أو صاحب
المدونة للتعبير عن الروابط المختلفة ، مثل أيقونة صفحة الفيسبوك أو تويتر
،وكذلك يمكن استخدام الأيقونات داخل المواضع للتعبير عن بعض الأجزاء
والعناوين ، هذا الموقع يقدم منصة بحث عن أي أيقونة تريد ، ستجد نوع الترخيص
لكل أيقونة في الجانب الأيسر داخل صفحة الأيقونة:
2- تصميم صورة رمز الموقع الصغيرة ( favicon.ico ) :
www.favicon.cc
يوفر لك هذا الموقع أدوات بسيطة لتقوم بتصميم الرمز الخاص بموقعك، صورة
رمز الموقع هي عبارة عن صورة صغيرة من نوع خاص تسمى ( favicon.ico
) ، تظهر هذه الصورة في رأس برنامج المتصفح قبل اسم الموقع الخاص بك عندما
يقوم الزائر بتصفحه، وهي في الغالب تعبر عن توجه الموقع أو نوعية المحتوى
الذي يقدمه أو الخدمة المقدمة.
يقدم الموقع لوحة كبيرة فيها مربعات ، كل مربع بمثابة نقطة صغيرة في صورة
الرمز الذي سوف يتم تصميمه ، يمكنك الرسم على هذه المربعات ببساطه أو يمكنك
تحميل صورة ( Import Image ) ليتم تحويلها إلى صورة مصغرة تظهر أمامك
في المربعات الصغيرة للتعديل عليها إن أحببت . بعد الانتهاء من تصميم وإعداد
الصورة المصغرة ، انقر على ( Download Favicon ) لتحصل على الصورة:
3- صانع أكواد الـ CSS3 :
إن التقنية الجديدة ( CSS3 ) فتحت أبواب الإبداع لتصميم صفحات انترنت جذابة
وسلسة ، فمن خلالها يمكن إنشاء مربعات ذات صناديق دائرية ويمكن وضع ظل
على الكائنات والنصوص ويمكن إنشاء مؤثرات انتقالية عند تحريك المؤشر على
بعض الأجزاء ، وغيرها من الاستخدامات ،، هذا الموقع يسهل لك عملية تصميم
أكواد CSS3 وتعلمها في نفس الوقت قم باختيار ما تود إنشائه من القائمة وعدل
الخيارات وشاهد المثال وبعد ذلك يمكنك نسخ الكود ونقله إلى ملف تصميم موقعك
( Style.css ) :
4- تصميم الأزرار بواسطة CSS :
يقوم الموقع بإنشاء الكود الخاص بتصميم الأزرار في المواقع ( Buttons ) ،
يقدم لوحة سلسة لاختيار الألوان والأحجام وبقية الخصائص مع تقديم عرض حي
للشكل النهائي وعند الانتهاء من التعديل، يحصل المستخدم على الكود جاهزاً :
5- صانع القوائم بواسطة CSS :
www.cssmenumaker.com
يقدم لك الموقع عدة قوالب جاهزة مصمصة بواسطة CSSللقوائم التي يمكن
تركيبها أعلى الموقع أو في الجانب التي تستخدم لإدراج روابط أقسام الموقع ،
يمكنك تحميل الكود ثم تركيبه في موقعك :
6- بناء النماذج بأسهل طريقة :
النماذج ( Forms ) تستخدم للتفاعل مع الزوار، على سبيل المثال: نموذج
تسجيل الدخول وإدخال البيانات ونماذج استطلاعات الرأي، وغيرها، عبر هذا
الموقع ستقوم بتصميم وتنسيق النماذج كما في برنامج معالجة النصوص، وفي
الأخير تحصل على الكود :
7- الحصول على مخططات لونية Adobe Kuler :
يمكنك من خلال هذا الموقع مشاهدة المخططات اللونية التي أضافها المستخدمون
والتعديل عليها مباشرة من الموقع بما يناسبك باستخدام واجهة سهلة ومرنة
وجذابة، ستجد الكثير من المخططات اللونية الجذابة والأنيقة والتي شكّلها
أشخاص مبدعون من مختلف أنحاء العالم :
8- استخراج الألوان من صورة على الجهاز pictaculous :
قم برفع صورة من على جهازك إلى هذا الموقع ليقوم بعرض المخطط اللوني الكامل
لهذه الصورة يمكنك بعد ذلك نسخ الأكواد الخاصة بكل لون ، كما يعطيك مخططات
لونية مقاربة للمخطط اللوني المستخرج عبر موقع ( KULER ) وموقع (
ClolourLover ):
إلى هنا نأتي إلى ختام درسنا اليوم على أمل أن نلتقي من جديد في دروس قادمة إن
شاء الله وأتمنى أن تشترك في قائمتنا البريدية ليصلك كل ما هو جديد بالتوفيق
للجميع .
ليست هناك تعليقات:
إرسال تعليق