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

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

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

كيفية إنشاء مواقع الويب باستخدام نظام Mac.

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

على الرغم من أنك ستكتشف قريبًا أن هناك برامج يمكنها إنشاء صفحات ويب كاملة دون لمس سطر واحد من التعليمات البرمجية ، أنصحك بالتعلم ، إذا لم تكن قد فعلت ذلك بالفعل ، ما هي مفاهيم اللغة الأساسية HTML y CSS التي تعمل ، على التوالي ، على إنشاء هيكل صفحة الويب وتحديد مظهرها البياني.

في الواقع ، فإن اللغات المستخدمة في إنشاء صفحة ويب أعلى بكثير. ومع ذلك ، لتكون قادرًا على الحصول على الحرية بسرعة حتى في حالة حدوث مشاكل ، فإن الحصول على فهم أساسي لـ HTML و CSS أكثر من كافٍ.

برامج لإنشاء مواقع الويب باستخدام Mac

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

BlueGriffon

البرنامج الأول الذي أود أن أدعوكم للنظر فيه هو BlueGriffon. في هذه الحالة ، هو برنامج مجاني ومفتوح المصدر يسمح لك بإنشاء صفحات ويب في WYSIWYG (ما تراه هو ما تحصل عليه). لذلك ، بفضل واجهة رسومية تعمل بالإشارة والنقر ، ولكن أيضًا مع إمكانية الكتابة كود HTML مباشرة.

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

لتنزيله على جهاز Mac الخاص بك ، المتصل بموقعه الرسمي ، انقر فوق العنصر تحميل ستجده في الأعلى وانقر على الرابط أدناه شعار macOS ( OS X ).

عند اكتمال التنزيل ، ابدأ صفقة.DMG تم الحصول عليها سابقًا ، ومن خلال النافذة التي تفتح على الشاشة ، اسحب أيقونة البرنامج في المجلد تطبيقات Mac ، ثم انتقل إلى الأخير ، وانقر بزر الماوس الأيمن على الرمز BlueGriffon وانقر على فتح  مرتين على التوالي ، لتجنب قيود Apple على برامج المطورين غير المعتمدة.

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

أخيرًا ، باستخدام الأزرار الموجودة في الجزء السفلي ، يمكنك اختيار ما إذا كنت تريد عرض المحرر في وضع WYSIWYG أو في وضع المصدر أو مع كلا العرضين في وقت واحد (عرض مزدوج). يدعم BlueGriffon أيضًا تثبيت المكونات الإضافية ، المجانية والمدفوعة ، والتي تسمح لك بتوسيع الوظيفة. بعضها مثبت بالفعل "قياسي" ويمكنك العثور عليه بالذهاب إلى القائمة أدوات> الإضافات.

إضافات

إضافات، بدلاً من برنامج لإنشاء مواقع الويب ، فهو برنامج "متعدد الاستخدامات" مخصص لعالم إنترنت- يتضمن متصفحًا يعتمد على محرك Gecko ، وعميل بريد إلكتروني ، و الدردشة لشبكة IRC وقارئ RSS وبالطبع محرر HTML الذي بفضله يمكن إنشاء و تحرير صفحات الويب ، أيضًا في وضع WYSIWYG (الملحن).

إنه برنامج مفتوح المصدر ، مترجم بالكامل إلى الإيطالية ومتوافق مع أنظمة التشغيل Windows و macOS و Linux.

لتنزيله على جهاز Mac ، المتصل بهذه الصفحة ، حدد العنصر نظام التشغيل macOS x64 من القائمة المنسدلة المتعلقة بـ OS، العنصر إيطالي - إيطالي من القائمة المنسدلة لتحديد اللغة والنقر على الرابط تحميل الآنلتنزيل ملف تثبيت البرنامج على جهاز الكمبيوتر.

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

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

برنامج Adobe Dreamweaver

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

من بين أمور أخرى ، يتوافق Dreamveawer مع عدد كبير من لغات الويب ، بما في ذلك CSS و PHP و JavaScript و ASP ، وبالتالي يمكن استخدامه لإنشاء مواقع إنترنت كاملة وكاملة. كما يمكنك أن تتخيل ، هذا البرنامج متاح مقابل رسوم ، ولكن من الممكن اختبار جميع ميزاته مجانًا لمدة 30 يومًا.

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

عند اكتمال التنزيل ، افتح حزمة .dmg التي تم تنزيلها مسبقًا ، وانقر نقرًا مزدوجًا فوق الرمز الخاص بملف تثبيت البرنامج ، واتبع المطالبات لإنهائه. انقر فوق الزر تسجيل الدخول لتسجيل الدخول إلى Adobe ID الخاص بك (إذا لم يكن لديك ذلك ، فاضغط بدلاً من ذلك تسجيل وكتابة البيانات المطلوبة) ، تشير إلى بياناتك مستوى الكفاءة من Dreamweaver ، له الاحتلال الحالي ويحدد من سيقوم بتثبيت البرنامج.

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

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

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

XAMPP

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

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

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

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

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

بمجرد بدء تشغيل الخوادم المطلوبة ، عد إلى علامة التبويب ترحيب وانقر على الزر افتح مجلد التطبيق لفتح مجلد HTDOCS في الباحث ، الذي يجب نسخه سجل من موقع الويب الذي تقوم ببنائه. لعرض عملك ، قم بتشغيل متصفح من اختيارك (مثل Safari) واتصل بالموقع http: // localhost: 80 أو انقر فوق الزر طلب مفتوح تعلق على الشاشة الرئيسية XAMPP.

طرق أخرى لإنشاء مواقع الويب باستخدام Mac

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

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

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

حتى الآن الإدخال حول كيفية إنشاء مواقع الويب باستخدام Mac.