صمم موقعك بنفسك ... الجزء السابع

نقل ملفات الموقع - الذى انتهينا من بناءه - إلى المساحة التى حجزناها

سنحتاج لإتمام ذلك إلى أحد البرامج الخاصة بنقل الملفات

(FTP Client Program)
أحد أشهر هذه البرامج هو برنامج WS-FTP ويمكنك تحميل نسخة تجريبية منه من هذه الوصلة:http://www.ipswitch.com/downloads/index.asp
أيضاً يوجد برنامج نقل ملفات مجانى تماما ومتميز جدا, يمكنك تحميل نسخة مجانية منه

من الرابط التالى انسخه وضعه فى متصفحك

( http://www.freeware995.com/ftp995/ftp995setup.exe )

(جدير بالذكر أنه توجد المئات من البرامج المجانية تماما والتى يمكنك استخدامها كيفما شئت, وكلها تعمل تقريبا بنفس الطريقة ولها نفس واجهة الاستخدام تقريب
بعد تركيب البرنامج على جهازك, ستظهر أيقونته على سطح المكتب هكذا:

صورة رقم "1"
- قم بالنقر المزدوج عليها, سيبدأ عمل البرنامج ويظهر لنا بواجهته الرئيسية التى تظهر فى الصورة رقم "2":

صورة رقم "2"
1- هنا توجد ملفات جهازك والتي سوف تقوم بتحميلها إلى موقعك. (Local System)2- هنا توجد ملفات موقعك على السيرفر, لا يظهر فيها شئ, حيث أننا لم نتصل بالسيرفر المستضيف بعد. (Remote Site)3- يستخدم هذان الزران لنقل أي ملف من موقعك إلى جهازك والعكس بعد أن تكون قمت بالتأشير على الملف (أو الملفات) التي ترغب بنقله ثم الضغط عليه.4- التحكم بصيغة الملف الذي ترغب بنقله: كل ملف من الملفات التي ترغب بنقلها يجب نقله بصيغة معينة،
والجزء المظلل فى الصورة تبين أنواع الصيغ التي يمكن نقل الملفات أو الصور بها، وهي تنقسم إلى نوعين، وهما : 1- ASCII: وهذه الصيغة تستخدم لنقل جميع الملفات النصية. 2-Binary: وهذه الصيغة تستخدم لنقل الصور من كل الأنواع (gif , jpg , png , bmp , tif , wmf .... ) وكذلك باقي الملفات ما عدا الملفات النصية. ملاحظة: قم بوضع سهم على Auto إذا كنت ترغب أن يقوم البرنامج تلقائيا بتغيير صيغة الملف حسب نوعه. (يتم تعريفها مسبقا فى قائمة الخيارات للبرنامج)
- سنبدأ الآن فى إنشاء حساب خاص بموقعنا فى البرنامج حتى يمكننا الاتصال بالموقع على السيرفر.
- اضغط على زر "Connect" الموجود فى أقصى أسفل البرنامج من الناحية اليسرى.
- ستظهر لنا النافذة الخاصة بتحقيق الاتصال والتى تظهر لنا فى الصورة رقم "3":

صورة رقم "3"
- اضغط على رمز "New Site" والموضح باللون الأزرق.
- سيظهر لنا صندوق حوار "New Site".
- من المعلومات الخاصة بالـ "FTP" والتى حصلنا عليها بعد تسجيل حساب خاص لموقعنا لدى شركة الاستضافة, وفيها:
ftp.2work-online.com
Login: usernamsePassword: password
- قم بإدخال أى اسم دال على موقعك فى الصندوق الأول, على سبيل المثال أكتب: My Website.
- قم بإدخال عنوان الـ "FTP" لموقعك فى الصندوق الثانى, فى حالتنا العنوان هو: ftp.2work-online.com
- اضغط "Finish", سننتقل إلى النافذة الموضحة بالصورة رقم "4":

صورة رقم "4"
- يتبقى الآن إدخال معلومات الدخول للموقع على السيرفر وهى: اسم المستخدم (User ID) وكلمة المرور (Password)
- قم بالحفظ Save, هكذا يكون لدينا حساب جاهز فى البرنامج يحوى معلومات الدخول للموقع, وهكذا لا نحتاج لتكرار الخطوات السابقة فى كل مرة نريد نقل ملفات إلى الموقع.
- اضغط على زر "Connect".... سيبدأ البرنامج الاتصال بالانترنت والدخول إلى الموقع.

صورة رقم "5"
لاحظ أن البرنامج دخل إلى الدليل الجذر للموقع وفى هذه الحالة يجب أن تقوم بنقل كل ملفات موقعك بما يشمله من أدلة فرعية إلى المجلد public_html وليس على الجذر الرئيسي , أي جميع ملفات الموقع يجب أن تكون ضمن هذا المجلد.
أحيانا يشار إلى هذا الدليل بالدليل www وكلاهما واحد.
ما سبق يعتبر أهم ما يلزمك معرفته عن استخدام برنامج WS-FTP لنشر مقعك على السيرفر المستضيف.
التراخيص:
تبقى نقطة أخيرة أرى أنه من المهم الإلمام بها, وهى تراخيص الملفات, ففى نظام يونيكس ,توجد بعض التراخيص للملفات والتى تعتبر هامة فى تشغيل السكريبتات مثل سكريبتات Php و CGI وبدون إعطاء الترخيص المناسب لبعض الملفات فإنها قد لا تعمل بصورة صحيحة.
التراخيص ثلاث مجموعات وهي :1 - المالك (Owner) 2 - المجموعة (Group) 3 - الجميع (Other)
كيفية إعطاء التراخيص:
1- قم بتحديد الملف الذي ترغب بإعطائه الترخيص على السيرفر.

2- انقر بالزر الأيمن بالفأرة على الملف المعين, اختر من القائمة chmod UNIX كما هو مبين في الصورة السابقة.
3- قم بإعطاء التراخيص حسب ما طلب منك في البرنامج الذي ترغب بتركيبه.

إلى لقاء قريب فى الجزء الثامن بإذن الله تعالى

الشرح من اعداد

,,,http://www.arabsense.com/,,,

صمم موقعك بنفسك ... الجزء السادس

2- حجز مساحة الاستضافة

Web Space:

سنبدأ الآن فى إجراءات حجز المساحة:
فى شركة

http://www.ipowerweb.com/
اضغط بزر الفأرة اليمين واختر فتح فى نافذة جديده

(Open n new window )

ثم تابع الشرح التالى

صورة رقم "7"
- فى الصورة رقم "7" قم بالضغط على الزر المشار إليه بالسهم الأحمر "Buy Now", ستنتقل الى الصفحة المبينة بالصورة التالية رقم "8":

صورة رقم "8"
- إذا كنت قد حجزت اسم النطاق من قبل, فاكتبه فى المستطيل الأول ثم اختر "Transfere" من القائمة المنبثقة فى السطر الثانى.
و "Trnsfere" معناها أن اسم النطاق محجوز لدى شركة أخرى غير تلك التى ستقوم بحجز المساحة لديها, وفى هذه الحالة يظل "اسم النطاق" موجود لدى الشركة الأولى, ولكنه يتم توجيهه "نقله" إلى الشركة الثانية (سنتعرض لتلك النقطة بمزيد من التوضيح لاحقاً).
- أما إذا كنت تريد الاستفادة من العرض الذى تقدمه الشركة وتحصل على اسم نطاق مجانى, ففى هذه الحالة اكتب اسم الموقع فى السطر الأول ثم اختر "New" من القائمة. - إذا كان اسم النطاق متوفراً ولم يتم حجزه من طرف شخص آخر, فانه يتم الانتقال إلى الصورة رقم "9". صورة رقم "9"
- فى الصورة رقم "9" قم بملئ كافة الحقول, وفى القسم المحاط باللون الأحمر فى الصورة قم بإدخال بيانات بطاقة الائتمان لإتمام عملية الدفع.
- بعد إتمام عملية الدفع والتصديق والتأكيد عليها, ستقوم الشركة بإرسال رسالة ترحيب تحتوى على كافة المعلومات الخاصة بحسابك الجديد لديهم.
- هذه المعلومات فى غاية الأهمية, قم بحفظها فى ملف نصى على قرصك الصلب لأنك ستحتاج إليها لاحقاً.

وفيما يلى نموذج لأهم المعلومات المتعلقة بحساب الاستضافة الخاص بموقعك وشرح مبسط لأهم مكوناته:

Important account information------

-------------Welcome to IPOWERWEB

---------------------------------------------------------------------Important account information---------------------------------------------------------------------Welcome to IPOWERWEB: Your account has been set up. Control Panel password can be changed once you login Domain Name: arabsense.comControl Panel URL: http://67.15.38.21:2082عنوان لوحة التحكم الخاصة بك, ستحتاج إليها إذا كنت ستضيف خصائص متقدمة لموقعك مثل قواعد البيانات.
IP Address: 67.15.38.21
Login: usernamse اسم المستخدم للوحة التحكمPassword: password كلمة المرور -----------------------------------
بيانات بروتكول نقل الملفات الخاص بموقعك
FTP: 67.15.38.21

وقد يكون بهذا الشكل
ftp.2work-online.com
Login: usernamsePassword: password
هذه البيانات مهمة جدا لأنك ستحتاجها لنقل ملفات الموقع من قرصك الصلب إلى الموقع على الانترنت
Frontpage Publishing: www.YOURDOMAIN.comLogin: usernamsePassword:passwordإذا كنت ستنقل الملفات باستخدام فرونت بايج فاستخدم هذه المعلومات---------------------------------------------------------IMPORTANT: Nameservers/DNS are: ns1.server.net - 67.15.38.21ns2.server.net - 67.15.39.17هذا الجزء مهم جدا, لأنك ستحتاجه لتحديث Name Servers الخاصة باسم النطاق لدى الشركة التى قمت بتسجيله لديها, وذلك حتى تقوم بتوجيه الاسم إلى الشركة التى ستقوم باستضافة موقعك."أنظر آخر الصفحة"
EMAI:SMTP: Use your ISP's SMTP serverPOP3: mail.YOURDOMAIN.com

- تحديث سجلات اسم النطاق: Updating Domain Name Servers - DNS Records

ملاحظة: هذه الخطوة لن تحتاج إليها إذا كنت قمت باختيار "New" اسم نطاق جديد عند تسجيلك للمساحة لدى شركة الاستضافة. (صورة رقم "8")
سنقوم فى هذه الخطوة بالعودة مرة أخرى إلى الشركة التى قمنا بتسجيل اسم النطاق لديها, وفى مثالنا هذا هى شركة Godaddy.com.

صورة رقم "10"
- اذا ظهرت علامة القفل الصفراء اللون أمام اسم النطاق فى الجدول, فهذا معناه أنك لن تستطيع عمل أى تعديلات عليه, ولإيقاف خاصية القفل قم بالتعليم على المربع المقابل لاسم النطاق, ثم قم بالضغط على "Set Locking" رقم "2" ستنتقل إلى صفحة أخرى قم بالضغط على مربع "Unlock" ثم اضغط "Save".
- قم بعد ذلك بالضغط على "Set Nameservers" رقم"2" فى الصورة, ستنتقل بعد ذلك إلى الشاشة التالية الموضحة فى الصورة رقم "11":

صورة رقم "11"

- باستخدام المعلومات التى حصلت عليها بعد تسجيل حساب موقعك لدى شركة الاستضافة, والمتعلقة بسجلات اسم النطاق (Name Servers):
IMPORTANT: Nameservers/DNS are: ns1.server.net ns2.server.net
- قم بإضافة ns1.server.net إلى الحقل الأول, و ns2.server.net إلى الحقل الثانى.
- اضغط "Save".
- ستحتاج هذه العملية إلى 24-48 ساعة حتى يتم تحديث سجلات اسم النطاق وربطه بالموقع لدى شركة الاستضافة.

اليوم تعلمنا ما يلى:
1- كيف نقوم بحجز اسم نطاق لموقعنا Domain Name.
2- كيف نقوم بحجز مساحة لاستضافة ملفات الموقع على الانترنت.
3- كيف نقوم بربط اسم النطاق بالموقع من خلال تحديث Domain name servers - DNS Records

وهذه بعض افضل الشركات بدعم أكثر من رائع لعملائها والرد على كافة الاستفسارات وحل كافة المشاكل فى ساعات قليلة

يمكنك قراءة تفاصيل أكثر عن أكبر شركات الاستضافة على الانترنت هنا:
http://www.arabsense.com/hosting.php

كما يمكنك الحصول على استضافة مجانية متميزة من خلال هذه الصفحة:
http://www.arabsense.com/hostingfree.php

ولا تنسى العرض الخاص من أرابسنس والمكون من موعة من أهم البرامج والكتب والأدولات التى تهم مطورى مواقع الويب وتزيد من شهرة الموقع على الانترنت: http://www.arabsense.com/hostinggifts.php

فى الدرس القادم بإذن الله سنتعلم معا كيف نقوم بنقل ملفات الموقع من القرص الصلب على الجهاز الخاص بنا إلى السيرفر المستضيف لموقعنا.
فإلى لقاء قريب بإذن الله تعالى فى الجزء السابع

هذا الشرح من اعداد

,,,http://www.arabsense.com,,,

صمم موقعك بنفسك ... الجزء الخامس

حجز اسم النطاق "Domain Name"
توجد العديد من المواقع والشركات المتخصصة فى حجز أسماء النطاقات على شبكة الانترنت, لعل أشهرها هو موقع http://www.arabsense.com/res/godaddy.html

سننتقل الآن إلى هذا الموقع فنجده كما هو مبين بهذه الصورة:

صورة رقم "1"
1- اكتب اسم الموقع الذى ترغبه هنا, سنكتب مثلاً:
2work-online
2- فى هذه القائمة المنسدلة قائمة بكل الامتدادات المتاحة لتختار الامتداد الذى تراه مناسبا لموقعك, وفيما يلى توضيح سريع لأهم هذه الامتدادات:
com : اختصار لكلمة commercial, وعادة يكون هذا الامتداد للمواقع التجارية.
org : اختصار لـ: Organization عادة يكون لمواقع المنظمات الحكومية والاهلية غير الربحية.
net : اختصار لـ: Network
info : اختصار لـ: Information
Biz : اختصار لـ: Business
ws: اختصار لـ: website
وهكذا.....,
من هذه القائمة سنختار الامتداد com ليصبح اسم الموقع الذى نحن بصدد حجزه هو:
2work-online.com
- اضغط على الزر "Go" فننتقل إلى هذه الشاشة الثانية:


صورة رقم "2"
فى الصورة رقم "2" نشاهد ما يلى:
1- هذا الصندوق يشير إلى أن الاسم تم حجزه من قبل ومن ثم لا يسمح لنا بحجزه, ولكن الموقع يعطينا خياراً آخر وهو وضع هذا الدوماين على قائمة الانتظار لنا, ففى حالة اذا ما قام المالك الأصلى للاسم بالغاءه أو حذفه أو حتى نسى أن يقوم بتجديد الحجز السنوى له, ففى هذه الحالة يقوم الموقع بابلاغى بأنه يمكننى حجز الاسم.
هذه الخطوة عديمة الأهمية, فقط لا تقم بالتعليم على المربع, اتركه فارغاً.
2- فى هذا الصندوق يعطينا الموقع خيارات أخرى لأسماء مشابهة للاسم الأصلى بنفس الامتداد, أو نفس الاسم الأصلى ولكن بامتدادات أخرى, قم بالتعليم على المربع المقابل للاسم الذى قررت اختياره, ثم اضغط على زر : "Continue"
3- "من الممكن تجاهل كل الخيارات التى أعطانا إياها الموقع والبدء فى البحث من جديد عن اسم نطاق آخر من البداية" من خلال المستطيل الموضح فى الصورة بالرقم 3.
4- المستطيل رقم "4" والموجود على اليمين يحتوى على أسعار الحجز لأشهر الامتدادات ولفترات زمنية مختلفة.

5- سوف نقوم التعليم على المستطيل المقابل للاسم (فى الشكل رقم 5 بالصورة):
2WORK-ONLINE.BIZ
ثم نضغط على الزر "CONTINUE", سننتقل إلى الصورة رقم "3"
صورة رقم "3"
- تجاهل هذه الرسالة واضغط على "Continue to Checkout"
- ستصل إلى الصورة السفلى رقم "4" وفيها يطلب منك الموقع ملء استمارة خاصة لإنشاء حساب خاص لديه يمكنك من خلاله إدارة كل العمليات المتعلقة باسم النطاق الذى تقوم بتسجيله حاليا.
صورة رقم "4"
- بعد اضافة كل البيانات اللازمة, وبيانات بطاقة الائتمان الخاصة بك (لإتمام عملية الدفع) والانتهاء من هذه العملية ستصلك على بريدك رسالة خاصة تحتوى على بيانات حسابك الجديد ومعلومات الدخول إليه, احتفظ بهذه البيانات فى ملف خاص لحين الحاجة إليها.
صورة رقم "5"

صورة رقم "6"
فى الصورة رقم "6" تشاهد لوحة التحكم الخاصة بأسماء النطاقات التى حجزتها فى جودادى, وفيها ترى:
1- العمليات التى يمكن أن تجريها على أى دوماين خاص بك ويوجد فى لوحة التحكم.
2- قائمة بأسماء النطاقات التى حجزتها.
سوف نعود إلى لوحة التحكم لاحقا بعد أن نقوم بحجز مساحة لاستضافة الموقع
هذا الشرح من اعداد http://www.arabsense.com/

هنــــــا شرح فيديو لطريقه حجز نطاق على الانتر نت لموقعك ارجو ان يكون واضح اذا كان هناك بعض الغموض فى الشرح

http://www.arabsense.com/video/Domain1/

صمم موقعك بنفسك... الجزء الرابع

_ السلام عليكم _

تعلمنا فى الاجزاء السابقه كيفية تصميم موقع بلغةhtml

وفى هذا الجزء والاجزاء القادمة سوف نتعلم كيفية نشر موقع على شبكة الانتر نت وقبل ان نبدأ فى الشرح اردت ان اضع هذا القالب الجاهز لموقع تستطيع تحميله من هذا الرابط
http://www.arabsense.com/lessons/website.zip

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

_ لكى نقوم بنشر الموقع على الانترنت توجد خطوتان رئيسيتان:
1- حجز اسم نطاق (Domain Name): وهو اسم مميز وفريد للموقع على الويب, ويكون بهذا الشكل: www।mywebsitename.com حيث mywebsitename هو اسم موقعك الذى ستختاره وتحدده, فإذا كان متاحا سمح لك بتسجيله وإذا كان قد تم حجزه من قبل شخص آخر لم يسمح لك ووجب عليك البحث عن اسم بديل. وتكلفة حجز اسم النطاق تتراوح ما بين 8 دولارات إلى 15 دولار لمدة عام تجدد سنويا

2- حجز مساحة لاستضافة ملفات الموقع: توجد العديد من شركات الاستضافة على الانترنت التى تسمح لك باستضافة موقعك بحيث يصبح متاحا للزوار على مدار 24 ساعة وذلك نظير تكلفة شهرية تتراوح ما بين 7 - 15 دولار فى الشهر وذلك حسب المواصفات التى تقدمها।
وقبل أن نبدأ فى الخطوات العملية, يجب أولاً أن نتعرض لأهم المصطلحات التى ستصادفنا كثيراً فى رحلة البحث عن مستضيف لموقعنا.
وفيما يلى توضيح لأهم هذه المصطلحات:
المصطلح
الشرح
ما ينصح به فى البداية
Web Hosting
ومعناها خدمة الاستضافة على الويب, أى استضافة الموقع على الويب.
لا تبحث عن الخدمات الرخيصة, فالرخيص قد يصبح هو الأعلى تكلفة فى النهاية, المهم هنا أن تبحث عن سمعة الشركة المستضيفة ومدى قوة أجهزتها وضمانها لبقاء موقعك طوال الوقت على الانترنت دون فترات انقطاع تذكر.
Server
وهو الجهاز الخادم الذى سيتم تخزين ملفات موقعك عليه, ويكون متصلا بشبكة الانترنت على مدار 24 ساعة.
Server Disk Storage أو
Web Space أو
Hosting Space
المساحة التى ستتاح لموقعك على السيرفر المستضيف.
100-200 ميجابايت كافية جدا حيث يمكن أن تستوعب من 3000-6000 صفحة ويب بحجم 30ك.ب تقريبا.
Data Transfer or
Bandwidth
حجم نقل البيانات, ويقصد به كمية البيانات المسموح بتحميلها من موقعك عبر شبكة الانترنت خلال الشهر, وهذه الخاصية تحدد عدد الزوار المتاحين لموقعك, فمثلا إذا كان حجم الصفحة الواحد فى موقعك حوالى 50 ك.ب, وقام 10.000 زائر بزيارة هذه الصفحة, فمعنى ذلك أنه تم نقل ( 50 * 10.000 ) = 500.000 ك.ب أى حوالى 500 ميجا بايت.
فإذا كان حجم نقل البيانات "Data Transfer" المسموح لموقعك هو 500 ميجابايت, فمعنى ذلك أن أقصى عدد للزوار يمكن لموقعك استقباله هو 10.000 زائر, فإذا انخفض حجم الصفحة للنصف مثلا (بما تحتويه من كتابة وصور) فان عدد الزوار "المتاح" يتضاعف فيصبح 20.000 زائر.
1-2 جيجا بايت (1000-2000 ميجابايت) تعتبر كمية كافية جدا, حيث تكفى لاستقبال ما يقرب من 20.000-40.000 زائر شهريا.
Email Accounts
عدد حسابات البريد الالكتروني التى سيسمح لك بإنشائها على موقعك, فيصبح لك مثل هذه العناوين:
webmaster@mysite.com
support@mysite.com
info@mysite.com
sales@mysite.com
فى الغالب لن تحتاج سوى لحساب بريدى واحد, وقد لا تحتاج إليه أصلاً!
MySQL Database
عدد قواعد البيانات المتاحة, فى الغالب لن تحتاج لهذه الخدمة فى البداية.
فى الغالب لن تحتاج لها فى البداية إلا فى مراحل متقدمة قد تحتاج لتركيب منتدى متطور فى موقعك أو أى سكريبت يحتاج لقواعد بيانات.
FTP Account
عدد حسابات نقل الملفات, لنقل الملفات باستخدام بروتوكول نقل الملفات إلى السيرفر وفى الغالب لن تحتاج سوى لحساب واحد فقط.
لن تحتاج سوى لحساب واحد فقط.
Add-On Domains
عدد المواقع المتاح لك استضافتها على نفس المساحة.
هذه الميزة مهمة جدا حيث تتيح لك إنشاء أكثر من موقع بتكلفة إنشاء موقع واحد فقط.
هذه الميزة مهمة, حيث فى رحلة عملك على الانترنت ستحتاج إلى إنشاء العديد من المواقع.
Additional Sub Domains
عدد أسماء النطاقات الفرعية التى سيسمح لك بإنشائها فمثلا قد يصبح لديك العناوين التالية تحت موقعك:
http://products.mysite.com
http://store.mysite.com
قد لا تحتاج لها أصلا.
توجد العديد من المفاهيم الأخرى المتعلقة باستضافة المواقع, ولكن ما سبق هو أهم هذه المفاهيم التى يتعين عليك الإلمام بها قبل البحث عن خدمة الاستضافة على الويب.
سنبدأ الآن أولى خطواتنا العملية فى حجز مكان لموقعنا على شبكة الانترنت فى الجزء القادم ان شاء الله

صمم موقعك بنفسك ... الجزء الثالث

السلام عليكم

الجزء الثالث من السلسله التعليميه صمم موقعك بنفسك

طبعا بعد ما جهزت محتوى الموقع اللى بتعمله وعملت الصور بتاعتك والتصاميم وجهزت صفحات الموقع فى ملف ورد هتبدا فى انشاء الموقع والحقيقه تقدر تعمل الموقع ببرامج كتير منها الفرونت بيج والدريم ويفر وممكن بلغة H T M L

واتكلمنا بالتفصيل فى دا فى الاجزاء السابقه هنبدا فى لغة HTML

هيا لغه سهله بس انا فضلت ان تتعلمها بشرح فيديو احن من انى اكتب الشرح هنا وتقراه واجمل موقع بيشرح اللغه دى وتقدر تحترف تصميم المواقع من خلاله لانه بيشرح فيديو صوت وصوره عربى انصحك ان تتابع الدروس فيه هما 2 مستوى لتعلم اللغه انتا ان شاء الله بعد المستوىالاول تقدر تعمل موقعك بكل سهوله ان شاء الله

رابط الموقع هو http://easylearn.gigacities.net/baseArticles/html%20reference.htm

طبعا دا اجمل موقع للشرح لانه فيديو فانا فضلت الموقع دا للتعلم افضل من انى اكتب دروس لان التعليم بالفيديو صوت وصوره عربى طبعا احسنمن ان تقرأ دروس او كتب الكترونيه واذا كنت من هواة قراءة هتلاالكتب الاكترونيه قى فى الرابط التالى كتب قيمه وهتلاقى عن تصميم المواقع http://www.mohamed-nagah.com//3.html

بكدا هتكون قادر على تصميم موقعك بكل سهوله بعد زياره الموقعين السابقين والتعلم منهم

بعد كدا ان شاء الله هنبدا نشرح ازاى تحجز نطاق او دومين للموقع بتاعك بالاسم اللى هتختاره بشرط طبعا انه ميكونش موجود وهنتعلم بالتفصيل كل حاجه عن الموضوع دا

وبعدين نتعلم ان شاء الله ازاى تحجز مساحه للموقع بتاعك

وبعدين نتعلم ازاى ترفع ملفات الموقع بتاعك اللى انتا صممتها على المساحه بتاعتك اللى اشتريتها

وبعدين نتعلم ازاى تضيف الموقع بتاعك لمحركات البحث العالميه وتشهر موقعك ازاى تابع معنا باقى الاجزاء من هذه السلسه التعليميه ( صمم موقعك بنفسك)

تحياتى لكم والقاكم فى الجزء الرابع ان شاء الله

صمم موقعك بنفسك >>>الجزء الثانى

قبل ان نبدا في الحديث عن تصميم المواقع هناك بعض المعلومات والمفاهيم التي لابد ان نفهمها جيدا ..

يجب ان يعلم كل متعمق في هذا الموضوع اولا ما معني كلمة server وكلمة browser...

لو انا عندي معلومات علي الجهاز بتاعي عايز غيري يقدر يتصفحها ممكن احطها علي جهازي وفي حالة ما ذا كان جهازي مفتوح علطول يبقي أي جهاز متصل بجهازي يقدر يشوف لمعلومات دي ...

ولكن ايضا ماذا لو وصل عدد متصفحين هذه المعلومة في نفس اللحظة الي 10000 مثلا او أي رقم كبير ...

هل يتحمل جهازي البسيط بامكاناته المتواصعة كل هذا العدد من المتصفحين في نفس الوقت؟؟؟؟

كل هذه المشاكل كان لابد لها من حل....من هنا ظهرت كلمة ال server كحل لكل هذه المشاكل....

فما معناها؟؟

المعني الحرفي لكلمة server يعني خادم...."خادم الانترنت"فهو عبارة عن اجهزة بامكانيات عالية تحتمل عدد كبير جدا من المتصفحين في نفس الوقت وتتحمل ان تظل تعمل دائما بلا انقطاع...

فانا لو عندي معلومات اقوم بوضعها علي هذا السيرفر بدلا من تركها علي جهازي فتحل كل المشاكل لسابق ذكرها بالاضافة الي ان هذا السيرفر متصل بكل الاجهزة في منظقته فتصبح كل هذه الاجهزة متصلة ببعضها البعض عن طريقة...

ففي كل منطقة يوجد سيرفرات خاصة بها تربط اجهزتها ببعض ويكون شبكة بينها .....

ولكن ماذا اذا اردت تحميل معلومات من علي سيرفر اخر؟؟

ولذلك فان كل السيرفرات متصلة ببعضها البعض في شبكة كبيرة تعرف بشبكة الشبكات وهذا هو الانترنت"شبكة الشبكات"..

كيف نطلب معلومات من السيرفر او نستقبل منه معلومات؟؟؟

يوجد بكل جهاز برنامج متصفح للانترنت "browser” اشهرها وافضلها الانترنت اكسبلورر...فهو عبارة عن برنامج مجهز لارسال واستقبال بيانات من السيرفر.....

وهذا ما سندخل اليه أنفا ان شاء الله لمعرفة المزيد عنه....ارجو ان اكون قد أفدتكم...

ما هي لغة ال Html ؟؟

----------

بسم الله الرحمن الرحيم...

معني لغة ال HTML مثال بسيط ..لو انا بكلم واحد من امريكا وعايز اقولله حاجة يعملها ....

لو قلتله الحاجة دي بالانجليزي هيفهمها وينفذها..لو قلت نفس الحاجة بالعربي مش هيعبرني وفي نفس الوقت ممكن يكون الشخص ده بيعرف اكتر من لغة "فرنساوي مثلا" يبقي لو قلتله نفس الكلمة بالفرنساوي هيفهمها....بس اساسه هو الانجليزي..نفس الحال بالنسبة لل BROWSER..اللي هو صفحة الانترنت اكسبلورر اللي فاتحة قدامك....

هي في البداية بتقتح بيضة"فاضية"...الكلام والمعلومات اللي فيها بتظهر ازاي؟؟؟

ذكرنا قبل كده ان السيرفر بيقوم بارسال المعلومات إلي جهازك فيستقبلها البراوزر...فبما ان ال BROWSER هو اللي بيستقبل المعلومات يبقي السيرفر لازم يبعتله المعلومات دي باللغة اللي هو بيفهما عشان يظهلرها قدامنا...لو بعتله نفس الكلام باي اسلوب تاني مش هيعبره فالBrowser زيه زي اي انسان ليه لغات بيفهمها ولو قلتله اي حاجة باللغات دي بينفذها فورا....بس هو احسن من الانسان في ان هو بيفهم لغات كتير...وكمان لو قلتله اي حاجة وفهمها

بينفذها علطول اول وابسط لغة من اللغات اللي بيفهمها البراوزر هي لغة ال HTML ...

وهناك لغات اخري كثيرة اكثر تطور من ال HTML بس الاساس هو ال HTML
ولا يوجد اي موقع يخلو من لغة ال HTML ..بالرغم من انها اقل اللغات تطورا...وفي برامج حاليا بتغني عن لغة ال HTML وبتقوم بكل وظائفها بصورة اسهل ومنها " FRONT PAGE ,DREAMWEAVER"

....ولكن...

اللي ناوي ياخد HTML ويقف علي كده يبقي احسنله يدرس البرامج دي لانها اسهل منه...انما اللي عايز يحترف ويبقي فاهم هو بيعمل ايه اولا...وكمان عايز يتقدم ويدرس لغات تانية بعد كده ويكمل في الطريق يبقي لازم يعرف HTML الاول......

طيب دلوقتي احنا قلنا ان السيرفر بيبعت المعلومات للاجهزة باللغة دي...طب واحنا مالنا احنا.. ماحنا بنشوف المعلومات جاهزة وخلاص هنتعب نفسنا ليه؟؟

طبعا لاننا عايزين نصمم مواقع ..يعني احنا اللي هنعمل الصفحة ونحطها علي السيرفر يبقي لازم نحطها باللغة دي لان السيرفر مش هيعمل اي حاجة غير انه هيبعتها ..فلازم نكون حاططينها عليه بلغة يفهما البراوزر لما يبعتهاله....يارب يكون الاسلوب واضح..

تابعو باقى الدروس....

صمم موقعك بنفسك >>>الجزء الأول

معلومات هامة قبل البدء بالتصميم :
1- حدد الهدف من موقعك ومن هم جمهوره ، وبالتالي يجب تركيز الهدف دون التوسع والتشتت للحصول على أفضل النتائج

2- حدد خطة الموقع زمنياً وشكلياً وما إذا كانت هناك خطط مستقبلية بدلاً من أن تعيد التصميم في كل مرة تريد إضافة شيء .

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

4- ارسم تخطيط لموقعك على ورقة خارجية قبل البدء بتصميمه ، واجعل التنقل بين صفحاته سهل وممكن من جميع صفحات موقعك وليس من الرئيسية فقط .

معلومات هامة عند البدء بالتصميم :
1- استخدم فقط الخطوط الأساسية للنظام عند تحرير صفحات موقعك حتى يمكن قراءتها بوضوح من الأجهزة الأخرى

2- لا تستخدم الألوان المشعة والمتعبة للنظر ، واجعل النصوص بخطوط واضحة وألوان بارزة .

3- لا تكثر من استخدام الجافا سيكربت والأنفي جافا .

4- لا تكثر من استخدام الصور في الصفحة الواحدة ، وقلل حجم الصورة إلى أقل قدر ممكن من غير تشويه لمظهرها .

5- ابتعد قدر الإمكان عن استخدام الإطارات ( الفريمات ) .

6- ركز في موقعك على الكيف لا على الكم ، واجعله اكثر تخصصاً خاصة إذا كنت وحدك من يتولى إنشاؤه .

7- إذا صممت موقعك بتقنية فلاش فاجعل منه نسخة أخرى بتقنية

HTML .8- اجعل موقعك ينفرد في معظمه بمحتويات يتعذر وجودها في مواقع أخرى

9- إذا كان الموضوع طويلاً حاول تقسيمه إلى عده صفحات حتى يسهل تصفحه

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

معلومات هامة قبل النشر :
1- اعرض الموقع على عينة من أصدقائك ومن تثق برأيهم ، وخذ آراءهم ثم عدّل حسب اقتراحات العينة ، ثم اعرضه عليهم قبل الطرح النهائي

2- اجعل عنوان موقعك قصير قدر الإمكان ويدل على محتواه حتى يسهل على الزائر تذكره .

معلومات هامه عن ما بعد التصميم والنشر :
1- وفر خدمة البحث في موقعك فهي خدمة أساسية يحتاجها الكثيرون للبحث عن شيء محدد .

2- أرسل موقعك لمحركات البحث العالمية باستمرار ليظهر موقعك في أول نتائج البحث .

3- أضف موقعك لأدلة المواقع العربية وهي كثيرة ويستخدمها الكثير من طالبي المواقع العربية .

4- قم بتبادل الروابط ( الوصلات ) مع المواقع الأخرى فهذا يزيد مركزك في محرك البحث العالمي Google ، وهو ما يسمى Link Farm . فإيصالك بنا يرفع اسهمنا معاً ، والعكس صحيح .

5- وفر خدمة ( أخبر صديقك ) بالموقع ليخبر الزوار غيرهم عن الموقع .

6- ضع رابط لموقعك في كل بريد ترسله .

7- صمم صفحة ( اربط بنا ) وضع فيها بانرات لموقعك وبمقاسات متعددة ليضعها الآخرون في مواقعهم

8- حاول جمع أكبر عدد من البريد الإلكتروني عن طريق وضع ( قائمة بريدية ) بالموقع لكي تكون على اتصال دائم بزوار موقعك ، وبهذا لن تخسر الزائر بعد خروجه .

9- لا تترك رسالة استفسار أكثر من يومين بدون رد ولتجنب ذلك جزئياً قم بعمل رد آلي لبريد موقعك .

10- تابع مجريات الموقع من عدد زيارات ، شكاوي ، مقترحات ، وخلافه

11- جدد محتويات موقعك باستمرار وأضف إليه كل جديد ومفيد

12- حاول أن تجرب أي تغييرات وترى مدى تأثيرها على الزوار

13- إذا كان هدفك تجاري فلا تستعجل الكسب أبداً .