مدونة لكم

الدرس الرابع: إنشاء موقعك الأول

2012-04-04T01:15:00.000+00:00

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

كيف؟

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

أنت جاهز الآن!

ماذا أفعل؟

لنبدأ بشيء بسيط، سنقوم بإنشاء صفحة تقول "مرحى! هذا هو موقعي الأول." أكمل القراءة وستعرف كم هو بسيط فعل ذلك.
لغة HTML بسيطة ومنطقية، المتصفح يقرأ HTML كما تقرأ أنت اللغة الإنجليزية: من الأعلى إلى الأسفل ومن اليسار إلى اليمين، لذلك صفحة HTML بسيطة تبدأ بما يجب أن تبدأ به أي صفحة HTML وتنتهي بما يجب أن يأتي في نهاية الصفحة.
أول شيء عليك فعله هو أن تخبر المتصفح بأنك "ستتحدث" معه بلغة HTML، يمكنك فعل ذلك عن طريق وسم <html> لا توجد أي مفاجئة هنا، لذلك قبل أن تبدأ أي شيء أكتب "<html>" في أول سطر في برنامج المفكرة.
كما تتذكر من الدروس الماضية، <html> هو وسم البداية ويحتاج إلى وسم إغلاق لذلك لا تنسى كتابة وسم الإغلاق بعد سطرين فارغين، وبقية الوثيقة ستكتبها بين <html> و</html>.
الشيء التالي الذي تحتاجه صفحتك هو أمر رأس الصفحة "head" والذي يقدم معلومات حول الصفحة للمتصفح، وكذلك تحتاج إلى أمر "body" والذي سيحوي المحتويات التي تريد ان تضعها في الصفحة، أمر head أو رأس الصفحة (<head> و</head>) يوضع فوق أمر body أو "متن الصفحة" (<body> و</body>).
صفحتك يجب أن تكون بهذا الشكل:

<html>

   <head>  
   </head>  

   <body>  
   </body>  

 </html>

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

جميل, لكن كيف أضيف المحتويات للموقع؟

كما تعلمت سابقاً، صفحة HTML تحوي جزئياً، رأس الصفحة ومتن الصفحة، في رأس الصفحة تكتب معلومات عن الصفحة نفسها، أما المتن فيضم المحتويات التي تشكل الصفحة..
مثلاً، إذا أردت أن تضع عنواناً للصفحة يظهر في الشريط العلوي للمتصفح فيجب أن تفعل ذلك في رأس الصفحة، العنصر المستخدم لفعل ذلك هو title. اكتب عنواناً للصفحة بين وسم البداية <title> ووسم الإغلاق </title>:

<title>موقعي الأول</title>

لاحظ أن العنوان لن يظهر في الصفحة نفسها، أي شيء تريده أن يظهر في الصفحة يجب أن يضاف بين وسمي متن الصفحة
كما قلنا سابقاً، نريد للصفحة أن تقول "مرحى! هذا هو موقعي الأول"، هذا النص الذي نريد وضعه في الصفحة، لذلك علينا أن نكتب في متن الصفحة ما يلي::

<p>مرحى! هذا هو موقعي الأول.</p>

لحرف p في <p> هو اختصار "paragraph" أو فقرة، وهو أمر بسيط لإنشاء فقرات نصية.
صفحة HTML يجب أن تكون لديك بالشكل التالي:

<html>

   <head>
   <title>موقعي الأول</title>
   </head>

   <body>
   <p>مرحى! هذا هو موقعي الأول.</p>
   </body>

 </html>

انتهينا! لديك الآن أول موقع حقيقي!
كل ما عليك فعله الآن هو حفظ الصفحة على القرص الصلب ثم عليك أن تستعرضها في متصفحك:

في برنامج المفكرة اختر "Save as..." من قائمة "File" في القائمة العلوية.
اختر "All Files" في نافذة "Save as type". هذا مهم جداً، لأنك إن لم تفعل ذلك ستقوم بحفظه كملف نصي وليس كملف HTML.
احفظ الصفحة باسم "page1.htm" الأحرف الثلاثة الأخيرة .htm تشير إلى أن الملف هو من نوع HTML، بإمكانك أن تحفظ تضع بدلاً منها ".html" وستكون النتيجة متماثلة، شخصياً أستخدم ".htm" دائماً، لكن بإمكانك أن تختار بينهما ما تشاء، فلا فرق بينهما، ولا يهم أين تحفظ الملف في القرص الصلب، ما دمت تتذكر أين حفظته لكي تستطيع إيجاده مرة أخرى.

الآن إذهب إلى متصفحك:

في القائمة العلوية اختر "Open" من قائمة "File" (CTRL+O).
إضغط على "Browse" في النافذة التي ستظهر لك.
إبحث عن الملف الذي قمت بإنشاءه واضغط على "Open".

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

جوجل تخدع العالم بكذبة أبريل عبر سيارة المكفوفين

2012-04-03T23:01:00.000+00:00

العربية نت

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

والطريف في الأمر أن الخبر حمل تفاصيل لا يمكن التشكيك بمصداقيتها، كما تضمن فيديو يُظهر مكفوفاً يقود سيارة، ويتوقف في محطة وقود، وكأن الأمر فعلاً حقيقي.

