انقر على W للعودة إلى لوحة التحكم الرئيسية وإنشاء الموقع الجديد!
اضغط على كل ماهو جديد من الفديوهات

اخبار عن الواحة نيوز : هى جريد شاملة ولة موقع رياضة وفن وصحافة واخبار وموقع فديو الواحة
www.wahanwes.comللمزيد اضعط على موقع الجريدة 

قائمة الفديوهات السياسية

                                الواحـة نيـوز المــصـورة 

اضغط على الفديو

اعجاب للفديو

PLAN السوبر

$ 75 / اثنين

مثالية لأية شركة مع 20 موظفا أو أكثر. 

  • 500GB التخزين
  • 1 مليون  مرات مشاهدة الصفحة
  • 20 المتعاونين
  • 50 الشبكات الاجتماعية
  • قسط الدعم
ماذا ترى
ملاحظة:  عليك أن تفهم كيفية تصميم شيء من هذا القبيل مع المفاهيم أدناه.
ما  كتل  انها مصنوعة من
شعبة بلوك
شعبة بلوك

H2 مداخل PLAN السوبر

نص بلوك 75 $ / اثنين

الفقرة مثالية لأية شركة مع 20 موظفا أو أكثر. 

قائمة
  • قائمة البند
    500GB  التخزين
  • قائمة البند
    2 مليون  مرات مشاهدة الصفح
  • قائمة البند
    120المتعاونين
  • قائمة البند
    5000الشبكات الاجتماعية
  • قائمة البند
    قسط  الدعم

انها محاولة لنفسك

سحب هذه الفقرة ...

كافة الميزات من دون قيود. كل ما يمكنك تناول الطعام. (وهذا هو العنصر الفقرة)

TIP:  انقر واسحب عنصر الفقرة أعلاه وأسقطه تحت السعر على اليمين. يمكنك أيضا استخدام اختصارات مثل نسخ ولصق (CTRL + C و CTRL + V)، نسخ أثناء سحب (عقد بديل)، وحذف (حذف مفتاح). 
في كتلة الأرجواني ...

سوبر PLAN

$ 75 / اثنين
INFO:  هذه هي الطريقة التي يعمل HTML وشبكة الإنترنت هيكل - عناصر كومة تحت بعضها البعض أو داخل بعضها البعض. هذا هو أفضل وسيلة لبناء موقع على شبكة الانترنت السوائل واستجابة.
# 2 عناصر التخطيط

عناصر التخطيط الأساسية

إضافة عناصر إلى موقع الويب الخاص بك عن طريق النقر على [+] رمز في أعلى الزاوية اليسرى. وفيما يلي بعض من أهم العناصر الأساسية هيكل في تصميم مواقع الإنترنت - أقسام والحاويات والأعمدة. 

A القسم يستغرق 100٪ من عرض نافذة المتصفح إذا كنت إضافته إلى الهيئة (قماش من موقع على شبكة الانترنت).
انه لشيء رائع بالنسبة للأقسام أفقية كبيرة من موقع على شبكة الانترنت.

القسم العنصر

وعاء هو كتلة 960px تركزت في منتصف المتصفح. عادة ما يضاف معظم محتويات موقع داخل حاوية بحيث انها تركز عليه. عادة ما تضاف الحاويات إلى الهيئة أو عنصر القسم.

العنصر الحاويات

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

أعمدة تستجيب
# 3 تصميم مع CSS

التصميم العناصر الخاصة بك

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

زر سبيل المثال تصميم
إضافة إلى العربة ➜
أسلوب بنفسك
زر نص ➜
TIP:  هذا الزر بالفعل فئة "زر" مع بعض الأنماط الأساسية. حدد زر ومحاولة إضافة الانحدار، والحدود، تدوير الزوايا، داخل / خارج الظلال، تحوم أنماط الدولة، والانتقال لأنماط تحوم - كل باستخدام لوحة الاسلوب.
ما قمت بإنشائه
زر نص ➜
تطبيق 'زر' الفئة
زر النص
TIP:  في تصميم مواقع الإنترنت يمكنك تطبيق فئة إلى العديد من العناصر لجعلها تبدو متشابهة. تطبيق "زر" الفئة التي تطلق على الرابط أعلاه بالضغط على [+] في الجزء العلوي من لوحة نمط وكتابة "زر" للعثور على تلك الفئة. 
المثال تصميم النموذج

شكر!

صخرة بك الجوارب بلدي!

