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

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

اليوم ، اخترنا 8 من أفضل المواقع لمساعدتك على جعل موقعك - ​​هذا صحيح - كل شيء قائم على الويب ومجاني.

التصميم

بالنسبة للكثيرين منا من المصممين ، قد نبدأ بتصميم موقع الويب. فهي تساعدنا على تصور ما نريده ونعطينا فكرة عن كيفية إعداد كل شيء والعمل. الآن سوف يستخدم المصممون مرات عديدة برامج مثل Adobe Photoshop أو Adobe Fireworks لإنشاء تخطيط. فيما يلي ثلاثة تطبيقات لتحرير الصور أعتقد أنها تستحق التجربة.

فينيكس من القفص

ماذا يقول المطورين:

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

ما يقوله الجميع:

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

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

عيوب هذا التطبيق ليست هناك الكثير من الفلاتر. هذا لا يهم كثيراً إذا كنت تقوم فقط بإجراء تغييرات أساسية على الصور (الاقتصاص ، التحويل ، إلخ) ، ولكن إذا كنت هنا لإنشاء تخطيط أو تصميم أكثر تعقيدًا ، فقد ترغب في تجربة تطبيق مختلف. أيضا ، يحفظ Aviary عملك بشكل افتراضي بموجب ترخيص Creative Commons ، لذلك ما لم تقم بإجراء تغييرات هناك ، فإنك ستشارك عملك في كل مكان. ويمكنه أيضًا نشر أعمالك ليراها الجميع عبر شبكة Aviary ، إذا اخترت ذلك.

محرر بواسطة Pixlr.com

ماذا يقول المطورين:

" محرر Pixlr هو محرر صور مجاني عبر الإنترنت مع لمسة بريفيسيونال. إصلاح وضبط وتصفية الصور الخاصة بك ... "

ما يقوله الجميع:

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

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

Splashup

ماذا يقول المطورين:

" Splashup ، سابقا Fauxto ، هو أداة تحرير قوية ومدير للصور. مع استخدام المتخصصين للمميزات والمبتدئين ، فهو سهل الاستخدام ويعمل في الوقت الفعلي ويسمح لك بتحرير العديد من الصور في وقت واحد. يعمل Splashup في جميع المتصفحات ، ويتكامل بسلاسة مع أفضل مواقع مشاركة الصور ، وحتى يحتوي على تنسيق ملف خاص به حتى يمكنك حفظ عملك في التقدم. "

ما يقوله الجميع:

هذا التطبيق هو مزيج جميل بين بساطة فينيكس ورقي محرر Pixlr. يبدو أنه تطبيق قريب - لكن ليس تمامًا - من تقليد Photoshop. أود في الواقع أن أقول أنها ليست بديهية ، حيث أن جميع الأدوات والأزرار ليست هي نفسها ويمكن أن تحصل على نوع من الخلط. ومع ذلك ، هذا لا يغير من قوة قدرات التصميم.

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

خلاصة القول ، على الرغم من ذلك ، هو Splashup قادر تماما على تصميم تخطيط الويب. للأسف مرة أخرى ، لا يقوم هذا البرنامج باستيراد ملفات PSD ، ولكنك أيضًا لا تحتاج إلى حساب لحفظ الملفات. يمكنك حفظها على قرصك الصلب بالإضافة إلى مجموعة من الأماكن الأخرى (مثل Flickr و Photobucket وغيرها).

سومو الطلاء

ماذا يقول المطورين:

" Sumopaint هو تطبيق اللوحة الأكثر تنوعا وتطبيقات الصور على الانترنت. تضم حاليًا أكثر من مليون مستخدم نشط شهريًا ومجتمع نشط. "

ما يقوله الجميع:

مثل الكثير من المحررين الآخرين ، تأخذ Sumopaint طعنة لائقة في عالم التلاعب والتصميم. ما يعجبني في Sumopaint هو دمج العديد من الأدوات التي تجدها في Photoshop والتي لا توجد في العديد من المحررين الآخرين على الإنترنت ، وبالتحديد الأدوات السحرية والشكل المخصص. يشبه الإعداد إلى حد كبير إصدارات Photoshop السابقة ، مما يجعلها بديهية للغاية.

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

هذا التطبيق يأتي بعدة لغات مختلفة ، مما يجعله متعدد الاستخدامات للغاية. تفتخر شركة Sumopaint بوجود مجتمع تصميم كبير يتألف من 4 ملايين شخص يشاركون ويتعاونون ويقيمون ويكملون أعمال بعضهم البعض. Sumopaint هي واحدة من أسهل استخدام (خاصة عندما تأتي من Photoshop) مع بعض الميزات الأفضل المعروضة.

الترميز

اعتمادا على تدفق العمل المطلوب ، يمكنك القيام بالتصميم والترميز الخاص بك في وقت واحد أو في مرحلتين منفصلتين ومميزتين. مهما كان التدفق المرغوب ، عليك أن ترمز لموقع الويب الخاص بك في مرحلة ما. هناك العديد من البرامج المختلفة القابلة للتنزيل التي نستخدمها لترميز مواقعنا ، اعتمادًا على ما نحب ، ولكنني قمت بتجميع أربعة من أفضل المصممين (ليس بالضرورة المطورين الذين يجيدون HTML أو CSS بطلاقة).

Drawter

ماذا يقول المطورين:

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

يتوفر Drawter حاليًا في الإصدار Pro ، مما يعني أنه مخصص لاستخدام مشرفي المواقع فقط - مطلوب معرفة HTML و CSS. إن Drawter ليس أداة للعلمانيين ، في الوقت الحالي ، لكن الفريق بأكمله وراء المشروع يبذل كل جهد لإطلاق نسخة جديدة تسمى "الهواة". قريبا سوف تكون قادرا على رسم مواقع الويب الخاصة بك دون أي معرفة HTML أو CSS. إطلاق عام 2010. "

ما يقوله الجميع:

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

يحتوي Drawter أيضًا على العديد من السمات المختلفة ويسمح لك بإدراج علامات النموذج ، وعلامات العنوان وأكثر من ذلك بكثير لـ HTML. هذا شيء عظيم بالنسبة لنا الذين لديهم تخطيطات تتطلب الكثير من العمل والاهتمام ، خاصة إذا لم نكن ماهرين في هذا المجال. أكبر تعثر تم العثور عليه لـ Drawter هو فقط في HTML4 - قد يجد البعض أن هذا الأمر كبير ، وبعضهم قد لا يفعل ذلك. أعتقد أنها واحدة من تلك الأشياء القابلة للتطبيق ، خاصة إذا كنت تعرف كيفية التعليمة البرمجية في HTML5 و CSS3.

يامل باني

ماذا يقول المطورين:

"ال يامل باني هي أداة لإنشاء تخطيطات CSS مبنية على YAML بشكل مرئي. يسمح هذا الإعداد بتحديد خصائص التخطيط الأساسية مثل عدد أعمدة المحتوى وتحديد مواضعها ، بالإضافة إلى إنشاء ديناميكي للتنسيقات القائمة على الشبكة عن طريق سحب وإفلات الألواح الفرعية. ليس تماما WYSIWYG ، ولكن قريب!

يعتمد التعليمة البرمجية التي تم إنشاؤها بواسطة Builder على بنية ملف قالب "Simple Project" ، بحيث يمكن نسخ النتيجة بالكامل ولصقها مباشرةً ، دون تغيير أي شيء. يتم إنشاء كلٍّ من ترميز XHTML المطلوب ، وتخطيط الشاشة ، بالإضافة إلى التعديلات الخاصة بالتخطيط لبرنامج Internet Explorer تلقائيًا. "

ما يقوله الجميع:

ويستند YAML Bulder مرة أخرى ، moreso حول CSS من موقع على شبكة الإنترنت من أي شيء آخر. ما وجدته جذابًا حول YAML هو الإعدادات المسبقة التي كانت موجودة بالفعل - لقد حصلت على موقع الويب الخاص بك على عمودين ، ثلاثة أعمدة ، وما إلى ذلك. هذا أمر رائع إذا كنت ترغب في إنشاء شفرتك أولاً ، ثم انتقل إلى أحد تطبيقات التصميم والأظافر أسفل مظهر موقع الويب الخاص بك.

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

مرة أخرى ، لا يدعم هذا المحرر HTML5 في الوقت الحالي.

jsFiddle

ماذا يقول المطورين:

" JsFiddle هو ملعب لمطوري الويب ، وهي أداة يمكن استخدامها بطرق عديدة. يمكن للمرء استخدامه كمحرر عبر الإنترنت لإنشاء القصاصات من HTML و CSS وجافا سكريبت. يمكن بعد ذلك مشاركة الكود مع الآخرين ، والمضمنة في مدونة ، إلخ. وباستخدام هذا الأسلوب ، يمكن لمطوري جافا سكريبت عزل الأخطاء بسهولة. نحن نهدف إلى دعم جميع الأطر التي تم تطويرها بشكل فعال - فهي تساعد في اختبار التوافق "

ما يقوله الجميع:

هذا بالتأكيد تطبيق أكثر للمطورين وتعليم المتخصصين هناك. اخترت jsFiddle لأنه يسمح لك بالعمل مع مكتبات JavaScript مختلفة مثل mooTools و jQuery. كما يسمح لك أيضًا بتصحيح جافا سكريبت لديك ومعاينة مظهر المنتج النهائي.

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

Kodingen

ماذا يقول المطورين:

"بدأت Kodingen مع شقيقين (Devrim و Sinan) معاً لإعطاء شيء ما لمجتمع المطورين."

ما يقوله الجميع:

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

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

أكبر تعادل هنا هو فقط أنه بيتا. فهي تحذرك قبل الانضمام إلى عنوان URL الخاص بك وملفاتك ، وقد تختفي في اليوم التالي ، لذا فهي توصي بهذا بالفعل للتفاعل والتعاون السريع. ومع ذلك ، إذا كان ذلك سيصبح إطلاقًا رسميًا ، فأعتقد أن أي شخص مهتم بتصميم وتطوير مواقع الويب يجب أن يحصل على هذا القطار. Kodingen هو كل شيء يتم تجميعه في واحد - لا يوجد ارتداد حول المواقع لجعل كل شيء يعمل معًا ، كل ذلك في مكان واحد ، مع خيار جعل الآخرين يسوقونك. لست متأكدا حقا أين يمكن أن يخطئ Kodingen.

استنتاج

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

ما التطبيقات والبرامج الأخرى التي تركناها خارج القائمة التي تحب استخدامها؟