وجاء في ثنايا الخبر "ابتكرت شركة جوجل نظاماً جديداً للسيارات يتيح للمكفوفين قيادة السيارة بأنفسهم دون تدخل من أحد أو الاضطرار للمس عجلة القيادة. وكشفت جوجل لأول مرة عن مشروع القيادة الذاتية عام 2010".

وقد استمر تداول الكذبة التي انطلت أيضاً على شاشة "العربية" وصدقها الجميع، حتى المُعلِّقون على الخبر في "العربية.نت"، حتى فاجأت جوجل الجميع بأن "سيارة المكفوفين" كانت "كذبة أبريل".

"جوجل" توسع نطاق مشروع الفنون وتطلقه على المستوى المحلي google

2012-04-03T22:45:00.000+00:00

أعلنت "جوجل" اليوم عن شراكتها مع متحف المتحف ومتحف الفن الإسلامي في إطار مشروع الفنون "Art Project" الذي تطلقه في دولة قطر.

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

ولكي نذكر كافة المعلومات المرتبطة بهذا المشروع، فإننا نذكر أن عدد الأعمال الفنية ذات الجودة العالية قد ارتفع من 1,000 إلى أكثر من 30,000 صورة لأعمال فنية مختلفة في 9 متاحف. وتوجد أيضاً صور فوتوغرافية تستعرض الشوارع التي يتواجد بها 46 متحف، مع العمل على زيادة هذا الرقم في الفترة القادمة.

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

وقد أطلقت "جوجل" عربة مصممة خصيصاً ومزوده بتقنية "ستريت فيو" لالتقاط مشاهد وصور بزاوية 360 درجة من داخل صالات العرض المختارة والتي يتصل بعضها ببعض فيما بعد، بما يتيح للمستخدمين التنقل السلس داخل أكثر من 385 غرفة داخل المتاحف. ويمكن أيضاً استكشاف المتاحف من الداخل مباشرة من خلال Street View in Google Maps.
لمزيد من المعلومات يمكن زيارة هذا الرابط
http://www.youtube.com/watch?v=4ZdCByYeNRU

الدرس الثالث: العناصر والوسوم

2012-04-03T14:19:00.000+00:00

الآن أنت جاهز لتعلم جوهر لغة HTML وهي العناصر.

العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.

"وسوم"؟

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

كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".

بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.

لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

هل يمكنك أن تريني بعض الأمثلة؟

حسناً، العنصر em يشدد النص "يجعله مائلاً" وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائل في المتصفح. ("em" هي اختصار "emphasis".)

المثال 1:

 
 <em>نص مائل.</em>

سيظهر بهذا الشكل في المتصفح:

نص مائل

العناصر h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.

مثال 2:

 
 

<h1>هذا عنوان</h1>
 <h2>هذا عنوان فرعي</h2>

ستظهر بهذا الشكل في المتصفح:



هذا عنوان                  
  هذا عنوان فرعي

هل أنا بحاجة دائماً إلى استخدام وسم بداية ووسم إغلاق؟

كما يقولون، هناك استثناء من كل قاعدة، والاستثناء في HTML هو وجود عناصر تعتبر هي وسم البداية ووسم الإغلاق في نفس الوقت، وهي تسمى العناصر الفارغة لأنها غير مرتبطة بنص معين لكنها عناصر مستقلة تماماً، فمثلاً هناك وسم لكي لكسر النص وإجباره على الظهور في سطر جديد، هذا الوسم يظهر بهذا الشكل: <br />.

هل تكتب الوسوم بأحرف كبيرة أم صغيرة؟

معظم المتصفحات لن تهتم إذا كتبت الوسوم بأحرف كبيرة أو صغيرة أو خليط بين الإثنين، <HTML>، <html> أو <HtMl> كلها ستعطي نفس النتائج، مع ذلك الأسلوب الصحيح هو كتابة الوسوم بالأحرف الصغيرة، لذلك عليك أن تعتاد على كتابة الوسوم بالأحرف الصغيرة.

أين أضع كل هذه الوسوم؟

أكتب الوسوم في وثيقة HTML، المواقع تحوي وثيقة HTML أو أكثر، عندما تتصفح شبكة الويب أنت فقط تقوم بفتح وثائق HTML مختلفة.

إذا انتقلت إلى الدرس اللاحق ستتمكن من إنشاء موقعك خلال عشر دقائق.

الدرس الرابع: إنشاء موقعك الأول.

الدرس الثاني: ما هي HTML؟

2012-04-02T01:25:00.000+00:00

هذا الدرس سيعطيك مقدمة قصيرة عن HTML .

ما هي HTML

HTML هي اللغة الأم لمتصفحك.

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

HTML هي لغة تسمح بعرض المعلومات (مثال: البحوث العلمية) على شبكة إنترنت، ما تراه عند زيارتك لأي صفحة في الشبكة هو ترجمة المتصفح لأوامر HTML، لكي ترى HTML لأي صفحة تزورها عليك أن تضغط على قائمة عرض "View" ثم المصدر "Source".

لمن لم يعتد على رؤية هذه الأوامر، HTML تبدو معقدة لكن هذا الدرس سيساعدك على أن تفهمها.

