4 أشياء تحتاج إلى معرفتها قبل إنشاء موقع الويب الأول.

4 أشياء تحتاج إلى معرفتها قبل إنشاء موقع الويب الأول.

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

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

بناء موقع الويب الخاص بك هو خطوة كبيرة. هناك الكثير من الأشياء الجديدة التي ستحتاج إلى تعلمها. ومن النظرة الأولى ، الأمر ليس جميلاً. الكثير من المختصرات ، HTML ، CSS ، HTTP ، RSS ، SEO - إنها لغة جديدة بالكامل للتعلم.

البداية مخيفة. أنت الطفل الجديد في المدرسة ، إنه اليوم الأول في الوظيفة.

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

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

عليك أن تبدأ في مكان ما. نعم سوف تكون مرتبكًا ونعمًا ستقع في أخطاء ونعمًا ستشعر وكأنك أحمق يسأل أسئلة سخيفة. لكنني فعل ذلك ، وكذلك فعل الجميع. كان على الجميع البدء مثلك تمامًا - لا يعرفون شيئًا عن مواقع الويب والتشويش.

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

لم أحصل على دورة كمبيوتر واحدة. قبل أن أنشأت هذا الموقع ، كنت مستخدمًا لموقع الويب ، ولم أكن خالقًا. SEO ، RSS ، HTML لا تعني شيئًا بالنسبة لي. لكن ببطء وبإصرار واصلت الذهاب والتعلم. والآن أعرف الكثير عن مواقع الويب. إنه ليس شيئًا ليليًا - إنها عملية.

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

الخطوة الأولى هي أن ترغب في موقع على شبكة الإنترنت. أنت الآن في الخطوة الثانية: تعلم كيفية إنشاء موقع ويب.

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

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

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

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

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

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

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

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

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

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

بمجرد فهمك أساسيات HTML ، من السهل معرفة التفاصيل. ما عليك سوى إجراء بحث سريع باستخدام Google لأي أسئلة محددة حول HTML. يمنحك الفهم العام لـ HTML القدرة على معرفة ما يجب البحث عنه وتحقيقه عندما تجده. على سبيل المثال ، إذا كنت بحاجة إلى إضافة جدول ، فابحث عن "table html" وستجد أمثلة لا حصر لها لجداول HTML. مع المعرفة الأساسية بـ HTML ، ستتمكن من مسح الأمثلة بسرعة وسحب ما تحتاجه.

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

3) أنت بحاجة إلى معرفة CSS.
يمكنك إنشاء موقع إلكتروني يعتقد أن CSS تعني Christ Super Star. لكن القيام بذلك سيكون خطأ. CSS لتقف على أوراق الأنماط المتتالية.

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

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

الميزة الرئيسية لـ CSS هي أنه يمكنك فصل التخطيط ومظهر الموقع من محتوى موقع الويب. يمكّنك هذا من إجراء تغييرات على مظهر موقع الويب بالكامل عن طريق تغيير قيمة واحدة. على سبيل المثال ، عندما تريد تغيير حجم الخط لكل نص فقرة على موقع الويب الخاص بك من حجم 10 إلى 11 ، كل ما عليك فعله هو تغيير قيمة الحجم لـ <p> في ورقة الأنماط. سيؤدي تغيير هذه القيمة الواحدة إلى تغيير حجم الخط لكل الفقرات في موقعك على الويب. من الواضح أن هذا أسهل كثيرًا ، ثم الذهاب إلى كل صفحة ويب في الموقع وتغيير حجم الخط.

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

أفضل طريقة للتعرف على CSS هي إجراء بعض البرامج التعليمية. تحتوي W3 Schools على برامج تعليمية رائعة تمكّنك من تشغيل CSS. تتيح لك البرامج التعليمية إجراء تغييرات في CSS وتسمح لك بمشاهدة التأثيرات على صفحة الويب على الفور. من خلال التغلب على الأمثلة ، ستختبر قوة CSS.

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

4) أنت بحاجة إلى معرفته حول إنشاء موقع وإدارة البرامج.
في نظرية ... كل ما تحتاجه هو NotePad

من الممكن إنشاء موقع الويب الخاص بك بالكامل باستخدام Microsoft Notepad. من الممكن أيضًا قراءة pi إلى 10،000 مكان. ولكن لمجرد أنه من الممكن لا يعني أنه شيء تريد القيام به. أفضل طريقة لإنشاء موقع ويب هي استخدام برنامج إنشاء وإدارة الموقع الإلكتروني.

في الواقع ... أنت بحاجة إلى موقع مصمم البرمجيات

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

ولكن من الناحية العملية دون فهم أساسي ل HTML و CSS ، فإن برنامج إنشاء موقع جيد بالفعل سيحصل عليك فقط حتى الآن على موقع إلكتروني. ستحتاج إلى إجراء التغييرات التي يسهل القيام بها يدويًا عن طريق تحرير HTML ثم باستخدام الواجهة المرئية. يمكنك قضاء 20 دقيقة أثناء استخدام الواجهة المرئية أو 10 ثوانٍ لتعديل قيمة HTML يدويًا.

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

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

دريمويفر - أفضل (وأغلى) مصمم الموقع

حاليًا ، فإن برنامج تصميم مواقع الويب Rolls Royce هو Adobe Dreamweaver CS5. لديها كل ما يمكن أن تريده وتحتاجه في برنامج إنشاء المواقع. بطبيعة الحال ، فإن الراحة والسهولة تحمل تكلفة - تبلغ تكلفتها حوالي 400 دولار.

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

لمعرفة كيفية استخدام Dreamweaver ، استخدمت نفس استراتيجية التعلم الخاصة بـ HTML. اشتريت Dreamweaver CS5 For Dummies للحصول على نظرة عامة على ميزاته ثم بحثت عن التفاصيل على الإنترنت. في غضون ساعات كنت مرتاحًا مع التصميم والأدوات السهلة في Dreamweaver.

CoffeeCup - مصمم موقع جيد للحصول على سعر جيد

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

إذا كان مبلغ 50 دولارًا أمريكيًا أعلى من ميزانيتك ، فلا يزال لديك خيارات. يمكنك تنزيل محرر HTML المجاني CoffeeCup HTML Editor لإنشاء موقع الويب الخاص بك. تمامًا كما هو الحال مع Dreamweaver ، يقوم هذا اللون المحرر برموز HTML و CSS ولديه محرر مرئي يسمح لك بالنقر والسحب وإفلات العديد من جوانب صفحة الويب. ولكنه مجرد محرر ، ستظل بحاجة إلى برنامج آخر لتحميل (نشر) موقع الويب الخاص بك إلى الخادم.
منشئ الموقع - لا يتطلب HTML و CSS

أعلاه أقول أنك بحاجة إلى معرفة HTML و CSS. لكن ربما أنت من النوع الذي لا يريد أن يعرفه. هناك خيار لك أيضا.

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

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

يوفر موقع WorldForWebsite منشئ مواقع الويب الرائع الذي سيتيح لك إمكانية تشغيل موقعك على الويب في غضون ساعات - دون الحاجة إلى معرفة أي شيء عن الجوانب الفنية لإنشاء مواقع الويب.