السلام عليكم ومرحبا بكم في دورة جديد على موقع المصمم الأول
قد جائني عدة طلبات على تقديم دورة حول كيفية تصميم موقع أو قالب بـ HTML5 و CSS3 و JQUERY وأخيرا قمت بالإستجابة لهده الطلبات وقمت بعمل مقدمة أو إعلان عن هده الدورة .

في هدا الفيديو سوف أقوم بإرائكم نبدة ملخصة عن الدورة وكدالك متطلبات الدورة أتمنى لكم فرجة ممتعة




تحميل محرر الأكواد من موقع الرسمي : http://www.sublimetext.com/2
تحميل محرر الأكواد على مركز الخليج : http://www.gulfup.com/?RFRto5

تحميل متصفح قوقل كروم : https://www.google.com/intl/fr/chrome/
تحميل متصفح موزيلا فيرفوكس : https://www.mozilla.org/fr/firefox/new/

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

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

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

المرحلة التانية: تانيا بعد الحصول على فكرة معينة قم بترجمتها على ورقة أي قم بكتابة موضوع الموقع أو فكرة الموقع و كدالك عليك رسم شكله وهدا ضرورى في الملرحلة القادمة.

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

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

المرحلة الأخيرة : في المرحلة الأخيرة سوف نقوم بتكويد الموقع بواسطة محرر الأكواد.

‎

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

فالعديد من مصممى و مطوري المواقع يحتاجون غالبا في تصاميمهم الي أيقونات | Icon وهدا لإضافة زينة للموقع وأيضا لتعريف بمحتوي الموقع
لدا المصمم أو مطور يلجئ الى مواقع أيقونات وهي كتيرة جدا ولد يقوم المصمم او مطور بتحميل أيقونات بصيغة PNG أو SVG  لأن هده الصيغ لا تتوفر على خلفية تكون
شفافة.

ولكن مشكلة التى يواجهها المصمم أو مطور هي عندما تكون الأيقونة بمقياس 32X32px ويريد جعلها بمقياس 100X100px فاأكيد أن أيقونة سوف تفقد جودتها وجماليتها

ولهادا لتفادى هده المشاكل تم وضع مكتبة FONT ICON التي توفر لك العشرات من أيقونات المجانية والتي يمكنك تكبيرها أو تصغيرها الى أي حجم تريد وأيضا إمكانية تغيير اللون

وفي هدا الفيديو سوف أريك طريقة إستعمالها وطريقة تحميلها تابع معي :

مرحبا بكم إخواني أخواتي في درس جديد من تقديم موقع المصمم الأول الدرس بسيط جدااا وإحترافي في هدا الدرس سوف نتعرف نعمل Slide text in  image

متال

مشاهدة الدرس

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

مميزات القالب 

1-قالب بسيط بألوان مريحة و بتقنية تصميم المسطح

2-قالب متجاوب مع جميع الشاشات وأحجام ومتصفحات

3- القالب مصمم بـ HTML5 و CSS3  

تحميل ومعاينة القالب 

طرق إستعمال القالب
إستعمل القالب كما تشاء
ولكن بشرط واحد وهو عدم مسح حقوق موقعنا وشكرا
وأنا لا أسمح لأي أحد يقوم بمسحها وبارك الله فيكم

باسوورد فك الضغط

first-designer.com

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

كما ترى في الصورة أعلاه فهده هي نتيجة الدرس و هي بتقنية 3D

اهم مشكل يقع فيه اي شخص بعد تعلمه ل CSS3  هو كيفية تطبيق ما تعلمه في تكويد مواقع او اجهات استخدام، و ذلك راجع لعدم معرفته بمجموعة من التقنيات المستعملة في التكويد، لذلك فسنبدأ سلسلة طويلة من الدروس العملية و تطبقية التي ستغطي الجانب النظري لديك ويكون لديك نظرة واضحة حول تكويد واجهات الاستخدام.