المحتوى عن 'موقع ويب'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • الإدارة والقيادة
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML
    • HTML5
  • CSS
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • Sass
    • إطار عمل Bootstrap
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • نصائح وإرشادات
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • التسويق بالرسائل النصية القصيرة
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 2 نتائج

  1. اصنع نموذج تصميم موقع تعليمي متكامل بدءًا ببناء التخطيط الأولي، ومن ثم الانتقال لتصميم العناصر الفردية للصفحة. والنتيجة هي نسق صفحةٍ إلكترونيةٍ عصرية وجذابة وناضرة وجاهزة للبرمجة. وبأخذ العبرة من العديد من التصاميم العصرية للمواقع الإلكترونية، سوف ننتج هذا التصميم الجذاب والناضر. تشمل المميزات الأساسية على الأشرطة الأفقية التي تقسّم المحتوى لمناطق محددة مثل أن تكون منطقة رأس الصفحة مفعمة بالألوان وتعرّف عن الموقع، أو أن يكون هنالك رسالة ترحيبية بها أمثلة عن الأعمال الخاصة بالموقع، أو حتى نسق رئيسي ذو عمودين وذيل صفحةٍ مليء بالمصادر. البداية الأمثل لأي تصميم هي الرسم التخطيطي على ورقة، إذ أن التملك والتحكم بالقلم يساعد على تجسيد النسق الصعب بسهولة. إيجاد تخطيط شبكي (Wireframe) يساعد على تطوير شكلٍ هرمي، بالإضافة إلى إعطاء رؤية عن أفضل الأماكن للعناصر الأساسية في التصميم. أنشئ ملفًا جديدًا في فوتوشوب. بالنسبة لي، فأنا أميل لجعل حجم العمل الفني مشابهًا للحجم المتداول للشاشات الكبيرة، حيث أن هذا يعطي توضيحًا أفضل للشكل الكلي للموقع. ضع خطوطًا إرشادية بعرض "960 بيكسل " في منتصف صفحة الويب. واصنع شبكةً بسيطة لتساعدك على وضع عناصر الصفحة عليها. إبدأ بصناعة شريط رأس الصفحة، وارسم تحديدًا (Selection) يحيط بعرض الصفحة كلها ومن ثم املأها (Fill) باللون الأبيض. إضغط بشكلٍ مزدوج على الطبقة (Layer) لعرض تنسيقات الطبقة وقم بإضافة تغطية بالتدرج اللوني (Gradient Overlay) من اللون الأبيض للون الرمادي متدرج بشكل عمودي. فيما بعد، ارسم منطقة الرأس الأساسية حيث سيتم وضع المحتوى المميز فيها، وفي طبقة جديدة، ارسم تحديدًا (selection) ومن ثم أضف تدرجًا لونيًا باستخدامك للونين فاقعين، وقم أيضًا بإضافة ظل داخلي رقيق لإضفاء العمق على التصميم. اللمسات الرقيقة لنسيج التصميم بإمكانها أن تضيف الحياة للتصميم. وبينما يتم تحديد منطقة الرأس بواسطة قناع (Mask)، قم بالضغط على كل من أزرار CMD+SHIFT+C للقيام بنسخها بشكل مندمج وموحد، ومن ثم قم بإلصاقها على طبقة جديدة. ثم بالذهاب لقائمة "Filter>‏ Noise>‏ Add Noise" لخلق نسيج بسيط، ثم قم بضبط وضع المزج (Blending Mode) على الاختيار (Multiply) وقم بتقليل التعتيم حتى يصل للدرجة المناسبة. ألصق شعار الشركة، ومن ثم قم بتحريكه على الشاشة حسب الشبكة التي سبق أن أنشأتها. أضف بعض اللمسات من خلال خيارات نسق الطبقة (Layer Style Options) وأضف تدرجًا لونيًا ليتناسب مع ألوان قائمة الرأس المميزة، ومن ثم اصنع ظلًا داخليًا ناعمًا جدًا. استخدم أداة الكتابة (Type Tool) لانشاء نص على شريط التنقل الرئيسي للموقع، اجعل الخط بلون رمادي متوسط، بينما تقوم باستخدام درجة أغمق للرابط النشط. يعد رأس الصفحة البارز أو المميز منطقةً رائعة للتعريف عن الموقع، ومع ألوانٍ فاقعة في الخلف، فإنه يجذب التركيز الأكثر من المستخدمين. استخدم هذه المساحة لكتابة عنوان تقديمي مفاجئ وغير متوقع بخط معدل يتناسب مع العلامة التجارية للشركة. استمر بتجسيد المحتوى التقديمي، ولكن هذه المرة استخدم خط (Arial) أو (Helvetica) حتى تتمكن من وضع النص بتنسيق "html" التقليدي وبدون أساليب استبدال الصور. ضع صورة حاسوب محمول في المنطقة المميزة (وهنا مجموعة من الأمثلة)، وهذا يتناسب بشكل تام مع طبيعة الشركة التخيلية، وتوفر منطقة مركزية ممتازة لعرض أمثلة على الأعمال على شاشة الجهاز المحمول. قم بلفت الانتباه والتأكيد على هذه المنطقة المركزية بوضعك لتدرج لوني دائري منبعث من خلف الحاسوب المحمول. فإن هذا يضيف تفصيلًا صغيرًا يبرز العنصر عن باقي الصفحة. أما أسفل المنطقة الرئيسية في الرأس، فقم بعمل تحديد جديد واملأه بتدرج لوني بين الأبيض والرمادي. قم بتجزئة القسم الأوسط من الصفحة لعمودين باستخدام خطوط الإرشاد حسب الشبكة التي قمت بعملها، بحيث يكون المحتوى الرئيسي في العمود الأيسر، بينما يحتوي العمود الأيمن على شريط جانبي أقل سماكة. وباستخدام أداة الكتابة، قم بإضافة محتوى وهمي. ثم قم بتغيير الحجم والاتجاه لتعطي قطعة من النص سهلة في القراءة والفهم. أسفل منطقة النص الرئيسي، بإمكانك صنع منطقة لعرض آخر منشورات المدونة. قسِّم العمود لعمودين آخرين وثم أنشئ تحديدًا لمثال عن واجهة المنشور. ويجب أن تكون روابط العنوان واضحة للمستخدم حتى يضغط عليها، لذلك غيّر ألوانها لجذب الانتباه. استخدم أداة المستطيل المدور (Rounded Rectangle Tool) لرسم صندوق في الشريط الجانبي. ولا يهم اللون الأساسي، إذ سنغيّره في المرحلة التالية. اضغط ضغطة مزدوجة على الطبقة وأضف مجموعة من تنسيقات الطبقة، بما فيها التدرج بين الأبيض والرمادي، والحد الخارجي (Stroke) وظل داخلي ناعم. استخدم هذا الشريط الجانبي لصنع قسم خاص للإعلان عن آخر المشاريع المميزة على الموقع. بإمكان العناصر أن تكون عبارة عن قصاصات صور صغيرة ونصوص. ارسم مستطيلًا دائريًا آخر ليتم استخدامه كزر، ثم قم بإضافة القليل من تنسيقات الطبقة مثل التدرج اللوني والحد الخارجي (stroke) لإعطاء تنسيق للزر يتناسب مع الشكل الكلي للصفحة ذو اللون الرمادي الجذاب. اصنع علامةً وصفية وقصيرة للزر الذي يدعوا المستخدم للاستمرار في تصفح الموقع ورؤية المشاريع والأعمال التالية. قم بالإشارة لنهاية المحتوى بواسطة رسم منطقة ذيل للصفحة، ثم قم بتعبئة المنطقة بلون رمادي باهت لتمييزها عن منطقة المحتوى الرئيسي. ارسم ستارًا دائريًا ومن ثم عبّئه بتدرج لوني دائري بين الأسود والشفاف. قم بالضغط على CMD+T لتستطيع التحكم بالتحديد، ثم قم بضغط أو تمديد التدرج اللوني للحصول على رسم شبيه بالظل. حرِّك الظل لمنتصف الشاشة، ثم احذف المنطقة الزائدة فوق ذيل الصفحة. سوف تحصل على ظل رقيق يبرز الصفحة الرئيسية ويضيف بعض التفصيل للتصميم. تعد منطقة ذيل الصفحة منطقةً مناسبة لعرض العناصر الثانوية للصفحة، على سبيل المثال: بإمكانك وضع بيانات تسجيل الدخول الخاصة بالعميل. قم بتجسيد التصميم باستخدام أداة الكتابة، ثم ارسم صندوقي إدخال صغيرين، وقم بتنسيق الصندوقين بظل داخلي خفيف. استخدم المنطقة الوسطى لذيل الصفحة لكي تعرض رسالة معينة عن الشركة. اضبط النص باستخدام نفس خطوط رأس وحاشية الصفحة. وفي النهاية، أضف بياناتٍ للتواصل في يمين المنطقة السفلية. هذه التفاصيل سوف تصبح مفيدة للمستخدم عند استخدامه للموقع. قم بإبراز أهم الجوانب من خلال الحجم أو اللون. يشمل التصميم النهائي على كل العناصر المطلوبة بعناية بداخل الصفحة من خلال إبقاء كل شيء حسب الشبكة التي أنشأناها في البداية. والنتيجة هي تنسيق منظم وجذاب مع الكثير من اللون الرمادي الرقيق لإضفاء العمق للموقع، وعندها يتم استخدام الألوان لتحديد المناطق المميزة والمحتوى المهم. ترجمة -بتصرف- للمقال ‎Create a Clean Modern Website Design in Photoshop
  2. يمكن أن يكون إنشاء نشرة بريدية لموقعك الإلكتروني طريقة رائعة لإبقاء زوار موقعك المخلصين على اتصال بأحدث المستجدات في موقعك على الويب، حيث تربط القوائم البريدية المشتركين بموقعك ليعودوا إليه مرة أخرى ويحصلوا على المزيد من المواضيع التي تثير اهتماماتهم. لكن من أين تبدأ؟ وكيف يمكنك إنشاء نشرة بريدية بنفسك؟ الأمر ليس بهذه الصعوبة - إليك ما تحتاج لفعله! اختر خدمة التسويق عبر البريد الإلكتروني خطوتك الأولى في هذا المشروع هي اختيار منصّة التسويق عبر البريد الإلكتروني. سواء كنت تتطلع إلى إرسال رسائل البريد الإلكتروني التلقائية المنسّقة من محتوى موقعك على الويب، أو لصياغة نماذج مخصّصة لإرسالها كل أسبوع أو كل شهر، فإن معظم الخدمات ستوفّر ما تحتاج إليه. الاختلاف فقط في الميزات والأسعار المناسبة لك. هناك المئات من خدمات البريد الإلكتروني الرائعة. وفيما يلي بعض الأمثلة عليها. MailChimp: هذه المنصّة المشهورة هي رهان آمن للمبتدئين. إنها مليئة بالميّزات وتوفر ما يصل إلى 2000 جهة اتصال و 12000 بريد إلكتروني شهريًا. إنها مثالية إذا كنت غير متأكد من الالتزام. GetResponse: GetResponse عبارة عن منصّة شاملة في متناول الجميع تشمل التسويق عبر البريد الإلكتروني، والتشغيل الآلي، وتصميم الصفحة المقصودة Constant Contact: تهدف Constant Contact إلى تقديم خدمات تسويقية للشركات الصغيرة التي تُقدَّم إلى أكبر عدد ممكن من الأشخاص. يجعل محرر السحب والإسقاط القوالب سهلة الإنشاء. حدد المحتوى واصنع قالبًا اخترت منصّة التسويق؟ الآن يجب أن تتضمن منصّات التسويق قوالب البريد الإلكتروني التي يمكنك تخصيصها لتناسب العلامة التجارية والرؤية الخاصة بك. في حين أن هذه الخطوة ستختلف بناءً على الخدمة التي اخترتها، إليك بعض الأشياء التي يجب وضعها في الحسبان أثناء إنشاء قالب النشرة البريدية. يعتبر عنوان الموضوع هو أهم جزء في البريد الإلكتروني. فهو الفاصل بين أن يفتح المستخدم البريد الالكتروني أو يرسله إلى سلة المحذوفات. لا تضيع أي وقت هنا؛ اجذب انتباه المستخدم أو قدّم عرض أو أنشئ عنوان مستعجل. بناء الإثارة! استخدم الإعلانات التشويقية للمدونات أو المنتجات؛ عِدْ زوارك بشيء ما إذا زاروا موقعك، مثل نظرة حصرية على أحدث المشاركات أو المنتجات. لا تنسَ الدعوة التي تحثّ المستخدم على اتخاذ إجراء! يمكنك توجيه القرّاء إلى موقعك الإلكتروني باستخدام دعوة لاتخاذ إجراء CTA جاذبة وزر لا يمكن تفويته. الحد من تكرار رسائل البريد الإلكتروني، ولكن تأكد من أن تكون العملية متسقة، لأن إرسال رسائل بريدية أكثر من مرة أسبوعياً يمكن أن يسبّب إزعاجًا للمستخدمين. وتأخيرها لأكثر من شهر يمكن أن يُفقد المشاركة. استخدم الصور. رسالة البريد الإلكتروني النصية فقط مملّة. ضمِّن صورة كبيرة لجذب الانتباه وضعها على المحتوى الرئيسي. إذا كنت تسحب من خلاصة مدونتك، فستحتاج إلى استخدام ميزات RSS إلى البريد الإلكتروني. جمع المشتركين بمجرد أن يكون لديك قالب ثابت للعمل مع إعداد الأتمتة الخاص بك، تحتاج إلى الحصول على بعض المشتركين. تذكر الحصول عليها بطريقة شرعية من خلال موقع الويب الخاص بك ؛ لا يستحق شراء قوائم البريد الإلكتروني لأنها تضع موقعك في القائمة السوداء كنطاق غير مرغوب فيه. للبدء، تأكّد من أنه يمكنك الإعلان في أي مكان على موقع الويب الخاص بك، والترويج له في نهاية مشاركات المدونة. ضغ النموذج في رأس أو تذييل الصفحة الخاص بك؛ ضمّن "شريط الترحيب" الذي يحييّ المستخدمين ويدعوهم للانضمام. يمكن استخدام النوافذ المنبثقة عند وصول المستخدمين إلى نهاية المقالة أو ترك علامة التبويب. ضمّن جذب مغناطيسي رئيسي Lead Magnet في حملة البريد الإلكتروني الخاصة بك. على سبيل المثال ما الذي سيحصلون عليه إذا اشتركوا في نشرتك البريدية؟ كتاب إلكتروني مجاني؟ قسيمة؟ امنحهم سببًا للالتزام بك. إذا لم تكن تكتب مدونة، فكر في البدء بها. يمكن لمدونة عالية الجودة أن تجلب زيارات إلى موقعك على الويب، مما يعني المزيد من الفرص لكسب المشتركين! وتأكد من أن عملية الاشتراك سلِسة قدر الإمكان. يجب أن يكون نموذج الاشتراك متاحًا ومرئيًا في كل صفحة. اجعل تطبيق الاشتراك محط التركيز الأساسي. وتجنب وجود الكثير من النماذج. باختصار، اجعل من السهل العثور عليه وتعبئته. إنشاء رسائل بريد إلكتروني مقنعة قد يستغرق إنشاء نشرة بريدية الكثير من العمل، ولكن الأمر يستحق ذلك عندما ترى النتائج. ستحتفظ الرسالة البريدية بالزائرين السابقين الذين ربما نسوا موقع الويب الخاص بك بطريقة ما، بالإضافة إلى الحصول على معجبين جدد. إذا كنت تريد إنشاء المزيد من التفاعل مع زائري موقعك، فابدأ نشرة بريدية أسبوعية أو شهرية وشاهد الناس يعودون لرؤية أحدث مساعيك. مع وجود العديد من منصات التسويق عبر البريد الإلكتروني سهلة الاستخدام، أصبح بمقدور أي شخص إنشاء نشرة بريدية بكل سهولة. ترجمة -وبتصرّف- للمقال How to Start a Newsletter for Your Website لصاحبه Brenda Stokes Barron