إنشاء موقع ويب | قبل أن تبدأ | أساسيات الموقع



کم مرة زرت موقعا وأعجبت به ؟ من حيث التصميم و الشكل و الإبداع مثل موقع عصام ويب حاليا.
لكن فلتبتعد عن مكان المتفرج و متابع للمحتوى و لتكن لك مشاهدة مبرمج و عارف بالمجال ..
يا ترى هل فكرت أن تبدا في جربتك الخاصة بإنشاء موفعك.
إن هذه المقالة ليس مخصص لإنشاء موقع "خطوة خطوة" ولن تقودك لتكون مليونبرا من خلال موقع أيضا... 
بل هي عبارة عن رواية لتجربة ناجحة بل اعنبرها دليلا يعينك على اخاذ العديد من القرارات بشأن هذا الموقع. وخطوة أولى في مشوارك نحو النجاح الذي تطمح إلبه .

هنا أعرفك على نقاط يجب عليك التفكبر بشأنها قبل أن تبدأ بإنشاء موقعك. لذلك. فإن كنت تملك لمحة عامة حول موقعك المستقبلي فأنا لا أری مانعا من انتقالك للمقالة الثانية التي سيتم نشرها مستقبلا وتجاوز هذا المقالة.

المقالة تحت عنوان : قبل أن تبدأ.

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

مجال الموقع:

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

اسم الموقع:

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

قم بوضع مخطط بسيط لموقعك يضم أهم التصنيفات:

الآن لنفرض مثلا أنك اخترت مجال كرة القدم التي تود تضمينها به. في هذه الحالة قد يكون مخطط موقعك كالتالی 
آخر أخبار النوادي - لقاءات حصرية - صور لاعبين - أوقات المباريات ....
المهم أن تصنف محتوی موقعك. ولو مبدئیا. فهذا يسهل عليك معرفة ما تكتب، وعما تكتب، وكيف تنظم موقعك. . من جهة، ويسهل على الزائر التنقل في الموقع من جهة ثانية.
وهنا لا يفوتني إخبارك أن هنالك صفحات "أساسية يتوقع كل زائر أن يراها في المواقع التي بزورها.  هذه الصفحات هي:
الصفحة الرئيسية: عند كتابة اسم domain موقعك في متصفح الإنترنت الخاص بالزائر فهذه الصفحة هي أول ما يراه. لذلك حاول أن توليها اهتماما خاصا. قم بوضع أهم وأغني محتويات موقعك في هذه الصفحة. وهنا لا أقصد النص کاملا، أو كل مقاطع الفيديو (حسب نوع الموقع) بل شرحا مختصرا مع رابط Link لكل عنصر | يمكنك بكل بساطة إستعمال أو إضافة سلايدر بالصفحة  
صفحة التواصل: بإضافتك لهذه الصفحة فأنت تتيح لزوارك إمكانية البقاء على اتصال معك و مرة أخرى فما هذه الصفحة يعتمد على نوع موقعك فإن كنت صاحب شركة أو كنت تاجر إلكترونيا فالأحسن أن تضيف إليها رقم الهاتف و خرائط غوغل و عنوان عملك حتى تضفي مزيدا من المصداقية لعملائك عدا ذلك فأنا أنصحك بالاكتفاء بوضع بريدك الالکتروني أو حساباتك على المواقع
الاجتماعية (سنتحدث عن هذا لاحقا)
صفحة حول الموقع: إن كان لديك تاريخ حافل بالإجازات فلا تذكرها في كل مقال أو في كل صفحة بل خصص هذه صفحة لذلك. وإن كنت هاويا فقط يمكنك وضع معلومات بسيطة .
أخيرا خريطة الموقع : لقد تم التحدث عنها من قبل في مقالة تحت عنوان | فهرس المواضيع | متجاوبة مع كل المتصفحات و المواقع ، بالإضافة إلى أنه قد قمنا بشرحها بالتفصيل الممل لذلك لا تنسى زيارة المقالة و الإطلاع على ما يدور بها من تحديثات مهمة ، أما بالنسبة في طريقة التركيب فهي سهلة و ها لا يتطلب الكثير من الخبرة في مجال البرمجة و لغات البرمجة . 


تصميم قالب بلوجر متجاوب 2019


السلام عليكم و رحمة الله تعالى و بركاته .

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

اليوم سنتناول درس جديد و موضوع حصري -| نسأل الله لكم التوفيق |- .
هاذا الموضوع ليس للمبتدأ نوع ما فهاته المرحة بحاجة الى الإلمام بمتطلبات و أساسيات لغات البرمجة . سنحاول التبسيط قدر المستطاع حتى نوفر لكم موضوع فريد من نوعه كما عودناكم . فأهلا مرة أخرى إلى بوابت الإحتراف .
هاذه المادة التعليمية مخصصة لـ:

  1. لكل من يريد تحويل ملف html الى blogger بلوجر.
  2. لكل من يريد تصميم و تطوير قوالب بلوجر بإحتراف. 

