تصميم ويب سايت بسيط بخطوات سهلة على الفوتوشوب | design simple landing page in photoshop

#website #ويب_سايت #ويب #موقع_اليكترونى #تصميم_موقع #web_design
abd elwahab elfiky
senior graphic designer
whatsapp : [phone]
------------------------------------------
الأساسيات التي يقوم عليها أى موقع إنترنت
يتكون أى موقع على الإنترنت من ثلاث عناصر أساسية (اسم الموقع و عنوانه - الخادم الذي يوضع عليه ملفات الموقع - ملفات الموقع نفسه التي تعرض للمستخدم).
معنى تصميم الويب
المعنى من عملية تصميم الويب هو إنشاء موقع إنترنت مما يسمح بعرض المحتوى للمستخدم النهائي على شكل صفحة إنترنت عند طلبها والتي تحتوي على عدة عناصر مثل كالنصوص والنماذج البريدية والصور النقطية وكل ذلك يتم ترتيبه بواسطة إحدى اللغات المستخدمة مثل HTML, XHTML, و XML, و صفحات الطرز المتراصة, و JAVASCRIPT
أساسيات تصميم المواقع
من المهم أن يكون تصميم المواقع جيداً، فالمواقع التي بها محتوى جيد بتصميم ردئ أو لا ترتقي لمعايير المستخدم لن يكون لها نفع للمستخدم، أيضاً إذا كان المواقع ذو تصميم رائع لكن ليس بها محتوى جيد فهى عديمة القيمة، من المهم أن يجتمع العنصران - التصميم الجيد والمحتوى الجيد _لنجاح أى موقع على شبكة الانترنت.
التصميم والمحتوى
يجب ألا يتداخل التصميم خلفية التصميم مع المحتوى بأي شكل من الأشكال، المحتوى يجب أن يكون مقروءاً وواضحاً قدر الإمكان
سهولة التصفح
يجب أن يكون نظام التصفح سهل وواضح للمستخدم ولايحتاج منه جهد للوصول إلى الصفحة المراد الوصول اليها
يجب أيضاً أن تكون وصلات التصفح واضحة في الصفحة وفي مكان بارز
التصميم المتجانس وسهولة التحميل
التصميم المتجانس
يجب أن تكون صفحات الموقع متجانسة، فيتعرف عليها المستخدم كصفحة من صفحات الموقع حتى لو كانت الصفحات الداخلية بها اختلافات كبيرة عن الصفحة الرئيسية فيجب ان يجمع صفحات الموقع ككل شكل اساسي يمكن ان يميزة المستخدم.
سهولة التحميل
يجب ان يمتاز تصميم الموقع بسهولة التحميل، فعادة متصفح الإنترنت ليس له الصبر الكافي لينتظر تحميل موقع ما فترة طويلة، و إذا وجده يأخذ وقت أكثر من المعتاد لينصرف عنه، فيجب العمل على جعل الموقع يفتح بصورة سريعة.
أنواع مواقع الويب
بعد التطورات التي حصلت في مجال الإنترنت منذ اختراعها خرج نوعين من المواقع إلى الساحة. قسمت إلى نوعين:
مواقع ذات المحتوى الثابت
هذا النوع ظهر أولاً. على يد السير تيم بيرنرز لي مخترع الإنترنت. حيث عمل على إنشاء لغة
HTML
ليبني بذلك أول موقع ثابت. والمقصود بالثابت أي أن المحتوى لا يتغير تبعا للزائر بل الوحيد الذي يغيره هو صاحب الموقع أو مدير الشبكة. يستخدم هذا النوع اللغات المعروفة مثال على ذلك
HTML - CSS - XHTML
مواقع ذات المحتوى التفاعلي
مواقع المحتوى التفاعلي هي المواقع التي تمكن المستخدمين من اتمام عمليات محددة على الموقع مثل التسيجل أو نشر البوستات دفع الكتروني الخ، وهذه المواقع غالبا تكون ذات طابع استثماري لمالكيها
وقسمت إلى نوعين
محتوى تفاعلي ينفذ في الخادم
هذا النوع ظهر نتيجة الحاجة إلى توسيع مهام الشبكة (الإنترنت) . من مجرد كتابات مقروءة إلى تطبيقات ذكية تلبي حاجات المستخدم وتطوع قدراتها له حيث تمت التجربة الأولى بصنع موقع تفاعلي بلغة
Perl
ثم تبعتها اختراع لغة
PHP
المخصصة للتنفيذ على خواديم الشبكة (الإنترنت ) وقد أضيف لهذا المجال لغات وتقنيات أشهرها
PHP - Perl - Python - ASP - JSP
اندماج بارد
محتوى تفاعلي ينفذ عند المستخدم
وفي أثناء هذا التطور ظهر نوع آخر من المواقع التفاعلية ألا وهي المواقع ذات المحتوى الذي ينفذ عند المستخدم النهائي. ويتكون هذا النوع من عدة تقنيات تشمل:
جافا سكريبت
جي كويري
في بي سكريبت
ادوبي فلاش
الشكل النهائي للمواقع التفاعلية
حالياً لا تستطيع أن تفصل بين هذين النوعين من المواقع لاشتراك جميع هذه التقنيات معاً في تكوين موقع واحد ألا وهو موقع الإنترنت التفاعلي حيث ظهرت نتيجة هذا التزاوج تقنية AJAX.
برامج تصميم المواقع
أدوبي ميوز: في ويندوز وماك.
سكرييم: في لينكس.
كوانتا+: في لينكس وماك.
أدوبي دريمويفر: في ويندوز وماك.
مايكروسوفت فرونت بايج: في ويندوز (البرنامج تخلت عنه مايكروسوفت رسمياً).
مايكروسوفت إيكسبريشن ستوديو: في ويندوز.
طريقة تصميم موقع ويب
لإنشاء موقع على شبكة الإنترنت، تحتاج إلى اتباع 4 خطوات أساسية:
اولا : تسجيل اسم الموقع الخاص بك
يجب أن يعكس اسم الموقع الخاص بك منتجاتك أو خدماتك حتى يتمكن عملاؤك من العثور على عملك بسهولة من خلال محركات البحث، فمن المتوقع أن يتخيل المستخدم اسم موقعك بناء على المضمون الذي تقدمه.
سيتم أيضًا استخدام اسم الموقع الخاص بك ليتم إدراجه في عنوان بريدك الإلكتروني
ثانيا : العثور على شركة لاستضافة موقعك الإلكتروني
عند تصميم موقع ويب ستحتاج إلى العثور على شركة استضافة مواقع والتي تعد إحدى أهم المتطلبات لبناء موقعك، فيمكنك تشبيه الاستضافة على أنها مخزن معلومات أو بطاقة ذاكرة تخزن جميع معلوماتك وتحفظها من الضياع، حيث يقدم معظم مزودي خدمات الإنترنت هذه الخاصية بالإضافة إلى اسم الموقع الخاص بك، والتي ذكرناها آنفًا.
ثالثا: إعداد المحتوى الخاص بك
بداية يتوجب عليك امتلاك تصورك الخاص عمّا هي المحتويات الواجب إدخالها في الموقع ونشرها، سيساعدك هذا في معرفة الأقسام أو الصفحات التي تريد تضمينها، فكر في المعلومات أو المعاملات التي يريدها عملاؤك وتأكد من أن الموقع منظم بحيث يسهل عليهم العثور على الأشياء التي يحتاجون إليها بسهولة، فمثلما يوجد هناك محترفٌ لتصميم موقعك، فقد ترغب أيضٌا في التفكير في تعيين متخصص لكتابة المحتوى الخاص بك وتنظيمه.
رابعا : تصميم موقع الويب الخاص بك
يمكنك بناء موقع الويب بشكل فردي أو من خلال مطور ويب محترف وذلك سيتطلب الكثير من المال، لذلك في حال كنت تريد بناء موقعك بشكلٍ شخصي وتحت إشرافك، يتوجب عليك أولاً إنشاء حساب على موقع
WordPress
والذي يعد مرشدك الرئيسي في هذه الأمور، ومن ثم ربطه بموقعك لتبدأ حينها عملية البناء والتصميم.