عفوا! حدث خطأ ما أثناء تقديم النموذج :(

أسلوب بنفسك

شكرا! وقد وردت تقريركم!

عفوا! حدث خطأ ما أثناء تقديم النموذج :(

TIP:  أولا إنشاء فصول للحقول النص وزر (تطبيق نفس الدرجة لكلا الحقلين). ثم تغيير أنماط الحدود ولون الخلفية، وإضافة أنماط لتحوم والدول الضغط عليه. لا تنسى أن أسلوب "النجاح" دولة للعنصر نموذج، وجدت في لوحة الإعدادات (جير أيقونة في أعلى اليمين). 
الطباعة سبيل المثال

يكوود ستاوت

البيرة المظلم من يكوود بولاية كولورادو

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

"أنا وضعت هذه البيرة المجيدة أن أعرب عن خالص لا يموت الحب لبلدي المدينة الجميلة."

- جبال مان

أسلوب بنفسك

يكوود ستاوت

البيرة المظلم من يكوود بولاية كولورادو

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

"أنا وضعت هذه البيرة المجيدة أن أعرب عن خالص لا يموت الحب لبلدي المدينة الجميلة."

- جبال مان

TIP:  المضي قدما وإضافة الطباعة حسب الطلب والأساليب لالخلفية. غيض باردة: إذا قمت بإضافة أنماط الطباعة إلى كتلة الأم، وكلها عناصر النص أبنائها سيرث هذه أنماط النص. في CSS ويسمى هذا السلوك "المتتالية". 
# 4 تخطيط مع CSS

تخطيطات بناء شبكة الإنترنت مع CSS

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

الهامش والحشو سبيل المثال
أخبار عاجلة

وكلاء الاتحادية تداهم Gunshop، العثور على أسلحة

صاحب المحل ستيف Witmere اعتقل سابقا لتداول blackmarket بازوكا. يعترف بتورطه في المافيا الروسية.

بين البازوكا عديدة وجدت في gunshop كان عشرات الآلاف من اللوحات التي تم الحصول عليها بطريقة غير مشروعة تقدر قيمتها ما لا يقل عن 10،000 $. ل thats ثمنا باهظا لدفع ثمن هذه اللوحات البكم.

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

وكلاء الاتحادية تداهم Gunshop، العثور على أسلحة

صاحب المحل ستيف Witmere اعتقل سابقا لتداول blackmarket بازوكا. يعترف بتورطه في المافيا الروسية.

بين البازوكا عديدة وجدت في gunshop كان عشرات الآلاف من اللوحات التي تم الحصول عليها بطريقة غير مشروعة تقدر قيمتها ما لا يقل عن 10،000 $. ل thats ثمنا باهظا لدفع ثمن هذه اللوحات البكم.

TIP:  ابدأ بإضافة الحشو على جميع الاطراف من كتلة رمادية الرئيسي (العنصر الأصلي). ثم يضاف الهامش السفلي لإضافة التباعد بين عناصر النص الفردية (عناصر الأطفال). تلميح: اضغط SHIFT أثناء استخدام التحكم في الهامش / حشوة لتطبيقه على جميع الاطراف وALT لتنطبق أيضا على الجانب الآخر.
"العرض: كتلة" أمثلة

ومن المقرر عرض هذا البند: بلوك

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

زر مع العرض: كتلة كتلة: زر مع شاشة يقع هذا الارتباط لعرض: كتلة يقع هذا الارتباط لعرض: بلوك
الوصف:  سوف ضبط عناصر "عرض ضبط لكتلة جعلها كومة فوق بعضها البعض وملء 100٪ عرض كتلة الأم. معظم العناصر فعلا هذا الإعداد الافتراضي. 
جعلها "العرض: كتلة" نفسك
هذا هو زر هذا هو زر على الروابط العرض: مضمن افتراضيا الروابط العرض: المضمنة افتراضيا
TIP:  اختر هذه العناصر (بعضها مضمن كتلة وبعضها مضمن) وجعلها العرض: كتلة بحيث كومة فوق بعضها البعض. 
"العرض: مضمنة كتلة" مثال
الوصف:  سوف ضبط عناصر "عرض ضبط لالمضمنة بلوك جعل العرض من كتلة تتفق مع عرض محتويات داخله. وهذا يعني إذا محتواها صغيرة بما يكفي أنها يمكن أن كومة بجانب بعضها البعض. يمكنك نسخ لصق الأزرار أعلاه وتحرير النص الداخل لنرى كيف يعمل.
جعلها مضمنة منع نفسك
تحميل تحرير
TIP:  اختيار العناصر المذكورة أعلاه وجعلها العرض: مضمن كتلة حتى كومة بجوار بعضها البعض. سترى أن الصور كومة بجانب أزرار. نصيحة: سوف يسقط الأزرار والصور في كتل شعبة منفصلة جعلها كومة فوق بعضها البعض (لكتل الدرجة هي العرض: كتلة افتراضيا).
تطفو سبيل المثال

انضم الى النشرة الاخبارية

شكرا! وقد وردت تقريركم!

عفوا! حدث خطأ ما أثناء تقديم النموذج :(

الوصف:  إعداد العرض: مضمن بلوك أو عائمة (هذا المثال) هي الطرق الأكثر شيوعا لكومة العناصر جنبا إلى جنب. في هذا المثال سوف تظهر لك كيفية تعويم شيء. 
تطفو بنفسك

انضم الى النشرة الاخبارية

شكرا! وقد وردت تقريركم!

عفوا! حدث خطأ ما أثناء تقديم النموذج :(

TIP:  أولا حدد حقل النص، وجعلها تطفو: اليسار وإعطائها عرض النسبة المئوية (مثلا: 60٪). ثم تعيين الزر لتعويم: يسار وكذلك وتعيين آخر عرض النسبة المئوية (مثلا: 40٪) لذلك هم على حد سواء تضيف ما يصل الى 100٪. هذا هو وسيلة يدوية لإجبار أي عنصر إلى كومة جنبا إلى جنب. 
مطلق الوظيفة مثال

كأس نظري جو

هذا هو نص كلام الصورة.

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

كأس نظري جو

هذا هو التعليق على الصورة للي كوب من جو المفضلة لديك.

TIP:  أولا تحديد عنصر صورة الغلاف وتحديد موقف لنسبي. التالي حدد التسمية التوضيحية، جرها إلى وضع صورة انها الوظيفة إلى المطلق واختيار مسبق 7. لوضع شارة مميزة في المكان الصحيح اختيار مسبق 2 وضعه يدويا.
# 5  الأنماط المتتالية

استخدام الأنماط المتتالية

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

مشترك أنماط زر سبيل المثال
زر عادي
الرابط
الزر الأحمر
زر عادي
تصميم أزرار نفسك
الرابط
الزر الأحمر
TIP:  حدد الزر الثاني وانقر على [+] إلى جانب فئة لإضافة فئة أخرى. يمكنك أن نسميها "الخضراء". ثم تعطيه أنماط مختلفة. وهذه الأنماط تجاوز الأنماط قاعدة من الدرجة الاولى. ثم إنشاء الزر الأحمر. 
# 6 استفسارات وسائل الإعلام

تصميم لأجهزة مختلفة

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

استجابة سبيل المثال مداخل

هذا هو بعض نص العنوان الذي يحصل على أصغر في الأجهزة النقالة.

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

جعل هذا النص عنوان كبير الحصول على أصغر في الأجهزة النقالة.

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

العمود 1

هذا هو بعض النصوص داخل كتلة شعبة.

العمود 2

هذا هو بعض النصوص داخل كتلة شعبة.

العمود 3

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

العمود 1

هذا هو بعض النصوص داخل كتلة شعبة.

العمود 2

هذا هو بعض النصوص داخل كتلة شعبة.

العمود 3

هذا هو بعض النصوص داخل كتلة شعبة.
إصلاح ذلك بنفسك
TIP:  حدد العمود أو عنصر صف فوق (يمكنك أيضا استخدام شريط التفصيلي في الجزء السفلي أو لوحة المستكشف على اليمين للعثور عليه)، انتقل إلى إعدادات عنصر (رمز الترس في أعلى الزاوية اليمنى) وتأكد من أعمدة كومة على الأجهزة النقالة.
# 7 الموارد

إلى مزيد من المساعدة؟

كنت حصلت عليه! هناك طن من الناس تعلم Webflow وتصميم مواقع الإنترنت كل يوم. مكان عظيم للبدء هو دروس الفيديو. ثم على رأس أكثر من مركز الدعم أو منتدى المجتمع. 

دروس الفيديو

tutorials.webflow.com

المنتديات

forum.webflow.com

مساعدة محرر مستندات

help.webflow.com

(يمكنك النقر على الروابط أعلاه من خلال الذهاب في وضع المعاينة - رمز العين في أعلى الزاوية اليسرى)