قبل 04 سنوات من اليوم كنت ابحث عن مقالة مماثلة تساعدني على الأقل في معرفة الأمور اللازمة لبلوغ حلمي و هو خلق قالب بلوجر ولو بسيط يكون من إنتاجي و تصميمي الخاص . و كنت سأصبح فخورة بذلك . لكن المحتوى العربي الذي تشمأز منه الأنفس و هو عبارة عن نسخ لصق . 
نأخذ مثال : مثلا مدونة تطرح قالب بلوجر خام | جاهز للبدأ | لكن صاحب المدونة لا يفقه حتى في طريقة التعديل و التركيب . و هاذا ما صعب الأمر كثير . جعلني هاذا الأمر أتخر قرابة 04 أشهر من أجل التمكن من اللغة الأنجليزية و الإنتقال بحلمي وراء البحار .  لا يمكنني وصف شعوري و أنا أسبح في المواقع الأجنية | الإتقان - التخصص - العمل بالضمير | .
المحتوى العربي الأغلبية مواقعهم عبارة عن إختصار روابط إعلانات - تفاهات . 

تصميم قالب بلوجر :

إذا كنت تنتضر وجود برنامج من نوع ما يقوم بتصميم الفوالب و التعديل عليها بضغطة زر ، فهاذا أمر رائع، لكن الأمور لا تسير على هاذا الشكل فتصميم أو تحويل ملف html الى ملف قالب على هيأت xml بحاجة إلى مجموعة من الطرق سنتطرق لها واحدة واحدة . 
في بداياتي كان التصميم بالنسبة لي على شكل إضافات و تحسينات بالإضافة إلى القليل من التأثيرات و الملحقات . يمكنك الإطلاع عليها جميعا . لكن أنت بحاجة غلى المزيد لتقوي مهاراتك.

لذلك يجب معرفة كيف تسير و طبيعة عمل هاته اللغات | الجافا و html و css | هاته اللغات كافية كبداية .

تحويل ملف و صفحة html إلى xml | قوالب بلوجر خلال دقائق:

المتطلبات:
  1. لغة html | ضرورية |
  2. لغة css | ضرورية |
  3. لفة xml | إختيارية |
  4. لغة الجافا js | إختيارية |
  5. أيضا Responsive Framework | إختياري |
  6. برنامج Notepad++ | إختياري |
بلوجر يدعم ملف و لغة واحد xml لذلك أنت بحاجة إلى تغير إسم الملف من html إلى xml و ذلك لتسهيل رفعه إن شئت ، أو يمكنك نسخه مباشرة إلى الصفحة .
لا تقلك سيصبح الأمر أكثر سهولة . لأن أغلب الأكواد سيتم إضافتها تلقائيا من طرب بلوجر فهاذا ما يسهل علينا المهم ، لذلك كنت سريع و أنت تبرمج .
إفتح ممحرر الأكواد الخاص بك و إنسخل داخله أكواد html الخاصة بك ، و إحفظه بالإسم الذي تريد لكن لا تنسى .xml في الأخير.
كن ذكي و ركز خلال نسخ الأكواد التالية :
إحذف جميل الأكواد الموجودة داخل <head> و إستبدلها بالكود التالي:


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html><html class='no-js' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'> <!--<![endif]-->
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#'>
في نهاية </head> ضع الكود التالي
<b:skin><![CDATA[
/**ضع جميع أكواد css الخاصة بك هنا**/
]]></b:skin>
و الآن جب علينا تخصيص جسم العرض الخاص بالقالب من الرأس إلى قسم تذييل الصفحة. و إلا لن يم عرضه تلقائيا لذلك نحن بحاجة إلى إضافة ما يساعك على العرص التلقائي دون تدخل منا .

يجب قبل ذلك التعرف على الفرق بين الأقسام و الإضافات :

القسم هو النطاق أو المنطقة حيث يمكن وضع عنصر واجهة مستخدم أو أكثر. لإضافة عنصر واجهة مستخدم نحتاج إلى عدم إضافة رمز ، نحتاج إلى إضافة قسم فقط. يبدوا أن الأمر مفهوم .
لإنشاء قسم أنت بحاجة إلى إضافة هاذا الكود البسيط 
<b:section></b:section>
لكنه ليس كافي أنت بحاجة إلى إضافة class و id و عدد الإضافات و غيرها 
شاهد المثال التالي :
<b:section class='section_name' id='section_name' maxwidgets='1' showaddelement='yes'></b:section>
يجب التنويه ألى أنه يجب عليك إضافة مكان الإسم والشهار الخاص بالموقع في مكان  header يمكنك مشاهدة المثال التالي :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='' type='Header'></b:widget></b:section>
يبقى إضافة main و هو مكان عرض المواضيع
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog' version='1'>
</b:widget></b:section>
الشريط الجانبي: ضع الكود التالي داخل الجزء الخاص به كما ذكرنا سابقا .
<b:section class='sidebar' id='sidebar' preferred='yes'></b:section>
تذييل الصفحة : الشريط الجانبي FOOTER

<b:section class='footer' id='footer' preferred='yes'></b:section>
إذا أردت إضافة المزيد ! نعم بكل بساطة يمكنك ذلك .

