| ||||||||||||
[ ••●| درس 3 | اساسيات لغة HTML الجزء الثاني |●•• ]
••●| طريقة تركيب سيرفر محلي بطريقة سهلة |●••
اولا بعد تحميل الملف في آخر الموضوع نذهب اليه
ثم
ثم
ثم نواصل
بعدها نحدد كل الخيارات ونواصل
الآن نكتب في الخانة الاولى localhost
وفي الثانية نكتب الايميل
الآن نضع الباس
من الافضل وضع root
ثم
ننتظر
الآن نختار التالي وننهي التثبيت
ثم نضع في الخانة الاولى root والثانية نضع الباس الذي قمنا بوضعه في التحميل
ثم نختار
star7arab
هي قاعدة البيانات
هي قاعدة البيانات
ثم نضغط على creer
نلاحظ
ثم نتوجه الى
ثم نذهب الى
ثم
ثم نملء
نتوجه الى
بعدها
ثم
ثم
ثم نوجه الى
و نقوم ب
بعدها
ملاحظة الشرح خاص بي ومقدم لمنتديات star7arab
اي استفسارات ضعوها في التعليقات
لتحميل البرنامج
[ ••●| درس 2 | اساسيات لغة HTML الجزء الاول |●•• ]
السلام عليكم اخواني
حسناً فلنبدأ الشرح تكتب لغة HTML برموز كثيرة وغريبة باللغة الانجليزية
واولها TAG تعني باللغة العربية الوسوم
وللغة الهتمل اكواد بداية ونهاية وتكون كالتالي
سوف اشرح بعض الوسوم
اولا وسم <html> الذي هو اهم وسوم اللغة المستخدمة في بناء الصفحات لانه يقوم بتعريف المتصفح انك تستعمل نسخة html
ويوضع هذا الوسم في اول ملف الصفحة وبدونه يكون محتوى الصفحة مشوه وغير مفهوم في المحتوى
ثم نذهب الى وسه <head> الذي يستخدم بصفة العامة في التعريف بصاحب الملف و التعريف بالصفحة واللغة والعديد من الاشياء نعرفها في القادم ان شاء الله
ثم وسم <title> وهو يمثل الجملة التي توضع في اعلا المتصفح عند الدخول الى الصفحة ويوضع هذا الوسام بين الوسمين <head> و </head>
ثم وسم <body> وهو محتوى الصفحة وتقريبا كل الاكواد تاتي بداخله وسوف نعرف الكثير عنه فيما سوف ياتي من دروس
وللتبسيط عن هذه الاكواد للذي لم يفهمها جيدا ولم يفهم مكانها
بالصورة التالية
سؤال : هل تبدا كل ملفات html بوسم <html> وتنتهي بوسم </html>
نعم هي كذلك وايضا الملفات تكون بصيغة .html / .htm
مثال بسيط
ثم نقوم بالحفظ بهذا الشكل
ثم
ثم افتح المتصفح وانظر الى النتيجة التي تاتيك
تم الدرس
بعد تطبيقة اعطوني نتائجكم في فتح المتصفح
واي مشكلة ضعوها في ردود
ثم وسم <title> وهو يمثل الجملة التي توضع في اعلا المتصفح عند الدخول الى الصفحة ويوضع هذا الوسام بين الوسمين <head> و </head>
ثم وسم <body> وهو محتوى الصفحة وتقريبا كل الاكواد تاتي بداخله وسوف نعرف الكثير عنه فيما سوف ياتي من دروس
وللتبسيط عن هذه الاكواد للذي لم يفهمها جيدا ولم يفهم مكانها
بالصورة التالية
سؤال : هل تبدا كل ملفات html بوسم <html> وتنتهي بوسم </html>
نعم هي كذلك وايضا الملفات تكون بصيغة .html / .htm
مثال بسيط
ثم نقوم بالحفظ بهذا الشكل
ثم
ثم افتح المتصفح وانظر الى النتيجة التي تاتيك
تم الدرس
بعد تطبيقة اعطوني نتائجكم في فتح المتصفح
واي مشكلة ضعوها في ردود
[ ••●| درس 1 | مقدمة في لغة HTML |●•• ]
السلام عليكم اخواني
قبل كل شيء في البداية اريد تقديم لكم لغة html بتعريف شامل وبسيط عنها لفهمها اكثر
لغة HTML هي ما تدعى بالعربية لغة الهتمل لذا ان وجدتم في دروسي القادمة جملة لغة الهتمل فاهموها بلغة html 
ونبدأ
اولا ماهي لغة الهتمل ؟
هي بطبيعة الحال اختصار لجملة Language Markup Text Hyper وهي احدى لغات انشاء المواقع الثابتة وتزييد
الرسائل الالكترونية
وهذه اللغة بطبيعة الحال بسيطة جدا ليست مثل الجافا و غيرها بل هي ابسط من اللازم لا تحتوي على شفرات وصعوبات وتعقيدات
ولا تستلزم مسبقات في البرمجة
ثانيا ان نجد هذه اللغة ؟
ببساطة نجدا في المواقع على شكل ملف اندكس ونجدها في المواقع الثابتة مبسطة جدا
وايضا نجدها في مدونة بلوجر خاصة لتزييد المشاركات والتعليقات وفي المدونات التي لا تحتوي على محرر نصوص متقدم
تم الاول ونلتقي في الدرس القادم
طريقة وضع خريطة لموقعك في مندة 30 دقيقة
... بسم الله الرحمن الرحيم ...
كثيرا من أصحاب المدونات يجد صعوبة في تقديم ما يسمي بملف ال site map أو خريطة الموقع .. فهذا الملف مهم جدا لأرشفة المواضيع الخاصة بة .
ولذلك سأقوم بتبسيط عمل هذا الملف لتسهيل المهمة للجميع ولكي يستفيد كل صاحب مدونة من هذا الشرح .
أولا ما معني خريطة الموقع ؟
سؤال مهم جدا يجب أن تعرفة جيدا ويجب أيضا أن تعرفة إجابتة جيدا .
وللإجابة علي هذا السؤال أقول أنة إذا أقدم أحد منا علي أفتتاح محل مثلا فمن الضروري عمل ملصقات ومنشورات بها عنوان هذا المحل و نوع منتجاته و أسعارها ...ألخ , ويتم توزيع هذه المنشورات علي أكبر عدد من العملاء ليتمكن صاحب المحل من وصول أكبر عدد زوار لهذا المحل بأقصر الطرق .
و بالنسبة لخريطة الموقع نفس الشئ ولكن هي عبارة عن عمل وصف لموقعي لمساعدة محركات البحث للوصول إلي مواضيعي بأسرع وقت ممكن دون عناء وكسب أكبر عدد من الزاوار بمعنى إنه إذا كتبنا تدوينة جديدة فإن المطلوب نشرها في الويب وأرشفتها بأسرع وقت ولكن كيف يكون ذلك بدون دعاية ولذلك فإن عمل ملف السايت ماب الذي سيكون به معلومات موقعي سيقوم بهذه المهمة لأنة هو الوسيط بين موقعي وبين جوجل التي تقوم بأرشفة مواضيعي فيسهل عليها البحث داخل الموقع ويعرض لها الصورة الكاملة عن محتوي موضوعاتي تلقائيا بمجرد إرسال أو تعديل أو أي شئ أقوم بة في موقعي و للعلم لا يوجد داعي لعمل خريطة موقع في كل مرة نكتب فيها تدوينات جديدة.
و الأن سنتعرف سويا علي كيفية عمل هذه الخريطة أو بشكل أخر عمل ما يسمي ملف sitemap بطريقة سلسة وبدون تعقيد وبإذن الله ستتمكن من عمل هذه الخريطة أو sitemap لمدونتك بكل سهولة ...
كل ما عليك هو أن تتابع معي الخطوات التالية بدقة :
لنبدأ بعمل تحقق من الموقع أولا :
1- بعد تسجيل الدخول في حساب جوجل ستظهر لك الصورة التالية :
أختر منها أدوات أصحاب المواقع :
2- ستظهر لك نافذة جديدة كما بالصورة التالية :
أضغط علي جملة إضافة موقع :
3- ستظهر لك نافذة جديدة كما بالصورة التالية :
اكتب بها عنوان موقعك بدون http://www/ ثم أضغط علي كلمة "متابعة "
4- ستظهر لك نافذة جديدة كما بالصورة التالية :
ستجد بها كود ... قم بنسخ هذا الكود ولا تضغط علي كلمة تأكيد كل ما
عليك في هذة الخطوة هو أن تقوم بنسخ الكود فقط وتابع الأتي .
5- بعد نسخ الكود قم بالدخول لحسابك ثم قم بالدخول الي لوحة التحكم بالمدونة كما بالصورة التالية :
ثم أضغط بالماوس علي التخطيط ثم أختر تحرير html .
6- بعد الضغط علي تحرير html سيظهر لك صندوق الأكواد كما بالصورة التالية :
هذا الصندوق يحتوي علي مجموعة أوامر خاصة بالقالب وتصميمة والخطوط والألوان فيجب ان تكون حزر جدا في التعامل معة لأن أي خطأ ولو في رمز صغير سيقلب معك الموازين وسيحدث خلل بالقالب فكن حزر فقط ولا تخف .
7- بعد ظهور صندوق الأكواد سنبحث عن كلمة head بداخلة ولتسهيل عملية البحث أضغط علي أي مكان بداخل صندوق الأكواد بالماوس ضغطة واحدة ثم عن طريق لوحة المفاتيح نضغط ctrl ثم حرف f ستظهر لنا قائمة صغيرة للبحث نكتب بها هذه الكلمة head ونضغط inter ستظهر لنا كلمة- head ثم نلصق بعدها مباشرة الكود الذي تم نسخة كما بالصورة التالية :
ثم نضغط حفظ القالب .
8- بعد حفظ القالب نكمل عملية التحقق من الموقع كما بالصورة التالية :
بعد حفظ القالب نرجع للصفحة التي قمنا بنسخ الكود منها وبعد لصق الكود في صندوق الأكواد بالمدونة نضغط علي كلمة تأكيد وبهذا نكون قد أنتهينا من عمل تحقق للموقع وهذا التحقق لكي تتأكد جوجل انك أنت المالك لهذه المدونة . " هذا الموضوع خاص بمدونة الحبوني " .
9- بعد الضغط علي كلمة تأكيد سينتقل بك المتصفح الي نافذة جديدة وستظهر لك الصورة التالية :
نجد بهذة الصفحة ما يسمي ملف site map أضغط علية بالماوس .
10 - بعد الضغط بالماوس ستظهر لك النافذة التالية:
أضغط علي إرسال ملف site map .
11- بعد ذلك ستظهر لك النافذة التالية وبها جملة إرسال ملف site map :
ركز معي جيدا في هذه الخطوة ,, بعد ظهور النافذة السابقة كل ما هو مطلوب منك هو أن تضع بها ملف السايت ماب ولكي نضع بها هذا الملف لابد من صناعة ملف السايت ماب بموقع أخر مخصص لصناعة مثل هذه الملفات ثم نأخذ الكود منة ونضعة في هذه النافذة الأمر بسيط جدا كل ما عليك فعلة هو أن تدخل علي هذا الموقع من هنا لكي تصنع ملف سايت ماب لمدونتك عن طريق إدخال رابط مدونتك والضغط علي صناعة ملف كما بالصورة التالية .
1 - قم بإدخال رابط مدونتك .
2 - قم بالضغط علي جملة creat blooger site map .
3 - قم بنسخ الملف وستجدة بالأسفل عبارة عن جملة مثل هذه الجملة " atom.xml?redirect=false&start-index=1&max-results=500 " كل ما عيك هو أن تقوم بسخ هذه الجملة من الموقع وتتأكد من أنك أدخلت عنوان موقعك الصحيح ثم تقوم بنسخ هذا الملف و تضعة في خانة تقديم ملف سايت ماب .
12- بعد الضغط علي جملة تقديم ملف site map ستظهر النافذة التالية :
وتفيد بأنة يجب الأنتظار القليل من الوقت لكي يتم مراجعة الملف المرسل ومن ثم بداية أرشفة مواضيعك بطريقة سريعة .
13 - المرحلة الأخيرة وهي عمل refresh لنفس الصفحة السابقة ولكن بعد مرور علي الأقل ثلاث دقائق :
وذلك للتأكد من وجود علامة صح بجانب كلمة atom.xml بعد مرور دقيقة أو دقيقتين تقريبا أو حسب سرعة التوصيل و يمكنك الدخول علي صفحة التحقق والتاكد من عملية الأرسال وذلك بوجود علامة صح باللون الأخضر ومعناها نجاح عملية أرسال الملف .
بعد عمل التحقق وعمل ملف السايت ماب أن بحاجة إلي الإنتقال إلي
المعايير الخاصة بتحسين النتائج في محركات البحث (SEO) لبلوجر لكي تقوم بتكملة ضبط خواص المدونة ولتتمكن من أرشفة مواضيع مدونتك بجوجل دون مما سيعود علي مدونتك بظهورها بنتائج مرضية في محرك البحث.
كثيرا من أصحاب المدونات يجد صعوبة في تقديم ما يسمي بملف ال site map أو خريطة الموقع .. فهذا الملف مهم جدا لأرشفة المواضيع الخاصة بة .
ولذلك سأقوم بتبسيط عمل هذا الملف لتسهيل المهمة للجميع ولكي يستفيد كل صاحب مدونة من هذا الشرح .
أولا ما معني خريطة الموقع ؟
سؤال مهم جدا يجب أن تعرفة جيدا ويجب أيضا أن تعرفة إجابتة جيدا .
وللإجابة علي هذا السؤال أقول أنة إذا أقدم أحد منا علي أفتتاح محل مثلا فمن الضروري عمل ملصقات ومنشورات بها عنوان هذا المحل و نوع منتجاته و أسعارها ...ألخ , ويتم توزيع هذه المنشورات علي أكبر عدد من العملاء ليتمكن صاحب المحل من وصول أكبر عدد زوار لهذا المحل بأقصر الطرق .
و بالنسبة لخريطة الموقع نفس الشئ ولكن هي عبارة عن عمل وصف لموقعي لمساعدة محركات البحث للوصول إلي مواضيعي بأسرع وقت ممكن دون عناء وكسب أكبر عدد من الزاوار بمعنى إنه إذا كتبنا تدوينة جديدة فإن المطلوب نشرها في الويب وأرشفتها بأسرع وقت ولكن كيف يكون ذلك بدون دعاية ولذلك فإن عمل ملف السايت ماب الذي سيكون به معلومات موقعي سيقوم بهذه المهمة لأنة هو الوسيط بين موقعي وبين جوجل التي تقوم بأرشفة مواضيعي فيسهل عليها البحث داخل الموقع ويعرض لها الصورة الكاملة عن محتوي موضوعاتي تلقائيا بمجرد إرسال أو تعديل أو أي شئ أقوم بة في موقعي و للعلم لا يوجد داعي لعمل خريطة موقع في كل مرة نكتب فيها تدوينات جديدة.
و الأن سنتعرف سويا علي كيفية عمل هذه الخريطة أو بشكل أخر عمل ما يسمي ملف sitemap بطريقة سلسة وبدون تعقيد وبإذن الله ستتمكن من عمل هذه الخريطة أو sitemap لمدونتك بكل سهولة ...
كل ما عليك هو أن تتابع معي الخطوات التالية بدقة :
لنبدأ بعمل تحقق من الموقع أولا :
1- بعد تسجيل الدخول في حساب جوجل ستظهر لك الصورة التالية :
أختر منها أدوات أصحاب المواقع :
2- ستظهر لك نافذة جديدة كما بالصورة التالية :
أضغط علي جملة إضافة موقع :
3- ستظهر لك نافذة جديدة كما بالصورة التالية :
اكتب بها عنوان موقعك بدون http://www/ ثم أضغط علي كلمة "متابعة "
4- ستظهر لك نافذة جديدة كما بالصورة التالية :
ستجد بها كود ... قم بنسخ هذا الكود ولا تضغط علي كلمة تأكيد كل ما
عليك في هذة الخطوة هو أن تقوم بنسخ الكود فقط وتابع الأتي .
5- بعد نسخ الكود قم بالدخول لحسابك ثم قم بالدخول الي لوحة التحكم بالمدونة كما بالصورة التالية :
ثم أضغط بالماوس علي التخطيط ثم أختر تحرير html .
6- بعد الضغط علي تحرير html سيظهر لك صندوق الأكواد كما بالصورة التالية :
هذا الصندوق يحتوي علي مجموعة أوامر خاصة بالقالب وتصميمة والخطوط والألوان فيجب ان تكون حزر جدا في التعامل معة لأن أي خطأ ولو في رمز صغير سيقلب معك الموازين وسيحدث خلل بالقالب فكن حزر فقط ولا تخف .
7- بعد ظهور صندوق الأكواد سنبحث عن كلمة head بداخلة ولتسهيل عملية البحث أضغط علي أي مكان بداخل صندوق الأكواد بالماوس ضغطة واحدة ثم عن طريق لوحة المفاتيح نضغط ctrl ثم حرف f ستظهر لنا قائمة صغيرة للبحث نكتب بها هذه الكلمة head ونضغط inter ستظهر لنا كلمة- head ثم نلصق بعدها مباشرة الكود الذي تم نسخة كما بالصورة التالية :
ثم نضغط حفظ القالب .
8- بعد حفظ القالب نكمل عملية التحقق من الموقع كما بالصورة التالية :
بعد حفظ القالب نرجع للصفحة التي قمنا بنسخ الكود منها وبعد لصق الكود في صندوق الأكواد بالمدونة نضغط علي كلمة تأكيد وبهذا نكون قد أنتهينا من عمل تحقق للموقع وهذا التحقق لكي تتأكد جوجل انك أنت المالك لهذه المدونة . " هذا الموضوع خاص بمدونة الحبوني " .
9- بعد الضغط علي كلمة تأكيد سينتقل بك المتصفح الي نافذة جديدة وستظهر لك الصورة التالية :
نجد بهذة الصفحة ما يسمي ملف site map أضغط علية بالماوس .
10 - بعد الضغط بالماوس ستظهر لك النافذة التالية:
أضغط علي إرسال ملف site map .
11- بعد ذلك ستظهر لك النافذة التالية وبها جملة إرسال ملف site map :
ركز معي جيدا في هذه الخطوة ,, بعد ظهور النافذة السابقة كل ما هو مطلوب منك هو أن تضع بها ملف السايت ماب ولكي نضع بها هذا الملف لابد من صناعة ملف السايت ماب بموقع أخر مخصص لصناعة مثل هذه الملفات ثم نأخذ الكود منة ونضعة في هذه النافذة الأمر بسيط جدا كل ما عليك فعلة هو أن تدخل علي هذا الموقع من هنا لكي تصنع ملف سايت ماب لمدونتك عن طريق إدخال رابط مدونتك والضغط علي صناعة ملف كما بالصورة التالية .
1 - قم بإدخال رابط مدونتك .
2 - قم بالضغط علي جملة creat blooger site map .
3 - قم بنسخ الملف وستجدة بالأسفل عبارة عن جملة مثل هذه الجملة " atom.xml?redirect=false&start-index=1&max-results=500 " كل ما عيك هو أن تقوم بسخ هذه الجملة من الموقع وتتأكد من أنك أدخلت عنوان موقعك الصحيح ثم تقوم بنسخ هذا الملف و تضعة في خانة تقديم ملف سايت ماب .
12- بعد الضغط علي جملة تقديم ملف site map ستظهر النافذة التالية :
وتفيد بأنة يجب الأنتظار القليل من الوقت لكي يتم مراجعة الملف المرسل ومن ثم بداية أرشفة مواضيعك بطريقة سريعة .
13 - المرحلة الأخيرة وهي عمل refresh لنفس الصفحة السابقة ولكن بعد مرور علي الأقل ثلاث دقائق :
وذلك للتأكد من وجود علامة صح بجانب كلمة atom.xml بعد مرور دقيقة أو دقيقتين تقريبا أو حسب سرعة التوصيل و يمكنك الدخول علي صفحة التحقق والتاكد من عملية الأرسال وذلك بوجود علامة صح باللون الأخضر ومعناها نجاح عملية أرسال الملف .
بعد عمل التحقق وعمل ملف السايت ماب أن بحاجة إلي الإنتقال إلي
المعايير الخاصة بتحسين النتائج في محركات البحث (SEO) لبلوجر لكي تقوم بتكملة ضبط خواص المدونة ولتتمكن من أرشفة مواضيع مدونتك بجوجل دون مما سيعود علي مدونتك بظهورها بنتائج مرضية في محرك البحث.
الاشتراك في:
الرسائل (Atom)
