المدونة التالية
كافة المدونات

تعلم العمل في بورصة العملات الدولية واحصل علي دخل شهري متميز

مايو 13th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, 

3 تعليق »
, 

نعم يمكنك العمل في أي بورصة في العالم وأنت في بيتك أو في مكتبك .


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

يمكنك الحصول على الربح سواءاً ارتفعت الأسعار أم انخفضت .
يمكنك العمل في أي وقت تشاء على مدار 24 ساعة في اليوم .

هل هناك خطأ أو خدعة ما في ذلك ؟

اطلاقاً .. أن ما ذكرناه قبل قليل يحدث يومياً مع ملايين المتعاملين في البورصات العالمية على اختلاف أنواعها و أماكنها وهو ما يسمى بالمتاجرة في البورصات بنظام الهامش Trading on margined basisوهي طريقة تمكنك من شراء أي سلعة من السلع التي يتم تداولها في البورصات الدولية بدفع جزء بسيط جداً جداً من قيمتها ثم بيعها والحصول على الربح كاملاً لك وكأنك قمت بدفع قيمتها بالكامل !

يتم ذلك في بورصات الأسهم Stocks وبورصة العملات الدولية Forex وبورصات السلع الأساسية Commodities مثل بورصة الذهب والفضة والبلاتين أو بورصة البترول الخام وغيرها الكثير ،ويتم ذلك بمليارات الدولارات يومياً وفي مختلف دول العالم ..

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

وهذا يحدث كل يوم مع ملايين المتداولين في مختلف أنحاء العالم .

والمشكلة أن هناك الكثير من الناس لا يعلم كيف يتم ذلك فضلاً على أن هناك الكثير من الناس لا يعلمون بمجرد وجود هذا الأسلوب في العمل في البورصات العالمية !.

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

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

أما المصادر الموجه لغير المتخصصين فهي قليلة وتتطلب بعض المعرفة أيضاً ! .

ماذا عن الأشخاص الذين ليست لديهم أدنى فكرة عن البورصات والعمل فيها ؟

ماذا عن الأشخاص الذين في حاجة لتعلم أساسيات العمل في البورصات ؟

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

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

هذا عند الحديث عن المصادر باللغة الإنجليزية , أما عند الحديث عن مصادر تعلم الأساسيات باللغة العربية فهي بكل بساطة معدومة كلياً .!

لذا يظل التعامل مع البورصات العالمية والمتاجرة فيها أمراً مقصوراً على أصحاب الخبرة والتخصص .

ولأن أغلبية الناس يفتقرون للمعرفة عن عالم البورصات فهم يظنون بأن العمل في البورصات الدولية يتطلب رأسمالاً هائلا

المزيد


المتاجرة بالعملات (البورصة) .. وحكمهاا.. مهم

مايو 11th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, 

لا يوجد تعليق
, 

هذا ماورد في هذا الرابط
وحكم المتاجرة بنظام المارجن
للاهمية احببت ان اذكركم بها
والله الموفق……..

http://69.20.50.243/shubily/qa/ans.php?qno=30

المتاجرة بالعملات (البورصة)

سؤال رقم30 فضيلة الشيخ، انتشرت في الآونة الأخيرة شركات المتاجرة بالعملات عن طريق ما يعرف بالهامش ( المارجن)، فما رأيكم في هذه المعاملة؟ وما حكم شركات المارجن الإسلامية؟

الجواب الحمد لله والصلاة والسلام على رسول الله، أما بعد:

فلبيان حكم الشراء بالهامش أبين حقيقته أولاً، فإن الحكم على الشيء فرع عن تصوره.

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

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

مثال ذلك:

لنفرض أن عميلاً فتح حساباً بالهامش لدى أحد السماسرة، وضع فيه العميل تأميناً لدى السمسار بمقدار عشرة آلاف دولار. وفي المقابل يُمَكِّن السمسارُ العميلَ بأن يتاجر في بورصة العملات بما قيمته مليون دولار، أي يقرضه هذا المبلغ برصده في حسابه لديه –أي لدى السمسار- ليضارب العميل به، فيشتري بهذا الرصيد من العملات الأخرى كاليورو مثلاً، ثم إذا ارتفع اليورو مقابل الدولار باع اليورو، وهكذا، فيربح العميل من الارتفاع في قيمة العملة المشتراة.

ويلحظ في هذه المعاملة ما يلي:

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

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

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

ومن خلال العرض السابق فالذي يظهر هو تحريم شراء العملات بالهامش، لاشتماله على عددٍ من المحاذير الشرعية، ومنها:

1-أن العقد صوري؛ إذ الصفقات تعقد على مبالغ ليست حقيقية؛ لأن السمسار لا يملك حقيقة المبلغ الذي وضعه للعميل، إذ إن المبلغ المرصود للعميل ما هو إلا مجرد التزام على السمسار وليس نقداً حقيقياً، فلا يتمكن العميل من سحبه أو الانتفاع به في غير المضاربة في العملات.

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

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

2- ولعدم تحقق التقابض الواجب شرعاً في مبادلة العم

المزيد


الدرس السابع الجداول (1)

مايو 6th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, Learn EnterNet, Web Programming, 

لا يوجد تعليق
, 

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

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

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

هل أنت مستعد؟ إذن هيّا بنا…

 

بداية، إليك هذا الوصف البسيط للوسوم الأساسية الخاصة بالجداول

<TABLE>…<‎/TABLE>
وسوم تعريف الجدول

<TR>…<‎/TR>

Table Row وسوم تعريف الصف في الجدول

<TD> Cell Data <‎/TD>

Table Data وسوم تعريف الخلايا في الصف وتعريف محتويات كل خلية

 

والآن لنتكلم بصورة أكثر دقة وتفصيلاً:

هذه هي الوسوم التي نبدأ بها لإدراج جدول مكون من خلية واحدة أو من مليون خلية… الأمر سيان

<TABLE> … <‎/TABLE>

 

والآن بعد إدراج هذين الوسمين، هناك سؤالين ينبغي الإجابة عليهما. الأول: كم عدد الصفوف التي نريدها في الجدول؟ ثلاثة، أربعة، مائة؟ لا بأس، قم بإضافة الوسوم

<TR> … <‎/TR>

 

بنفس عدد الصفوف التي تريدها. ولنفترض هنا أنها ثلاثة.

<TABLE>

<TR>
<‎/TR>

<TR>
<‎/TR>

<TR>
<‎/TR>

<‎/TABLE>

والسؤال الثاني هو، كم عدد الخلايا (أو الأعمدة) التي نريدها في كل صف؟
وهنا نضيف الوسوم

<TD> … <‎/TD>

 

بنفس عدد الخلايا المطلوب. ومن البديهي أن نكتبها بين الوسوم <TR> … <‎/TR> طالما أن الخلايا هي جزء من الصفوف. وهنا سأفترض أننا نريد خليتين في كل صف، وبذلك يجب تكرار كتابتها مرتين لكل صف.
وأذكرك أن النص الذي نريد إدراجه في الخلية يكتب ضمن هذين الوسمين.

<TABLE>

<TR>


<TD> Data <‎/TD>
<TD> Data <‎/TD>

<‎/TR>

<TR>


<TD> Data <‎/TD>
<TD> Data <‎/TD>

<‎/TR>

<TR>


<TD> Data <‎/TD>
<TD> Data <‎/TD>

<‎/TR>

<‎/TABLE>

هل اتضحت لك الصورة الآن. أنظر إلى نتيجة العمل التي حصلنا عليها.

Data
Data

Data
Data

Data
Data

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

 

  • مستوى الجدول ككل

  • مستوى الصفوف ككل أو كل واحد على حده

  • مستوى الخلايا ككل أو كل واحدة على حده.

 

ولكل من هذه المستويات خصائصه التي ينفرد بها كما أن هناك خصائص مشتركة تستخدم مع كل الوسوم.

 

نبدأ بمناقشة الخصائص التي تستخدم مع الوسوم <TABLE> … <‎/TABLE> وسأقوم أولاً بسردها لك، ومن ثم إدراج بعض الأمثلة التي توضحها.

 

BORDER

تقوم هذه الخاصية بإضافة حدود للجدول وتحديد سماكتها، والقيمة الإفتراضية لها هي صفر أي لا حدود

‎<TABLE BORDER="5">‎
‎<TABLE BORDER="0">‎

المزيد


الدرس السادس الوصلات التشعبية

مايو 6th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, Learn EnterNet, Web Programming, 

لا يوجد تعليق
, 

أهلاً وسهلاً بك إلى الدرس السادس من دروس HTML
 
كيف وصلت إلى هذه الصفحة؟! ربما تعتبر هذا سؤالاً سخيفاً، وأن الإجابة عليه هي من البديهيات … وهذا صحيح! من المؤكد أنك قمت بالإنتقال إلى هنا من خلال إحدى صفحات هذا الموقع، أو من خلال أحد محركات التفتيش، أو من خلال أحد المواقع التي قمت بزيارتها مؤخراً … وفي كل الأحوال قمت بالنقر على وصلة تشعبية ما.

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

هناك عدة خيارات للوصلات التشعبية، منها أن تكون الوصلة لموقع آخر، أو أن تكون لصفحة أخرى داخل الموقع نفسه، ومنها أن تكون لمكان آخر في نفس الصفحة (إلى أعلى أو أسفل على سبيل المثال) أو أن تكون وصلة لعنوان بريد إلكتروني E-mail وفي جميع الحالات فإن المبدأ واحد لكن تختلف بعض التفاصيل. وسوف أناقش معك كل حالة على حدة وبالتفصيل.

نستخدم الوسوم

<A> … <‎/A>

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

HREF

التي نحدد من خلالها الموقع الذي نريد الدلالة عليه، ويجب أن يكتب عنوان الموقع كاملاً.

الحالة الأولى: إدراج وصلة تشعبية تشير إلى موقع خارجي.
لنقم بإدراج وصلة تشعبية إلى أحد المواقع العربية الرائدة والرائعة، وهو موقع شركة صخر. وعنوانه http://www.sakhr.com في هذه الحالة يتم كتابة الشيفرة بالشكل التالي:

<A HREF="http://www.sakhr.com"> <‎/A>

لكن بقي شيء واحد وهو العبارة أو الكلمة التي سيتم النقر عليها لتشغيل الوصلة، وهذه يجب أن توضع بين الوسمين <A> … <‎/A>. أي لكي تكتمل الوصلة السابقة يجب أن نكتب معها أي عبارة نريدها، لكي ينقر عليها الزائر فتنقله إلى العنوان المطلوب. ما رأيك بعبارة: Go To SAKHR والتي تصبح الشيفرة معها بالشكل التالي:

<A HREF="http://www.sakhr.com">Go To SAKHR<‎/A>

وتظهر الوصلة كما يلي:

Go To SAKHR

لم تعجبك؟ ليس ذلك مشكلة فأنت تستطيع كتابة أي شيء تريده كعنوان للوصلة التي تريدها. ما رأيك لو جعلنا كلمة SAKH‎R هي فقط العنوان لهذه الوصلة.

‎Go To <A HREF="http://www.sakhr.com">SAKHR<‎/A>‎

Go To SAKHR

بل إنك تستطيع إدراج صورة أو (زر) كبديل عن الكلمات -كما تشاهد في الكثير من المواقع- وكل ما عليك فعله في هذه الحالة هو كتابة الوسم الخاص بإدراج الصورة بين الوسمين <A> … <‎/A> بالشكل التالي:

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif">‎<‎/A>

والذي يؤدي إلى ظهور الصورة التالية كوصلة تشعبية لموقع صخر

وبشكل عام فإن أي شيء يوضع بين الوسمين <A> … <‎/A> سوف يكون الوسيلة أو العنوان الذي ينقلنا إلى الموقع المشار إليه في الوصلة التشعبية، سواءً كان هذا الشيء نصاً أو صورة أو كلاهما معاً.

والآن هل تلاحظ الإطار الظاهر حول الصورة؟ وهل تذكر متى قمنا بالحديث عن هذا النوع من الإطارات؟ نعم، في الدرس السابق. عند إدراج صورة كوصلة تشعبية يظهر حولها إطار سمكه 2 بيكسل وهذه هي الحالة الإفتراضية. وبالطبع نستطيع إزالته بكتابة الخاصية BORDER="0"‎ ضمن وسم الصورة.

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="0"><‎/A>

أو حتى تكبيره بكتابة السمك المطلوب مع هذه الخاصية.

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif

المزيد


الدرس الرابع الصور والرسومات

مايو 5th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, Learn EnterNet, Web Programming, 

تعليق واحد »
, 

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

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

إن الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو <IMG> وهو وسم مفرد. لكن هل يكفي هذا لإدراج صورة؟ كلا، بالطبع يجب أن نحدد الصورة التي نريدها. لذلك نضيف الخاصية له SRC لتحديد موقع واسم الصورة.

الصورة التالية إسمها thedome.jpg وعندما قمت بإدراجها. كانت الشيفرة الخاصة بذلك هي

‎<IMG SRC="thedome.jpg">‎

The Dome Of The Rock

 

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

الحالة الأولى أن تكون الصورة موجودة في مجلد متفرع عن المجلد الموجود به ملف HTML حسب الشكل التالي:

Locating Images 1

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

 

 

الحالة الثانية: أن يكون ملف HTML موجوداً في مجلد ما وتكون الصورة موجودة في مجلد آخر بنفس المستوى. أي أنهما مجلدين متجاورين وليسا متفرعين أحدهما عن الآخر.

Locating Images 2

وفي هذه الحالة نكتب .. (نقطتين) لتوجيه المتصفح للخروج من المجلد الفرعي الحالي (حيث يوجد ملف HT‎ML) ومن ثم الدخول إلى المجلد images حيث توجد الصورة.

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

 

إن الأبعاد الأساسية لهذه الصورة هي 200×145 بيكسل Pixel (تابع القراءة حتى نهاية هذا الدرس وأعدك أن أوضح لك ما هي وحدة البيكسل إذا كانت هذه أول مرة تتعرف فيها على هذه الوحدة) وكما تلاحظ تم إدراج الصورة مع المحافظة على هذه الأبعاد. ومع ذلك فنحن نستطيع التحكم أيضاً بها وإظهار الصورة بالحجم الذي نريده من خلال هذا الوسم. كيف؟ بإضافة الخصائص HEIGHT, WIDTH متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين.

‎<IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120">‎

The Dome- 70*120

 

‎<IMG SRC="thedome.jpg" HEIGHT="300" WIDTH="500">‎

The Dome- 300*500

 

الخاصية التالية التي تستخدم مع <IMG> هي ALT وفيها نحدد نصاً بديلاً يظهر مكان الصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعال في المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقع بطيئة التحميل.

‎<IMG SRC="thedome.jpg" ALT="The Dome Of The Rock">‎

 

عندما نقوم بإدراج صورة ضمن فقرة فإن موقع ظهورها يتحدد بالطبع حسب ترتيب ورودها في الفقرة، مثلها مثل أي كلمة أو عبارة أخرى. ونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافق لها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT وأوضح لك تأثير كل قيمة كما يلي:

في الحالة العادية (مثل هذه) وعندما لا نقوم بتحديد أي محاذاة فإن النص الذي يلي الصورة يظهر بمحاذاة الحافة السفلى لها. وهذه هي الحالة الإفتراضية لظهور الصور والتي تمثلها القيمة BOTTOM

‎<IMG SRC="image.jpg" ALIGN="BOTTOM">‎

 

TOP

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

‎<IMG SRC="image.jpg" ALIGN="TOP">‎

 

MIDDLE

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

المزيد


الدرس الثاني الألوان - أضف لصفحتك بعض الحيوية

مايو 4th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, Learn EnterNet, Web Programming, 

لا يوجد تعليق
, 

أهلاً وسهلاً بك إلى الدرس الثاني من دروس HTML. سوف نقوم في هذا الدرس بالتعرف على الخصائص التي يمكن إضافتها إلى الوسم <BODY> من أجل التحكم بالشكل العام للصفحة، وخصوصا فيما يتعلق بالألوان.

طبعاً أنت لا زلت تذكر الصفحة التي قمنا بكتابتها في الدرس الأول. صفحة بسيطة بخلفية رمادية وخط صغير نسبياً لونه أسود. وهذه هي الإعدادات الإفتراضية التي يعتمدها المتصفح عندما لا نقوم نحن بتحديد إعدادات أخرى. (ربما تقول: أهذه صفحة إنترنت! أين الألوان والرسومات والخطوط الجميلة والتنسيقات التي نراها في صفحات الإنترنت؟ معك حق لكن مهلاً فما زلنا في البداية).
سوف نستمر باستخدام صفحتنا هذه لتوضيح أمثلة هذا الدرس أيضاً، لكن لن أقوم بتكرار كتابة وسوم البداية طالما أن عملنا يتركز في الجزء المخصص لمحتويات الصفحة نفسها أي ضمن الوسمين <BODY> … <‎/BODY>.
إذن لنبدأ العمل!

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

تأمل الشيفرة التالية:

‎<BODY BGCOLOR="FFFFFF">‎
…
<‎/BODY>

لقد قمت بإضافة الخاصية BGCOLOR إلى الوسم <BODY> ، وهي تقوم بتحديد لون الخلفية للصفحة. أما FFFFFF فهي القيمة التي تمثل اللون المختار وهو هنا اللون الأبيض، (لاحظ أنها مكتوبه بين إشارتي " " ) ولو أردت تمثيل اللون الأسود لكتبت الرمز 000000. أو الرمز 6699CC للون الأزرق الفاتح……
فمن أين جاءت هذه القيم، وكيف؟… تابع القراءة وسوف تعرف

 

القليل عن الألوان…

 

 

تلاحظ أن القيم السابقة مكونة من ستة رموز، وهي مكتوبة بالصيغة التالية:-

RR

 

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

* إن أي لون هو مزيج -وبنسبة معينة من الدرجات- من هذه الألوان الثلاثة *

فمثلا اللون الأسود مكون من الدرجة 000 من كل من اللون الأحمر والأخضر والأزرق. واللون الأبيض مكون من الدرجة 255 من هذه الألوان. أما اللون الأصفر فهو مكون من الدرجة 255 للون الأحمر، والدرجة 255 للون الأخضر، والدرجة 000 من اللون الأزرق… وهكذا بنفس الطريقة يتم تكوين باقي الألوان.

وبعملية حسابية بسيطة 256×256×256 ينتج لدينا أن عدد الألوان التي يمكن الحصول عليها بمزج الألوان الثلاثة السابقة هو 16777216 بالضبط.

حسنا، لكن من أي جاءت الرموز FFFFFF والتي عبرت عن اللون الأبيض بها. إنها ببساطة أرقام… مكتوبة بالنظام السداس عشري (نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F ). فالرقم 255 بالنظام العشري العادي يكافئه الرقم FF بالنظام السداس عشري.
إذن فالرقم السداس عشري FF على اليسار يمثل الدرجة 25

المزيد


الدرس الثالث الخطوط

مايو 4th, 2006 كتبها ahmedtawfik hafez نشر في , Albrush, Learn EnterNet, Web Programming, 

لا يوجد تعليق
, 

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

الوسم الأول الخاص بالخطوط هو <FONT> … </FONT>
وهو يقوم بالتحكم بالخطوط من حيث النوع واللون والحجم. أما الخصائص التي نستخدمها مع هذا الوسم والوسوم الأخرى للخطوط فهي كالتالي:

Face

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

‎<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">‎
… Text …
<‎/FONT>

طبعاً لا تنس أن تتأكد من كتابة أسماء الخطوط بالصورة الصحيحة هجائياً.

Color

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

‎<FONT COLOR="#FF0000">‎
… Text …
<‎/FONT>

Size

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

‎<FONT SIZE="4">‎
… Text …
<‎/FONT>

 

وإليك نماذج بأحجام الخطوط
 
خط بحجم 1
خط بحجم 2
خط بحجم 3    (الخط الافتراضي)
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7
 
 
أما الأسلوب الثاني فهو النسبي: حيث تكتب الأرقام من 1 إلى 6 مرفقة إما بإشارة + أو بإشارة -.

‎<FONT SIZE="+4">‎
… Text …
<‎/FONT>

 

وفي هذه الطريقة فإن الأرقام 1-6 تمثل درجات التكبير (+) أو التصغير (-) للخط وذلك نسبةً إلى الحجم الافتراضي. فمثلا الرقم +4 يعني تكبير الخط أربع درجات عن الحجم الافتراضي وهو 3، أي أنه يصبح بالحجم 7. بالمقابل فأن الرقم -1 يعني تصغير الخط درجة واحدة أي يصبح بالحجم 2.  
ولتوضيح هذا الأسلوب، إليك هذه النماذج:
 
خط بحجم -3
خط بحجم -2
خط بحجم -1
خط بحجم +0   (أو -0 وهو الافتراضي)
خط بحجم +1
خط بحجم +2
خط بحجم +3
خط بحجم +4
خط بحجم +5
 
لاحظ أنه حتى في الأسلوب النسبي لا نستطيع الحصول على أكثر من سبعة أحجام للخطوط. حتى وإن حاولنا كتابة أرقام أكبر أو أصغر كما فعلت هنا بكتابة الحجم -3 أو +5.

 

والآن أعرف ماذا تريد أن تسأل، ستقول لقد ثبت حجم الخط على حده الأدنى عند الدرجة -2 وعلى حده الأعلى عند الدرجة +4. إذن ما الفائدة من وجود الدرجات الأخرى الأقل من -2 والأكبر من +4؟
حسنا وأنا أجيبك بسؤال آخر: ماذا لو قمنا بتغيير الحجم الافتراضي للخط في كل الصفحة إلى 1 بدلاً من 3؟ (وسوف نقوم بذلك فعلاً بعد قليل)، ألا نحتاج في هذه الحالة إلى الدرجات من +1 إلى +6 لتمثيل الأحجام الأكبر منه؟ وإذا قمنا بتحديد 7 كحجم إفتراضي ألا نحتاج إلى الدرجات من -1 إلى -6 لتمثيل الأحجام الأصغر منه؟ إذن نحن نحتاج فعلاً إلى هذه الدرجات لكي نغطي جميع الإحتمالات الواردة.
أرجو أن يكون هذا الجواب قد أقنعك :-)
 
وهذه بعض الأمثلة لتوضح لك كيفية استخدام هذا الوسم، وسوف أرفق نتيجة كل مثال بعده مباشرة.

 

‎‎<FONT FACE="arial" SIZE="6" COLOR="#FF0000">‎
This font is Arial, Size is 6, Color is Red
<‎/FONT>

This font is Arial, Size is 6, Color is Red

 

 

‎<FONT FACE="arial" SIZE="+3" COLOR="#FF0000">‎
This font is Arial, Size is +3, Color is Red
<‎/FONT>

This font is Arial, Size is +3, Color is Red


 

‎‎<FONT FACE="Times New Roman" SIZE="5" COLOR="#0000FF">‎
This font is Times New Roman, Size is 5, Color is Blue
<‎/FONT>

This font is Times New Roman, Size is 5, Color is Blue

 

‎<FONT FACE="courier" SIZE="2" COLOR="#800000">‎
This font is Courier, Size is 2, Color is Maroon
<‎/FONT>

This font is Courier, Size is 2, Color is Maroon

 

<FONT FACE="Arial" SIZE=

المزيد




WELCOME TO THE BLOG IN THE BEST PROGRAMMING THE COMPUTER We hope to gain and hold the regularly visit.I WOULD LIKE TO KNOW YOUR OPINION ON THE BLOG