ما فائدة HTML؟

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

HTML تستخدم لإنشاء المواقع، هذا كل شيء ببساطة!

حسناً، ماذا تعني H-T-M-L؟

HTML هي اختصار "HyperText Mark-up Language"، أنت لا تحتاج في هذه المرحلة لمعرفة ماذا تعني هذه المصطلحات، مع ذلك لنشرحها بتفصيل أكبر.

Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
Text تعني النص، وهذه تشرح نفسها.
Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.

في هذا الدرس ستتعلم أيضاً XHTML والتي تعني "Extensible HyperText Mark-up Language" وهي باختصار طريقة أحدث وأكثر تنظيماً لكتابة HTML.

الآن أنت تعرف ماذا تعني HTML وXHTML، لنبدأ مع ما يهمنا هنا: إنشاء المواقع.

الدرس الثالث: العناصر والوسوم

الدرس الأول/ تعلم html

2012-04-02T01:14:00.000+00:00

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

ما الذي تحتاجه؟

في الغالب أنت تملك كل الأدوات التي تحتاجها.

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

ليس مهماً أي متصفح تستخدم، المتصفح الأكثر انتشاراً هو مايكروسوفت إنترنت إكسبلورر، لكن هناك متصفحات أخرى مثل أوبيرا وموزيلا فايرفوكس وكلها قابلة للاستخدام.

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

بدلاً من ذلك ستحتاج إلى محرر نصي بسيط، إذا كنت تستخدم نظام ويندوز يمكنك أن تستخدم المفكرة "Notepad" والذي يمكنك أن تجده في قائمة إبدأ "start" ثم قائمة البرامج "Program" ثم في قائمة الأدوات "Accessories":

إذا لم تكن تستخدم ويندوز يمكنك أن تجد برامج مماثلة في أنظمة التشغيل الأخرى، فمثلاً لينكس يحوي برنامج بيكو "Pico" ونظام ماك يحوي برنامج TextEdit.

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

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

هل أحتاج بأن أكون على اتصال بالشبكة؟

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

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

ماذا بعد ذلك؟

إذهب للدرس التالي واقرأ عن HTML قبل أن تبدأ المتعة الفعلية عن الدرس الثالث.

الدرس الثاني : ما هي html ؟

مقدمة - درس HTML

2012-04-02T01:05:00.000+00:00

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

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

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

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

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

حسناً، لنبدأ في التعلم!

الدرس الأول

تعلم لغة البرمجة HTML

2012-04-02T00:48:00.001+00:00

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

درس HTML - جدول المحتويات

مقدمة
مقدمة قصيرة للدرس وما يمكن أن تتعلم فيه.
الدرس الأول
تعرف على الأدوات التي تحتاجها لإنشاء موقعك.
الدرس الثاني: ما هي HTML؟
تعرف على HTML وما تعنيه.
الدرس الثالث: العناصر والوسوم؟
ما هي العناصر والوسوم وفي ما تستخدم.
الدرس الرابع: إنشاء موقعك الأول
تعلم إنشاء وثيقة HTML الأولى - القالب الأساسي للصفحات الأخرى.
الدرس الخامس: ماذا تعلمت حتى الآن؟
ملخص ما تعلمته حتى الآن وما ستتعلمه في الدروس القادمة.
الدرس السادس: المزيد من العناصر
تعرف على العناصر السبعة الأكثر استخداماً.
الدرس السابع: الخصائص
تعلم إضافة المزيد من المعلومات للوسوم وتكوين أوامر واضحة.
الدرس الثامن: الروابط
اكتشف كيف تقوم بإنشاء رابط بين صفحتك وأي صفحة على الإنترنت.
الدرس التاسع: الصور
اكتشف كم هو سهل وبسيط أن تضيف صوراً لصفحتك.
الدرس العاشر: الجداول
قم بإنشاء الجداول لعرض المحتويات.
الدرس الحادي عشر: المزيد حول الجداول
المزيد من الأوامر المتقدمة لإنشاء الجداول.
الدرس الثاني عشر: التصميم (CSS)
استوعب كيف يمكن لتقنية CSS أن تستخدم لإنشاء تصميم لصفحتك.
الدرس الثالث عشر: نشر الصفحات
نشر صفحاتك على الإنترنت ليستطيع الآخرون الإطلاع عليها.
الدرس الرابع عشر: المعايير القياسية
تعلم المعايير القياسية للغة HTML وكيف تتأكد بأن ما كتبته صحيح.
الدرس الخامس عشر: النصائح الأخيرة
نصائح مختلفة لموقع أفضل.

شاشات “الورق الالكتروني” من “إل جي” قريباً في الأسواق LG

2012-04-01T23:05:00.000+00:00

تطمح الشركة إلى عمل ثورة جديدة في عالم القراءة

"فيسبوك" يعمل على بناء محرك بحث خاص به facebook

2012-04-01T22:40:00.000+00:00

بدأ موقع التواصل الاجتماعي "فيسبوك" ببناء محرك بحث خاص به، مستعيناً بفريق مكون من 20 مهندساً سابقاً في غوغل.

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

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

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

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

وول ستريت : غوغل تخطط لبيع الحواسب اللوحية عبر الإنترنت