يرجي التنهيو إلى أن هاته الأمور غير كافية أنت بحاجة إلى :

  1. تخصيص CSS
  2. تخصيص Meta تاج
  3. تخصيص Schema.
  4. تخصيص التصميم الديناميكي الخاص بعرض البيانات | أضن أنه سيكون مرفق داخل html الخاص بك |

تعديل وتخصيص رسالة الكوكيز



السلام عليكم
ورحمة الله
وبركاته

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


قبل تصميم الشعارات !


السلام عليكم و رحمة الله تعالى و بركاته .

مرحبا بكم أصدقائي و متابعي موقع عصام ويب

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

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

أولا : 

قبل البدا في تصميم شعارات يجب التنويه إلى أنه أحد الفخر و الإعتزاز لذلك يجب يكون في أفضل حالاته .
  1. الشعار عبارة عن توقيع ، و رمز للنبل و التباهي .
  2. الشعار لا يباع "فورا" بل يعرف.
  3. الشعار لا يكون وصفا لعمل إلا في حالات نادرة.
  4. الشعار يستمد معناه من جودة الشئ   الذي يمثله أو يرمز له، وليس العكس .
  5. الشعار أقل أهمية من المنتج أو الموقع الذي يطرح عليه بالإضافة إلى أنه أكثر أهمية من | كيف يبدو | 
  6. موضوع الشعار يعتبر أمر مهم ، و قد يكون أي شئ تقريبا! لذلك هو بحاجة إلى الوقت .
و في الأخير إخواني القاعدة المبدئية في الشعارات هي أن يكون | بسيط | إبتعد عن الشعارات الصعبة و  المعقدة أو الغامضة ، لأن ذلك يعد تدميرا للشعار بشكل ذاتي.
في البداية يجب أن تعلم تصميم الشهار يكون معبر و يرمز للشركة أو الموقع ، و ليس ما يقدمه لتلك الجهة ، هذه هي وظيفة الشعارات الأساسية .
 يجب تذكر ذلك ...

التحكم في الأكواد






السلام عليكم ورحمة
الله وبركاته

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

gta 5 بحجم خرافي 200mb للكمبيوتر



السلام عليكم ورحمة
الله وبركاته


 في هذا الدرس سوف نخرج عن ما نقدمه قليلا بتدوينة
نظن أنها ستثير اهتمام الجميع
اللعبة الشهيرة gta 5 بحجم خرافي 200 mb

معلومات عن اللعبة:

سرقة السيارات الكبرى 5، هي لعبة الفيديو من نوع عالم مفتوح أكشن-مغامرات طورت من قبل روكستار نورث ومن نشر روكستار جيمز. صدرت في 17 سبتمبر 2013 للاكس بوكس 360 والبلايستيشن 3 .وتم الإعلان عن موعد صدورها لمايكروسوفت ويندوز في 14 أبريل 2015.


صور من اللعبة:




متطلبات التشغيل:

المواصفات الدنيا:
  • OS: Windows 8.1 64 Bit, Windows 8 64 Bit, Windows 7 64 Bit Service Pack 1, Windows Vista 64 Bit Service Pack 2 (NVIDIA video card recommended if running Vista OS)
  • Processor: Intel Core 2 Quad CPU Q6600 @ 2.40GHz (4 CPUs) / AMD Phenom 9850 Quad-Core Processor (4 CPUs) @ 2.5GHz
  • Memory: 4GB
  • Video Card: NVIDIA 9800 GT 1GB / AMD HD 4870 1GB (DX 10, 10.1, 11)
  • Sound Card: 100% DirectX 10 compatible
  • HDD Space: 65GB
  • DVD Drive
المواصفات التي ينصح بها:
  • OS: Windows 8.1 64 Bit, Windows 8 64 Bit, Windows 7 64 Bit Service Pack 1
  • Processor: Intel Core i5 3470 @ 3.2GHZ (4 CPUs) / AMD X8 FX-8350 @ 4GHZ (8 CPUs)
  • Memory: 8GB
  • Video Card: NVIDIA GTX 660 2GB / AMD HD7870 2GB
  • Sound Card: 100% DirectX 10 compatible
  • HDD Space: 65GB
  • DVD Drive



أداة استخراج أكواد الألوان من الصور



السلام عليكم ورحمة
الله وبركاته


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

تغيير شكل الصور عن طريق css



السلام عليكم ورحمة
الله وبركاته


نعود اليكم بدرس جديد يتمحور حول كيفية تغيير شكل الصور الى عدة
أشكال فقط عن طريق css

تحويل الاكواد من scss الى css



السلام عليكم ورحمة
الله وبركاته
--
في هذه التدوينة نقدم اداة لتحوبل الاكواد من scss الى css

ايقاف right click للماوس على موقعك



السلام عليكم ورحمة
الله وبركاته
--
نفتتح بتدوينة جديدة لكل من يعاني من سرقة اكواد موقعه
هذه الاداة تقوم بايقاف right click للماوس على موقعك