كيف يمكنني إنشاء موقع ويب بسيط من صفحة واحدة مثل themagicemail.com؟


الاجابه 1:

هناك عدم وجود أوراق أنماط "السمة" وأي علامة على وورد لأن هذه هي الطريقة التي نستخدمها لبناء مواقع ويب بسيطة.

حسن الطراز القديم HTML وورقة أنماط واحدة. لا أدوات البناء ، لا تثبيت الإطار.

مجرد index.html و style.css قد تسامح أن تفكر في مكان ما هو مجلد node_modules وشيء أكثر سحرية في الخلفية ربما يقدمون المحتوى من vps الخارجي عبر واجهة برمجة تطبيقات.

لا هذا ثابت.

وفر على نفسك قلقًا وقلقًا ، استخدم إطار عمل Css المفضل لديك إذا أردت ، ولكن ابدأ بـ html الخاص بك -

ملاحظة جانبية * استخدموا بادئ استجابة html5 boilerplate المستجيب من خلال النظرات في الرأس ، ترى كل تلك الرموز التي تعمل باللمس التفاح ، بالكاد يفعلها ذلك بأنفسهم

حدد الأقسام التي يتم تصميمها بشكل مختلف كما هو الحال في موقع الويب الخاص بك

  • عنوان الصفحة وعنوانها الفرعي
  • عنوان القسم
  • علامة اقتباس مع صورة واسم منسوب
  • جانبًا رئيسيًا يوضح ما هو نص البريد الإلكتروني

يمكنك تحديد هذه الأقسام والبدء في كتابة html ربما شيء من هذا القبيل

عنوان الصفحة

سطر شعار الصفحة

محتوى عام

نص ما يقوله الشخص الجميل

اسم الأشخاص اللطفاء

وهكذا تستمر في إضافة عناصر سليمة هيكليًا قدر الإمكان ، أنا شخصياً أحب الطريقة التي استخدموا بها الشكل لتشمل img و blockquote و cite.

ثم تضيف فئات css إلى العناصر وتبدأ في التصميم حتى تبدو الأشياء جيدة.

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

المضي قدما بزر الماوس الأيمن حفظ هذا الموقع اللعب مع رمز الناتج ومعرفة كيف يمكن تحرير البساطة.


الاجابه 2:

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

لصفحة واحدة مجانية جملة! القوالب ، يجب عليك زيارة:

قوالب جملة مجانية وقوالب مجانية على الصفحة جملة

و

80+ جملة مجانا! نماذج ، متوافقة مع الجوّال!

بالنسبة إلى مظاهر WordPress ، يجب ألا تفوت:

وورد المواضيع - مواضيع Joomla و Wordpress المستجيبة

،

أرشيف التنزيلات - WooSkins

و

مرحبا ، نحن ثيمات البحرية! - ثيمات البحرية

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

هذا المنتج ، على سبيل المثال ، هو أحد منتجاتهم:


الاجابه 3:

سهل! بالطبع ، شريطة أن تكون الأداة صحيحة. في هذا الصدد ، قدم

تنعيم

نظرة.

https://blog.smoove.io/wp-content/uploads/2018/04/image1-1-768x380.png

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

أنا بما في ذلك

بيان تفصيلي

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

حظا سعيدا!