2012-04-01T21:36:00.001+00:00

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

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

وتحاول غوغل من خلال هذه الخطوة دفع ركود مبيعات حواسبها اللوحية التى تعتمد على نظام أندوريد, والذى بدأت تدخل له غوغل مؤخرا عقب إطلاق هاتفها الذكى الأول نيكسوس ون المعتمد على نظام أندرويد فى 2010.

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

نظام أندرويد سيكتسح مبيعات الأجهزة المحمولة

2012-04-01T21:24:00.000+00:00

دويتشه فيله

كشفت دراسة تسويقية، أن مبيعات الأجهزة الإلكترونية، التي تعمل بأنظمة تشغيل أندرويد، سوف تفوق مبيعات الأجهزة التي تعمل بأنظمة ويندوز بحلول عام 2016، وأن مبيعاتها ستنمو إلى 31.1% من حجم السوق.

وأفادت الدراسة التي أجرتها مؤسسة "إيه.دي.سي" للدراسات التسويقية، أن مبيعات أنظمة أندرويد ستنمو إلى 31.1% من حجم السوق عام 2016، مقارنة بنسبة 29.4% في عام 2011.

وأضافت أن حصة الأجهزة التي تعمل بأنظمة ويندوز سوف تنخفض "بشكل درامي" 35.9% عام 2011 إلى 25.1 في عام 2016.

وتنبأت الدراسة التي نشرتها مجلة بي.سي ورلد الأمريكية المعنية بشؤون الكمبيوتر، بأن مبيعات الأجهزة التي تعمل بأنظمة تشغيل "أي أو إس" من أبل سوف تنمو أيضاً من 14.6% عام 2011 إلى 17.3% في عام 2016.

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

وأضاف مانيلي بالقول: "نتوقع أيضًا أن تركز نسبة كبيرة من شركات تطوير التطبيقات على نظام تشغيل (أو.إي.إس) لأن المستخدم النهائي لهذا النظام، أثبت أنه أكثر استعدادًا للإنفاق على التطبيقات عالية الجودة".

وأفادت مؤسسة "إيه.دي.سي" بأن إجمالي الأجهزة الإلكترونية الذكية التي تم شحنها العام الماضي بلغ 916 مليون جهاز، وأنها حققت عائدات تصل إلى 489 مليار دولار.

وتنبأت المؤسسة أن تصل حجم شحنات الأجهزة الإلكترونية هذا العام إلى 1.1 مليار جهاز، وأن يرتفع هذا الرقم إلى 1.84 بحلول 2016.

المصدر: عن جريدة الشروق

شرح طريقة إنشاء مدونة الكترونية على موقع بلوجر كوم Blogger.com

2012-03-31T20:35:00.000+00:00

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , شرح إنشاء مدونة الكترونية على موقع بلوجر كوم Blogger.com , وقبل أن تنشا مدونة الكترونية لابد أن تدخل الى موقع Blogger.Com ثم قم بتسجيل دخولك الى الموقع عبر حسابك في موقع Gmail وهي خدمة بريد Google.Com. ثم تابع معي الشرح بالصور

سجل دخولك الى موقع بلوجر عبر حسابك في موقع جوجل

قم بملأ البيانات ثم اضغط استمرار

إضغط أنشيء مدونتك ثم تابع

اكتب عنوان مدونتك , ثم URL الخاص بالمدونة ثم اضغط استمرار

اختر النموذج أو القالب الذي تريده

الآن مبروك تم إنشاء مدونتك .. اضغط لبدأ التدوين

الآن تم بفضل الله إنشاء مدونتك ..

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

مع متمنيات فريق لكم بلوجر .

جوجل تطلق تطبيق لمعرفة تحركات مستخدم الإنترنت google

2012-03-31T19:52:00.002+00:00

نيويورك، الولايات المتحدة الأمريكية(CNN)
أشار تقرير نشر، الأربعاء الأخير من مارس 2012، إلى إطلاق عملاق محركات البحث، جوجل، تطبيقاً جديداً يمكن للمستخدم من خلاله تتبع نشاطه على الإنترنت والمواقع التي تم زيارتها بشكل دوري على مدار الأسبوع أو الشهر.

وجاء في التقرير الذي نشر على المدونة الرسمية لموقع جوجل، أن النظام الجديد الذي أطلق عليه اسم "نشاط الحسابات، Account activity" يتيح الفرصة للمستخدم الوقوف والعودة لتتبع نشاطه على الإنترنت في الفترة الزمنية المرغوبة، من تقارير تصل إلى البريد الشخصي للمستخدم.

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

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

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

مدونة لكم

مليارات الكواكب في درب التبانة قابلة للسكن «مبدئياً»

2012-03-31T19:42:00.002+00:00

باريس (ا ف ب) - أعلن “مرصد أوروبا الجنوبي” أمس 30 مارس 2012 أن مليارات الكواكب القابلة للحياة والسكن مبدئياً موجودة في مجرة “درب التبانة”، ومن بينها 100 كوكب على الأرجح في جوار الشمس.

واكتشف فريق دولي تابع لبرنامج تلسكوب “هاربس” الكبير في المرصد، المقام في صحراء أتاكاما في تشيلي، 9 كواكب من نوع “الأرض الضخمة” ضمن عينة بسيطة من 102 نجمة من النجوم المعروفة باسم “القزمات الحمراء”، وهي كواكب صخرية تتراوح كتلتها بين مقدار حجم كتلة الأرض وعشرة أضعافها. وإذا وقعت منطقة حيث درجات الحرارة مناسبة لتوافر المياه السائلة، فيمكن نظرياً أن تستقبل نوعاً من أنواع الحياة. و”القزمات الحمراء” هي نجوم ضعيفة باردة نسبياً مقارنة بالشمس، منتشرة كثيراً في المجرة الشمسية وتشكل 80% من مجموع نجوم درب التبانة.

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

وأضاف في بيان أصدره المرصد، أن واقع انتشار “القزمات الحمراء الكبير” في درب التبانة، حيث يوجد نحو 160 ملياراً منها، أوصل إلى نتيجة مذهلة ومفادها أن هناك عشرات المليارات من تلك الكواكب في مجرتنا فقط. وبما أن الكثير من “القزمات الحمراء” تقع قرب الشمس فذلك يعني أن 100 “أرض” على الأرجح واقعة في المنطقة القابلة للسكن على مسافة أقل من 30 سنة ضوئية من الشمس، كما يوضح المرصد.

واكتشف التلسكوب المذكور “أكبر كوكب شقيق للأرض حتى الآن” أطلق عليه اسم “جلييسي 667 سي سي”، وهو أكثر كثافة بأربع مرات من “الكوكب الأزرق” المنتمي إلى نظام يتمتع بثلاث نجمات بالقرب من مركز المنطقة القابلة للسكن.

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

مدونة لكم

كيفية اضافة صندوق أعجبني متحرك للفيس بوك Like Box

2012-03-31T17:46:00.000+00:00

السلام وعليكم ورحمة الله اخواني أوفياء مدونة لكم.

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

طريقة اضافة الزر

1- اضافة الجي كوبري لتتمكن من تحريك الأداة للداخل والخارج.

- اذهب للوحة التحكم الخاصة بك

- تخطيط

- تحرير html

- توسيع عناصر القالب

- قم بالبحث عن

</head>

و ضع فوقه مباشرة :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

2- اضافة الأداة

- اذهب للوحة التحكم

- تخطيط

- اضافة أداة

- أنسخ الكود التالي بداخلها

<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEsk08hblRq8PFaG6irFlo7ncX0H72FeEeTHv8GCgGjfqGxvLh-ZEZ_zY1eHK8MGU8i8LBddJxYdz9hGV5NZ5OyZ_saOyUWjkE_0P7jrPHBEtOEwEqm_uIBLZZGLURMhow4G92vDZyTaX/s1600/facebook-page2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>

<div class="w2bslikebox" style="z-index: 9999999999;">
<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/laqom&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe>

</div>
<script type="text/javascript">
writeHTMLasJS();
</script>
</div>

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

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

مع متمنيات فريق لكم بلوجر

إضافة شارة صفحات جوجل بلس Google Plus

2012-03-29T23:51:00.001+00:00

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

في صفحتك على جوجل بلاس، و تحديدا تحت صويرة صفحتك تضغط رابط "بدء الأستخدام" ثم في مستطيل "توصيل موقعك الإلكتروني" تضغط على رابط "الحصول على الشارة »" و في النافذة المنبثقة تختار نوع و شكل الشارة، رمز، شارة صغيرة أو شارة قياسية و أجد الأخيرة أفيد، و تحدد اللغة و إن احتجت لمزيد من التعديل فيمكنك ضغط "خيارات متقدمة". بعد إنهاء التعديلات ستجد في آخر الصفحة كودا مولدا، هذا الكود ينقسم إلى قسمين. الجزء الأول منه تضعه مباشرة فوق </head> أما الجزء الثاني فتضعه في مربع HTML/Javascript من صفحة التخطيط ليظهر في القائمة الجانبية.

كذلك يمكنك وضع الكود الثاني في أي مكان من القالب لتظهره في موضع محدد من مدونتك غير القائمة الجانبية.

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

مع متمنيات فريق لكم بلوجر .

طريقة إنشاء صفحة لمدونتك على جوجل بلس Google plus

2012-03-29T23:48:00.000+00:00

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته.
انضافت مؤخرا إلى شبكة جوجل بلس الاجتماعية (Google plus) خدمة إنشاء الصفحات، فقد صار الآن بإمكانك أخي المدون أن تنشئ لمدونتك صفحة تنشر فيها مشاركاتك و تعلن فيها على مواضيع مدونتك حتى يتمكن متابعوك على جوجل بلس من تتبع أخبارك و آخر إنتاجاتك.

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

إنشاء صفحة على جوجل بلس.
إضافة شارة الصفحة إلى المدونة.
استبدال الملف الشخصي لبلوجر بجوجل بلس
ربط مدونات بلوجر بجوجل بلس

1. طريقة إنشاء صفحة على جوجل بلس

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

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

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

الآن أدخل وصفا مقتضبا لصفحتك و ارفع صويرة تخصص بها منظر صفحتك.

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

2. إضافة شارة الصفحة إلى المدونة.

اضغط هنا لمتابعة الموضوع

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

مع متمنيات فريق لكم بلوجر .

شرح رفع " تنصيب " قالب على مدونة بلوجر Install a Blogger Template

2012-03-29T23:35:00.001+00:00

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , شرح رفع قالب على مدونة بلوجر Install a Blogger Template , فبعد أن تقوم بتحميل القالب الذي يناسبك كي تضعه في مدونتك كقالب خاص بك , اليك طريقة تنصيبه أو رفعه رفعه على مدونتك في بلوجر , تابع معي شرح رفع قالب على مدونة بلوجر Install a Blogger Template

ادخل الى حسابك في موقع بلوجر .
من خلال لوحة التحكم ادخل على تصميمثم تابع معي الشرح بالصور

قم باستعراض القالب الخاص بك

تم بحمد الله ..

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

مع متمنيات فريق لكم بلوجر .

”جوجل بيكاسا“ تقنيات جديدة وداعماً لجوجل بلس picasa

2012-03-29T22:56:00.000+00:00

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

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

أن هناك ترابط بين المحادثات عبر جوجل + وألبومات الويب بيكاسا , فعندما تقوم بالتسجيل لجوجل +، تتقاسمها تعليقات جوجل وكذلك ألبومات الويب بيكاسا. وهذا يعني:

أنه عند إضافة صورة إلى جوجل بيكاسا مباشرة ستضاف إلى حسابك في جوجل بلس .
أن التعليقات على صور سيولد وظيفة على جوجل+ لنشرها , وسيتم عرض التعليقات على الصور في جوجل + في ”ألبومات الويب بيكاسا“.
عندها ستكون قادراً على التعليق على الصور الخاصة بك في ”ألبومات الويب بيكاسا“ فقط لمشتركي جوجل + .
يضاف على ذلك تحديد الصورة من ألبومات ”بيكاسا“ وإضافتها إلى خرائط جوجل .

”تعديل صور بيكاسا“

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

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

واعتمدت جوجل في الوظائف الفنية الجديدة التي أضافتها إلى بيكاسا على الموقع التابع لها “بيكنيك” والخاص بمعالجة الصور على الإنترنت.

إضافة زر 1+ المقدم من جوجل إلى مدونتك على بلوجر أو موقعك . icon +1

2012-03-29T21:39:00.000+00:00

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

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

يمكن اختيار أحجام مختلفة للزر (كبير، متوسط، صغير...)

الزر كما يبدو في نتائج بحث جوجل (متاح فقط في google.com مؤقتا)

الآن سنتعرف و رفقتكم الطيبة طريقة إضافة هذا الزر إلى مدوناتنا أو مواقعنا.

طريقة تركيب زر 1+ (زائد واحد) على مدونات بلوجر

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

صورة توضح طريقة إضافة أزرار المفضلات و زر 1+

و لمن يريد وضع زر 1+ المقدم من جوجل في مكان معين فالطريقة هي كالآتي.

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

ثانيا : ابحث عن </head> ثم فوقعه مباشرة ضع الكود الآتي.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>

يمكنك استبدال en-US ب ar لتغير لغة الزر إلى العربية، و أشير هنا أن الزر لا زال لا يدعم العربية بشكل جيد.

ثالثا : ابحث عن <data:post.body/> و قبله مباشرة ألصق الكود الآتي إن أحببت أن يظهر الزر فوق جسم التدوينة مباشرة تحت العنوان. أما إن أردت أن يكون الزر تحت التدوينة فألصق الكود الآتي بعده.

<div style='float:left'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>

يمكن استبدال left ب right لتوجيه الزر ناحية اليمين.
كذلك يمكن استبدال tall ب standard ، medium ، small لتغيير حجم و شكل الزر كما هو موضح في الصورة أسفله.

رابعا : ما عليك سوى الضغط على زر حفظ التعديلات لإنهاء المهمة.
خامسا : يمكنك تجريب الزر عبر ضغط 1+ إن أحببت الموضوع :) كذلك إن أردت سحب تزكيتك للموضوع ما عليك

سوى إعادة ضغط الزر مرة أخرى.

طريقة تركيب زر 1+ على مدونات ووردبريس

لأصحاب مدونات ووردبريس، يمكنكم تركيب الزر عن طريق تحميل و تركيب الإضافة WordPress Google +1 Button عبر هذا الرابط .

طريقة تركيب زر 1+ على المواقع و صفحات الويب

لتركيب الزر على المواقع أو على أي صفحة ويب، فالصفحة الآتية تقدم خطوات التركيب

http://www.google.com/intl/ar/webmasters/+1/button/

روابط مفيدة و ذات صلة بالموضوع:
إضافة الزر 1+ لجوجل على مدونات بلوجر
Add Google Plus One Button on Blogger

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

مع متمنيات فريق لكم بلوجر.

كيفية اضافة أزرار مفضلات بلوجر إلى القوالب المعدلة facebook/twiter

2012-03-29T21:21:00.001+00:00

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

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

الخطوة الأولى: تفعيل أزرار المفضلات الاجتماعية في بلوجر

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

الخطوة الثانية: تعديل القالب لإظهار أزرار المفضلات

قبل الشروع في تعديل القالب يرجى التقيد بما يلي:

» تحميل و حفظ نسخة احتياطية من قالب مدونتك قبل الشروع في أي تعديل.

» وضع علامة في خانة توسيع القوالب.

ثم بعد ذلك ابحث عن الكود الآتي:

<div class='post-footer-line post-footer-line-1'>

أو قد تجده على هذا الشكل كذلك فجرب البحث عن أحدهما:

<p class='post-footer-line post-footer-line-1'>

بعد أن تجد الكود المطلوب مباشرة بعده تلصق الكود الآتي:

<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
</div>

ثم أخيرا اضغط زر حفظ القالب.

ملحوظة إضافية

في بعض الحالات قد لا يظهر زر جوجل +1 (google +1) إلى جانب أزرار المفضلات و هذا راجع بالأساس إلى افتقاد القالب إلى ملف js الضروري لتشغيل الإضافة و عليه لإظهارها ستبحث عن </head> و مباشرة أسفلها تضع هذا الكود و تحفظ القالب.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

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

مع متمنيات فريق لكم بلوجر.

13 نصيحة لتحسين علاقة موقعك بمحركات البحث SEO

2012-03-29T21:10:00.000+00:00

السلام عليكم ورحمة الله، في هذا المقال سوف نحاول تقديم 13 نصيحة من أجل تحسين علاقة موقعك بمحركات البحث SEO، وقد كنا تطرقنا في موضوع سابق في مدونة لكم

بعض الطرق والتوجيهات لتهيئة مدونات بلوجر لمحركات البحث SEO.

فاذا كنت صاحب موقعك او تخطط لإطلاق موقع جديد فإليك 13 نصيحة في مجال SEO و هو تحسين علاقة موقعك بمحركات البحث امثال Google, Bing و Yahoo ايضاً كيفية تهيئة الموقع ليحصل علي Pagerank أكبر .

1. استخدم وسوم Meta Tags في موقعك/مدونتك.

وسوم Meta Tags توفر معلومات حول صفحة الويب لمحركات البحث و هي لا تؤثر علي كيفية عرض الصفحة , فهي تحتوي علي الكلمات المفتاحية Keywords للصفحة و وصف Description للصفحة و هو يكون علي الشكل الآتي :

حيث ان الكلمات المظللة باللون الأصفر هي الوسوم التي تصف بشكل عام محتوي موقعك.
كما انه هناك مواقع تقدم خدمات توليد الكلمات المفتاحية بشكل سهل و تستطيع الوصول لإحداها عبر البحث عن meta tag generator في محرك البحث جووجل.

2. استخدم الكلمات المفتاحية الأقرب لمحتوي موقعك.

الكلمات المفتاحية هي تستخدم للكشف عن البنية التحتية لموقعك , لذلك احرص ان تكون في صميم موضوع او محتوي الموقع ; مثلاً اذا كان الموقع مختص بالبرامج المجانية فأحرص علي ان تحتوي الكلمات علي free, software, برامج مجانية و هكذا.

3. وسائل الإعلام الاجتماعية Social Media.

التواصل الاجتماعي مع مرتادي موقعك من ضمن الأمور المهمة للغاية , فأحرص علي نشر محتوي موقعك و التواصل مع الأصدقاء عبر الخدمات التي تقدمها شبكات Technorati, Digg, Stumbleupon, Facebook, Google Buzz, Twitter, Flickr و Youtube وغيرهم ; كما انه من المهم ربط موقعك بحساباتك في هذه الشبكات الاجتماعية لتجلب المزيد من الزوار و المزيد من الشهرة.

4. نشر رابط الموقع في أدلة المواقع.

قدِّم رابط موقعك و معلوماته لبعض أدلة المواقع و لعل أشهرها DMoz , دليل بلوجر للمدونين Bloggers Directory , تكنوراتي و غيرهم و بذلك يستطيع المزيد من الزوار ايجاد موقعك ضمن اهتماماتهم بفئة معينة من المواقع.

5. الروابط الداخلية و الخارجية في موقعك.

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

6. المحتوي الفريد ذات الصلة.

عناكب البحث "خصوصاً عناكب جووجل" تعشق المحتوي الفريد الغير منسوخ حرصاً علي مصلحة مستخدميها , كما ان ربط المحتوي ببعضه يمثل فائدة كبيرة لموقعك , اي ان اذا كتبت موضوعين بنفس الشأن او موضوع جديد يحتوي علي تحديث لموضوع قديم فلا بأس ان تقوم بوضع رابط الموضوع الجديد في نهاية الموضوع الجديد و هكذا.

7. خفض معدل ركود الموقع.

يأتيك في اليوم مثلاً 1000 زائر , احرص ان يكون العدد دائماً اكثر لا أقل و ذلك بإتباع :

* عمل قالب بسيط و جذّاب لموقعك

* إدارة الإعلانات بشكل مناسب في موقعك.

* سرعة تحميل الموقع لدي الزوار.

* المحتوي الجيد المتجدد بقدر الإمكان.

8. الحرص علي الإستمرارية.

لكي يكون موقعك يحظي بشعبية كبيرة احرص علي اختيار اسم مميز او مناسب لما سيحتويه الموقع , ابتعد عن تغيير اسم الموقع او تغيير اسماء المسارات الفرعية لأن تلك العمليات تقتل علاقة موقعك بمحركات البحث.

9. الروابط الخلفية.

وجود روابط خلفية Backlinks لموقعك في المواقع الأخري أمر مهم , لذا أسعي ان تقوم بعمل بعض التبادلات الاعلانية او قم بالإعلان عن موقعك في مواقع اخري وفقاً لشروطهم.

10. سهولة المشاركة الاجتماعية.

زوّد موقعك بأزرار المشاركة علي الشبكات الاجتماعية كزر الفيسبوك Like و زر Twitter و زر +1 من جوجل بلس و غيرهم , مع تشجيع الزوار علي مشاركة المحتوي.

11. الحملات الاعلانية.

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

12. تقديم الخرائط Sitemaps لمحركات البحث.

الخرائط Sitemaps تسهم في تسهيل وصول عناكب محركات البحث لكل حرف تُريد أرشفته من موقعك في محركات البحث , كما تفيد في تسريع عملية الأرشفة.

13. التشارك الإبداعي و المسابقات.

من الجيد فتح باب مشاركة الآخرين في موقعك اذا أمكن ذلك , كما ان تنظيم المسابقات لربح جوائز عينية او مادية او رمزية او رقمية او حسابات مدفوعة بشكل مجاني علي الإنترنت شئ جيد للغاية يسهم في تفاعل و تشارك الزوار بشكل كبير.

تحديثات جديده وهامه في لوحة تحكم بلوجر الجديده واجب تطبيقها

2012-03-26T22:22:00.001+00:00

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

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

فتح هذا الرابط في نافذة جديدة

اختيار جديد تحت باسم

Add 'rel=nofollow' attribute (Learn more)

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

2 - اضافة مجموعه من خيارات البحث تجدها في لوحة التحكم عند الضغط علي التبويب اعدادات ستجدها في اسفل القائمه باسم تفضيلات البحث , عند الضغط على هذا الاختيار ستجد مجموعه من الاختيارات يجب عليك الحذر الشديد عند التعامل معها والا سينتج عن اي تصرف خاطئ مسح ارشفة مدونتك من محركات البحث او عدم دخول جوجل بالمره الي مدونتك لذلك قم باتباع التالي :
بعد الدخول الي إعدادات › تفضيلات البحث

العلامات الوصفية

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

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

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

لتفعيل تلك الخاصيه الجميله قم بتحرير الاختيار المسمى لم يتم العثور على الصفحة المخصصة وضع في المربع الكود التالي

<b>لم يتم العثور على الصفحه</b>
</ br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxcFMalCXA9kFft4TYKaPn-qw-DRcRZVlr9yLjf1LWwv9J15I1To71NRi-RsSLq9igsMQTSwck0AIRk9kZDHJvQqT3ETQd7DOv0OHHRARYVySK1CGI3MY7r4hlw4ikjY1CrAh-U-P4s88/s1600/404.jpg" alt="" " />

ثم اضغط حفظ .

الاختيار الاسفل منه المسمى ب عمليات إعادة التوجيه المخصصة خاص بتحويل رابط تحدده انت الي رابط اخر من اختيارك

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

. اخر تحديث وهو الاهم في تلك التحديثات هو الاختيار المسمى

برامج الزحف والفهرسة

تجد اسفله مباشرة هذا التحذير

تحذير! استخدم هذه الميزة بحذر. فالاستخدام الخاطئ لهذه الميزات يمكن أن يؤدي إلى تجاهل محركات البحث لمدونتك.

عليك بالطبع اخذ هذا التحذير بعين الاعتبار فاي تعديل خاطئ يسبب تجاهل محركات البحث وخصوصا جوجل لمدونتك لذلك عليك بعمل التالي

اضغط علي الاختيار المسمى ملف robots.txt مخصص وضع في المربع الكود التالي

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://tqarob.com/feeds/posts/default?orderby=updated

قم بتغيير رابط مدونتي برابط مدونتك واضغط حفظ . هذا هو كل شئ

اخر اختيار والمسمى علامات رؤوس مخصصة لبرامج الروبوت

ما عليك الا عمل الخطوات الموجوده في تلك الصوره دون اي تغيير

. هذا هو كل شئ واي استفسار يرجا ترك تعليق بالاسفل بالتوفيق للجميع .

وضع رابط لمدونتك في تعليقاتك على المدونات الأخرى backlinks ، هل هو مفيد للمدونة ؟

2012-03-26T20:34:00.002+00:00

السلام عليكم

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

السؤال هنا ... هل هذا مفيد للمدونة؟

في رأيي ، أن الأمر مفيد لدرجة معينة ... فمثلا لو فعلت ذلك مرة أو اثنتين ، على فترات متباعدة ، في مدونات ذات ترتيب عالي ، فلا بأس

لكن ان تستمر في فعل ذلك في عشرات المدونات ، وتقضي ليلك ونهارك في فعل ذلك ، فهذا سيأتي بنتيجة عكسية تماما.

لدى محرك البحث جوجل ما يسمى بـ "spam backlinks" أو روابط الدعاية المزعجة ، وهي عقاب من جوجل لمن يفرط في وضع رابط لمدونته بكثرة وفي وقت قصير.

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