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

حبيبتي نسايم-ليل ... ترى الدورة في ال HTML مب في ال ASP :27:
وهاي الدورة للمبتدئات في بناء المواقع .. وإنتي ماشاء الله عليج عندج خبرة ..
بس أنا مابردج إذا حابة تشاركين .. حياج الله الغالية ..

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

الأدوات المستخدمة
1.محرر لصفحات الإنترنت - A Web page editor
2.مستضيف لموقعك - A host for your Web site
3.برنامج لنقل الملفات - A basic FTP client

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

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



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

الخطوة الرابعة
تعتبر الصور عامل جذب للزوار، معظم الصور تكون بشكل GIF. وتستخدم للشعارات، بينما
JPEG تستخدم للصور الفوتوغرافية. ولإضافة صورة قومي باختيار –INSERT IMAGE-

الخطوة الخامسة
تظهر الجداول المعلومات والنصوص بشكل مرتب، لإنشاء جدول قومي بإختيار – TABLE INSERT-
واختاري عدد الصفوف والأعمدة. ثم ادخلي النصوص أو الصور في خلايا الجدول.



الخطوة السادسة
إضافة روابط لمواقع أو صفحات، أو رابط لبريد إلكتروني للمراسلة.
لإضافة رابط لكلمة قومي بتظليل الكلمة واختاري – HYPERLINK- ثم أدخلي عنوان الصفحة.
أما لإضافة رابط لبريد إلكتروني، قومي بتظليل الكلمة، اختاري – HYPERLINK- ثم
قومي بتغيير – HYPERLINK TYPE – إلى – MAILTO- وادخلي البريد الإلكتروني
الذي تودين استخدامه لمراسلتك.

عندما تنتهين قومي بحفظ الصفحة، إذا كانت صفحة البداية يفضل حفظها باسم –INDEX.HTML- أو –DEFAULT.HTML-
فمعظم مواقع الاستضافة المجانية تشترط هذا لصفحة البداية



الخطوة السابعة (لمعلوماتك العامة فقط - إذا وجدت صعوبة بإمكانك الإستغناء عن هذا الجزء)
لنقل ملفاتك إلى موقع الاستضافة أنتي بحاجة إلى لبرنامج يستخدم بروتوكول نقل الملفات –
FTP- بإمكانك إستخدام – WS FTP- برنامج مشهور يستخدم لنقل الملفات.



أنتي بحاجة لمعرفة المعلومات التالية لإستخدام هذا البرنامج:
•HOST NAME أو اسم الشركة المستضيفة.
•LOG-IN NAME AND PASSWORD أو اسم المستخدم وكلمة السر.
•DIRECTORY FOR YOUR WEB PAGES أو الملف الذي سيتضمن ملفات الموقع.

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



الآن بعد أن تعرفتي على الأساسيات بإمكانك الاستعانة بالقوالب الجاهزة والمجانية – free html template- . وتغييرها حسب رغبتك.
• لإستخدام اللغة العربية يجب إضافة بعض الأوامر حتى يتعرف المتصفح على اللغة.. قومي بإضافة التالي بعد ال tilte
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">

مرحبا اختي يعطيك العافية
بس بغيت اسألك الحين (ادري اني مستعجلة) الحين شلون نسوي موقع e-commerce بالـhtml؟
اكيد محتاج لقاعدة بيانات صح؟
انا ودي صراحة بدورة asp او php افضل عشان سيرفري لينكس
معليش عالتطفل بس هل في امل تساعديني في هالنقطة؟

عزيزتي إسراء .. الدورة هاي للمبتدئين بلغة الHTML وبدون قواعد بيانات ...:26:
ممكن بعد هاي الدورة أبدأ بغيرها بإستخدام ال asp لأني ماعرف أبرمج بالphp بس أعرف أركب سكربتات.
بس بيكون في صعوبة لأن لازم أدور على مستضيف مجاني للأخوات ويقبل على الأقل قاعدة بيانات أكسس
إذا حصلت راح أعمل دورة في تثبيت السكربت اللي نصحت فيه أم مودي في ردي عليها في هذا الموضوع :26: