تحتاج دائماً إلى تطبيق ما تتعلمه بصورة عملية.
ولتطبيق ما تتعلمه بصورة عملية فيجب أن يكون لديك:
1- جهاز حاسوب ( كومبيوتر - Computer ) .
2- محرر الشفرات والنصوص البرمجية.
3- خادم شبكة أو خادم محلي أو متصفح لمعاينة النتائج.
ولتطبيق ما تتعلمه بصورة عملية فيجب أن يكون لديك:
1- جهاز حاسوب ( كومبيوتر - Computer ) .
2- محرر الشفرات والنصوص البرمجية.
3- خادم شبكة أو خادم محلي أو متصفح لمعاينة النتائج.
2. محرر الشفرات والنصوص البرمجية: برنامج لكتابة وتحرير الشفرات والنصوص البرمجية: وتتوفر العديد من برامج كتابة وتحرير الشفرات والنصوص البرمجية التي يمكن استعمالها لهذا الغرض، وقد نتطرق إليها بالتفصيل لاحقاً بمشيئة الله عز وجل ...
تتوفر العديد من برامج كتابة وتحرير الشفرات والنصوص البرمجية مثل:
1. Notepad++ (Free)
2. Microsoft FrontPage :
مايكروسوفت فرونت بيج Microsoft FrontPage: هو تطبيق برمجي لتحرير إتش تي إم إل وتصميم وإدارة مواقع الويب يطبق مفهوم ما تراه هو ما تحصل عليه أنتجته شركة ميكروسوفت ضمن مجموعة ميكروسوفت أوفيس للعمل على نظام التشغيل ميكروسوفت ويندوز.
3. Atom
4. CoffeeCup Free HTML Editor (Free & Paid)
5. Aptana Studio 3 (Free)
6. NetBeans (Free)
7. Bluefish (Free)
8. Sublime Text HTML Editor (Free & Paid)
9. Phase 5 HTML Editor (Free & Paid)
10. Kompozer Web Editor (Free)
11. NoteTab (Free & Paid)
12. BareBonesEdit (Free & Paid)
13. CotEditor -Free HTML Editor
14. Brackets – Free Text Editor
15. Komodo Edit (Free)
16. TextMate (Free & Paid)
17. UltraEdit (Free &Paid)
تتوفر العديد من برامج كتابة وتحرير الشفرات والنصوص البرمجية مثل:
1. Notepad++ (Free)
2. Microsoft FrontPage :
مايكروسوفت فرونت بيج Microsoft FrontPage: هو تطبيق برمجي لتحرير إتش تي إم إل وتصميم وإدارة مواقع الويب يطبق مفهوم ما تراه هو ما تحصل عليه أنتجته شركة ميكروسوفت ضمن مجموعة ميكروسوفت أوفيس للعمل على نظام التشغيل ميكروسوفت ويندوز.
3. Atom
4. CoffeeCup Free HTML Editor (Free & Paid)
5. Aptana Studio 3 (Free)
6. NetBeans (Free)
7. Bluefish (Free)
8. Sublime Text HTML Editor (Free & Paid)
9. Phase 5 HTML Editor (Free & Paid)
10. Kompozer Web Editor (Free)
11. NoteTab (Free & Paid)
12. BareBonesEdit (Free & Paid)
13. CotEditor -Free HTML Editor
14. Brackets – Free Text Editor
15. Komodo Edit (Free)
16. TextMate (Free & Paid)
17. UltraEdit (Free &Paid)
3. خادم شبكة أو خادم محلي أو متصفح لمعاينة النتائج: يمكننا أن نقوم بتجربة الملفات والصفحات المختلفة التي نقوم بإنشائها وذلك برفعها على أحد خوادم شبكة الإنترنت أو نقوم بتثبيت خادم محلي وهو بيئة برمجية يتم تثبيتها على جهاز الحاسوب الشخصي الخاص بنا وتقوم هذه البرمجيات بتحويل جهاز الحاسوب الشخصي إلى خادم افتراضي أو ما يطلق عليه "خادم محلّي – Local Server" ( وسنتطرق إلى ذلك بالتفصيل لاحقاً بمشيئة الله عز وجل ... )، وبما أنّ صفحاتنا مكتوبة بلغة HTML فأنّنا نستطيع معاينتها باستخدام أي متصفح يتوفر لدينا على جهاز الحاسوب الخاص بنا مثل :
Google Chrome
Mozilla Firefox
Microsoft Internet Explorer
Microsoft Edge
Opera
Chromium
Vivaldi
Torch
Maxthon Cloud
Safari
UC
Brave
Google Chrome
Mozilla Firefox
Microsoft Internet Explorer
Microsoft Edge
Opera
Chromium
Vivaldi
Torch
Maxthon Cloud
Safari
UC
Brave
بعد أن نقوم بتوفير جهاز حاسوب ( كومبيوتر - Computer )، نقوم بتثبيت وتنصيب محرر الشفرات والنصوص البرمجية.
نختار أحد برامج تحرير الشفرات والنصوص البرمجية ونقوم بتثبيته على جهاز الحاسوب، على سبيل المثال لا الحصر:
Notepad++ , Microsoft FrontPage , Atom …
نختار أحد برامج تحرير الشفرات والنصوص البرمجية ونقوم بتثبيته على جهاز الحاسوب، على سبيل المثال لا الحصر:
Notepad++ , Microsoft FrontPage , Atom …
انواع مواقع الانترنت:
هناك نوعين من المواقع حاليا:
- مواقع تابثة:
وهي مواقع تعتمد في الغالب في برمجتها على لغة HTML وتقنية CSS
وتتميز بكونها سهلة لقصور وظيفتها التي تكمن في عرض محتوى ما فقط (صور، نصوص)، وكما ان تغيير محتوى هذه المواقع يتطلب عناءا
ومشقة اكبر حيث يضطر مبرمجوا هذه المواقع الى اعادة فتح كود صفحات الموقع والتعديل فيه
ثم بعد ذلك رفع ملفات الموقع من جديد بعد الغاء الملفات السابقة طبعا.
هناك نوعين من المواقع حاليا:
- مواقع تابثة:
وهي مواقع تعتمد في الغالب في برمجتها على لغة HTML وتقنية CSS
وتتميز بكونها سهلة لقصور وظيفتها التي تكمن في عرض محتوى ما فقط (صور، نصوص)، وكما ان تغيير محتوى هذه المواقع يتطلب عناءا
ومشقة اكبر حيث يضطر مبرمجوا هذه المواقع الى اعادة فتح كود صفحات الموقع والتعديل فيه
ثم بعد ذلك رفع ملفات الموقع من جديد بعد الغاء الملفات السابقة طبعا.
- مواقع ديناميكية:
مميزات عديدة وخصائص تحكم اكثر فاعلية وقوة ، وتعتمد هاته المواقع اضافة على HTML و CSS
على لغات برمجة اخرى مثل PHP و MYSQL
مما يجعلها متطورة حيث تسمح بخلق تواصل بين الزائر و الموقع ، وايضا تسهيل عملية تغيير او اضافة او حذف محتوى.
مميزات عديدة وخصائص تحكم اكثر فاعلية وقوة ، وتعتمد هاته المواقع اضافة على HTML و CSS
على لغات برمجة اخرى مثل PHP و MYSQL
مما يجعلها متطورة حيث تسمح بخلق تواصل بين الزائر و الموقع ، وايضا تسهيل عملية تغيير او اضافة او حذف محتوى.
✪نسأل الله الكريم رب العرش العظيم أن يصرف الوباء والبلاء عنا وعن جميع بلاد المسلمين