منتدى تطوير المواقع

منتدى تطوير المواقع

منتدى تطوير المواقع تعلم تقنيات مواقع الويب ولغات البرمجة هناك العديد من المواقع على الإنترنت التي تساعدك على تعلم هذه اللغات مجانًا.

استخدم برنامج محرر؛ نظرًا لأن ملفات كود صفحة موقع الويب هي في الأساس ملفات نصية ، يمكن للمبرمجين فقط استخدام برامج بسيطة مثل Notepad لإنشاء صفحات موقع ويب، ولكن عند إنشاء صفحات كبيرة ومعقدة ، سيكون من الصعب قراءة ملف Notepad. لذلك يحتاج المبرمجون لاستخدام برنامج تحرير بميزات أكثر تقدمًا ، مثل الترميز اللوني. على سبيل المثال ، Notepad ++ و Microsoft Visual Web Developer Express و BBEdit لنظام التشغيل Mac (Mac فقط) ، فهي برامج مجانية ، ولكن يجب شراء بعضها ، مثل Adobe Dreamweaver و Microsoft Visual Web Developer ، وهي ليست مجانية.

منتدى تطوير المواقع

منتدى تطوير المواقع
منتدى تطوير المواقع

قم بإنشاء ملف نصي (txt) ، مثل (page.txt) ، ثم قم بتغيير امتداد الملف إلى (html) لتغيير اسمه إلى (page.html) ، ثم استخدم المفكرة أو أي أداة أخرى لفتح الملف لإنشاء برنامج تحرير صفحة موقع الويب ، ثم كتابة صفحة HTML (HTML) أو XML (XHTML) الرمز H ، ثم احفظ التغييرات وافتح الملف في المستعرض.

عن طريق تنزيل المتصفحات الرئيسية مثل Internet Explorer و Firefox و Safari و Chrome و Opera (لأنها كلها مجانية) واختبار موقع الويب على المتصفح ، تأكد من أن موقع الويب الذي تم إنشاؤه متسق.

تأكد من أن الصفحة قانونية ، وتتوافق مع المعايير والتوصيات ، ويمكن التحقق منها باستخدام مدقق العنوان على الرابط التالي: [http: \\ validator.w3.org انقر هنا] لاختبار ما إذا كان الموقع يحتوي على أخطاء.

تصميم صفحة الموقع.

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

برامج تحرير المواقع الإلكترونية

يتضمن تطوير وبرمجة صفحات المواقع الإلكترونية (Developing Web Pages) الخطوات الآتية:[١] تعلّم تقنيات ولغات برمجة المواقع الإلكترونية، ويحتوي الإنترنت على كثير من المواقع التي تساعد على تعلّم هذه اللغات مجاناً. استخدام برنامج المحرّر (Editor)؛ لأنّ ملفات كود صفحات المواقع الإلكترونية بالأساس عبارة عن ملفات نصية (Text Files).

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

ومن الأمثلة على هذه البرامج نوتباد++ (++Notepad) ومايكروسوفت فيجوال ويب ديفيلوبر إكسبرس (Microsoft Visual Web Developer Express)، وبي بي إديت (BBEdit) المخصص فقط لأجهزة ماك (Mac).وتعدّ برامج مجانية. ولكن بعضها بحاجة إلى الشراء مثل أدوبي دريمويفر (Adobe Dreamweaver)، ومايكروسوفت فيجوال ويب ديفيلوبر (MS Visual Web Developer) غير المجاني.

خطوات تطوير المواقع الإلكترونية 

منتدى تطوير المواقع
منتدى تطوير المواقع

إنشاء صفحات المواقع الإلكترونية عن طريق إنشاء ملف نصي (txt)، مثل (page.txt). ثمّ تغيير امتداد الملف إلى (html) فيصبح اسمه (page.html)، ثمّ فتح الملف باستخدام نوتباد أو أيّ برنامج تحرير. بعد ذلك كتابة كود إتش تي إم إل (HTML) أو إكس إتش تي إم إل (XHTML) الصفحة. ثمّ حفظ التغييرات، وفتح الملف على المتصفح.

التأكد من أنّ الموقع الإلكتروني الذي تمّ إنشاؤه متناسقاً من خلال تنزيل المتصفحات الرئيسية مثل إنترنت إكسبلورر (Internet Explorer)، وفايرفوكس (Firefox)، وسفاري (Safari)، وكروم (Chrome)، وأوبرا (Opera) حيث إن جميعها مجانية، واختبار الموقع الإلكتروني على كل متصفح. التأكد من أنّ الصفحات قانونية، وتتوافق مع المعايير والتوصيات.

ويُمكن التحقق من صحتها باستخدام أداة التحقق من صحة العنوان من خلال الرابط الآتي: [http:\\validator.w3.org اضغط هنا] الذي يختبر إذا كان الموقع يحتوي على أخطاء أم لا. تصميم صفحات المواقع الإلكترونية. زيارة مواقع مختلفة ودراستها للحصول على بعض الأفكار لبناء الموقع الإلكتروني، فعند الدخول إلى موقع معين. يُمكن رؤية مصدر الصفحة عن طريق النقر بواسطة زر الفأرة الأيمن على منطقة خالية في المتصفح. وتحديد مصدر العرض (View Source) فيظهر الكود المُستخدَم لإنشاء هذه الصفحة، وقد تختلف طريقة عرض مصدر الصفحة في المتصفحات المختلفة

المهارات التي يجب تعلمها لبناء موقع إلكتروني

 من أهمّ مهارات البرمجة التي يجب على جميع مطوري المواقع الإلكترونية معرفتها:[٢] لغة إتش تي إم إل 5 (HTML5). وتشمل :سي إس إس 3 (CSS 3). جافا سكريبت (JavaScript).  بي إتش بي (PHP). إس كيو إل (SQL). أنظمة إدارة الإصدارات (Version Control Systems). منهجية أجايل (Agile Methodology) تطوير المواقع.

أفضل أدوات البرمجة لتطوير مواقع الإنترنت

 هناك الكثير من الأدوات التي تساعد على تطوير وبرمجة وتصميم المواقع الإلكترونية، ومن أفضلها ما يأتي:[٣] سكيتش (Sketch). إنفجن كلاود (InVision Cloud). سابليم تكست 3 (Sublime Text 3). فاونديشن 6 (Foundation 6). كروم ديف تول (Chrome DevTools)

اترك تعليقًا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *