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



 
الرئيسيةالتسجيلأحدث الصوردخول

 

 Course HTML

اذهب الى الأسفل 
+13
زائر الليل
روعة الكون
Mr.gemy
golden flower
همس الورود
مريم
abdo
أمير الــــــــزمان
نور
العقرب العجوز المبرمج
سما
أنا مسلم
Tlmoz
17 مشترك
انتقل الى الصفحة : الصفحة السابقة  1, 2, 3, 4, 5  الصفحة التالية
كاتب الموضوعرسالة
سما
عضو ملكي
عضو ملكي
سما


انثى
عدد الرسائل : 733
العمر : 34
تاريخ التسجيل : 14/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 5:50 am

جميل الدرس بس هو انا ازاى اخلى العنوان فى نص الصفحه

ولا هو مينفعش
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف
Tlmoz


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 5:36 pm

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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 7:53 pm


الدرس الرابع
الفقرات والقوائم




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


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

Course HTML - صفحة 3 90535832an1 يقوم بإنهاء الفقرة. والوسم Course HTML - صفحة 3 Bryf9

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


لقد قلت إن الوسم

Course HTML - صفحة 3 42986364iv9 هو وسم مفرد لكنه يستخدم أيضاً كوسم مزدوج Course HTML - صفحة 3 Ppgb9

وفي هذه الحالة يمكّننا من تحديد إتجاه الفقرة وإتجاه النص فيها حيث يستخدم معه الخصائص ALIGN, DIR.

فالخاصية ALIGN تحدد محاذاة الفقرة وهي تأخذ القيم Left, Center, Right وأوضحها بالأمثلة التالية:

Course HTML - صفحة 3 24431193rp6

أما الخاصية DIR والتي نستخدمها أيضاً مع Course HTML - صفحة 3 42986364iv9 فتقوم بتحديد إتجاه قراءة النص وتأخذ القيم Course HTML - صفحة 3 13118449mb6



(تذكر هذه الخاصية جيداً فهي مهمة عند كتابة صفحات باللغة العربية)

ولتنسيق الفقرات أيضاً يوجد الوسوم




Course HTML - صفحة 3 Blockov8



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

Course HTML - صفحة 3 Blockov8





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

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

Course HTML - صفحة 3 10uq6




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

Course HTML - صفحة 3 87049088it0

ربما توصلت إلى أني استخدمت عدداً كبيراً من وسوم الفراغات  ‎ ونهاية السطر Course HTML - صفحة 3 Brvx8حسناً، إستنتاجك لا بأس به ولكنه ليس دقيقاً فأنا لم أستخدم أياً من هذه الوسوم هنا. بل كل ما فعلته بعد إعداد هذا الشكل هو وضعه ضمن: Course HTML - صفحة 3 Predw3

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



A B C D E F G H I J K L M N O P Q R S T

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









القوائم



تحتوي لغة HTML على مجموعة من الوسوم الخاصة بتنظيم البيانات في قوائم وباستخدام عدة خيارات. وهناك نوعين من القوائم:
أولهما المتسلسلة
Ordered Lists. واليك المثال التالي عليها

أسماء بعضأعضاء المنتدي.

1-زائر الليل

2-أمير الزمان

3-سما

4-جولدن فلور

5-محمد

6-تلموذ

وثانيهما القوائم غير المتسلسلة Unordered Lists وهذا مثال عليها

أسماء بعض الكليات

· علوم

· هندسه

· تربيه

· حقوق

عند التعامل مع القوائم بنوعيهما نحتاج إلى وسوم خاصة بتحديد بداية ونهاية القائمة ووسوم تحدد بنود هذه القائمة.
بالنسبة للقوائم المتسلسلة نستخدم الوسوم


Course HTML - صفحة 3 Olxp1






أما بالنسبة للقوائم غير المتسلسلة فنستخدم

Course HTML - صفحة 3 Uluy6




ولتعيين كل بند من بنود القائمة نستخدم الوسم Course HTML - صفحة 3 Lipz2 وهو وسم مفرد يكتب في بداية السطر الخاص بكل بند List Item. إذن عندما قمت بإنشاء القوائم السابقة استخدمت الشيفرة التالية: Course HTML - صفحة 3 Olulbi4



والخاصية الوحيدة التي تستخدم مع هذه الوسوم هي TYPE ووظيفتها تحديد شكل الرمز الظاهر مع بنود القائمة، وعادة تستخدم مع وسوم بداية القوائم Course HTML - صفحة 3 Olorulld6 وبذلك نحدد رمزاً واحداً لكل القائمة. ولكن نستطيع استخدامها أيضاً مع وسم البنود Course HTML - صفحة 3 Lijj0

لإعطاء تحكم أكبر في مظهر القائمة من خلال تحديد رمز مختلف لكل بند.

فعند وضعها ضمن تعريف القوائم المتسلسلة تأخذ القيم: A, a, I, i التي تغير رموز الترقيم من الأرقام العادية الإفتراضية (والتي رمزها 1) إلى ترقيم باستخدام الأحرف اللاتينية الكبيرة أو الصغيرة، أو باستخدام الأرقام الرومانية كما ترى في الجدول التالي:

Course HTML - صفحة 3 33165489nw5



والحديث عن هذه الخاصية يقودني إلى الحديث عن مسألة مهمة في لغة HTML وهي مسألة الوسوم والخصائص المحددة بمتصفح معين دون غيره أي التي تعمل مع أحد المتصفحات ولا تعمل مع غيره

والسبب في ذلك أن هذه الخاصية تستخدم أيضاً مع القوائم غير المتسلسلة، لكن ليس بصورة مطلقة...كيف؟ أنت ترى أن الرمز الموجود عند كل بند في القائمة هو عبارة عن نقطة سوداء يطلق عليها اسم Disc وهي المعرفة ضمناً في خاصية TYPE. لكن هناك رموز أخرى يمكن إظهارها وهي المربع square, والدائرة المفرغة circle وتعرف بالشكل التالي:

Course HTML - صفحة 3 78119135vl9


ولكن للأسف هذه الخاصية لا تعمل ولا يظهر تأثيرها إلا مع متصفح نيتسكيب وليس مع مايكروسوفت إكسبلورر الذي يتعامل فقط مع القيمة الإفتراضية للخاصية. (رجاءً لا يغضب مستخدمو إكسبلورر فهناك الكثير من الوسوم والخصائص التي لا يستطيع نيتسكيب عرضها أيضاً).
ولإتمام الحديث عن القوائم، أذكر لك أن هناك وسوماً أخرى تستخدم لإنشاء القوائم غير المتسلسلة، وبنفس الطريقة المستخدمة مع
Course HTML - صفحة 3 Ulcc6 وهذه الوسوم هي:
Course HTML - صفحة 3 37677706cn6




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







HTML

Hyper Text Markup Language

WWW

World Wide Web

FTP

File Transfer Protocol

GIF

Graphical Interchange Format

JPG, JPEG

Joint Photographic Experts Group

ونحتاج لإنشاء هذه القوائم إلى ثلاثة وسوم:
الأول
Course HTML - صفحة 3 Dlkw0 لتعريف بداية ونهاية القائمة.
والثاني
Course HTML - صفحة 3 Dtsa8 ويوضع قبل كل مصطلح لتحديده، وهو وسم مفرد.
أما الثالث فهو
Course HTML - صفحة 3 Ddbv2 وهو وسم الشرح أو التعليق وهو أيضا مفرد. ولنقم الآن بكتابة شيفرة القائمة السابقة Course HTML - صفحة 3 35844753hy0

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف
Tlmoz


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 8:10 pm

علي فكره يا جماعه أنا حاسس أن مفيش استفاده من الدروس


فلو حد عنده إقتراح نغير بيه شكل الشرح اوي حاجه يعني

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


انثى
عدد الرسائل : 733
العمر : 34
تاريخ التسجيل : 14/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 8:41 pm

ليه بتقول كده ياتلموذ

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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 10:22 pm

بئول كدا عشان مفيش حد شغال ومحدش عجبوا الموضوع

يا جماعه لو الموضوع مش مفيد نغير علي اي حاجه تانيه ونشرحها بطريئه كويسه
زي #C مثلا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف
أمير الــــــــزمان


ذكر
عدد الرسائل : 1053
العمر : 35
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالسبت يونيو 14, 2008 11:31 pm


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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 7:36 am


الدرس الخامس
الصور والرسومات






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

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

إن الوسم الرئيسي المستخدم لتعريف صورة ما داخل الصفحة هو

Course HTML - صفحة 3 11pn5

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

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

Course HTML - صفحة 3 97730452xa5




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

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


Course HTML - صفحة 3 92225113wh6




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



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

Course HTML - صفحة 3 43173018ba1




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



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



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

Course HTML - صفحة 3 28159251sx6


الخاصية التالية التي تستخدم مع Course HTML - صفحة 3 11pn5 هي ALT وفيها نحدد نصاً بديلاً يظهر مكان الصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعال في المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقع بطيئة التحميل. Course HTML - صفحة 3 32324967hx1





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

Course HTML - صفحة 3 44945865qf4 Course HTML - صفحة 3 82844949rx4




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

مثال:


Course HTML - صفحة 3 25033583vs9


الخاصية الأخيرة والتي تستخدم مع الوسم Course HTML - صفحة 3 11nv7 هي BORDER ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه. وهذه الخاصية تستخدم بشكل خاص عند تعيين صورة ما كوصلة تشعبية ويتم التحكم بالسُمك من خلال إسناد رقم يمثل السُمك بالبيكسل. والقيمة الإفتراضية له هي 0 أي لا يوجد إطار حول الصورة.
مثلاٌ لإضافة إطار سُمكه 5 بيكسل نكتب الشيفرة التالية:
Course HTML - صفحة 3 10mx7





والآن حان الوقت لكي نناقش معاً بعض الأمور التي تتعلق بالصور والرسومات بشكل عام.

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


JPG, JPEG
إختصار لـِ
Joint Photographic Experts Group. ويدعم هذا التنسيق صوراً بعيار 24 بت (أي 16.7 مليون لون). وميزة هذا التنسيق تتمثل في إمكانية ضغط الصور بنسب مختلفة عند تخزينها وبالتالي الحصول على صور صغيرة الحجم نسبياً.(أعني هنا حجم التخزين بالكيلوبايتات وليس أبعاد الصورة). لكن بالمقابل كلما إزدادت نسبة الضغط وصغر حجم الملف كان ذلك على حساب الجودة والوضوح.

GIF
إختصار لـِ
Graphical Interchange Format وأقصى عدد للألوان في هذا التنسيق هو 265 لون. ومع ذلك فإن أحجام الصور المخزنة به كبير نسبياً مقارنة بتنسيق JPG. لكن هناك مزايا رائعة ينفرد بها تنسيق GIF مما يستدعي استخدامه في صفحات الويب، أولها القدرة على تخزين صور بخلفيات شفافة Transparent Images وثانيها الصور المتحركة Animated Gifs
وتجد معلومات وافية ودروساً مفصلة حول هذه المواضيع ضمن دروس
Paint Shop Pro.

والآن قد تسأل، أي من هذين التنسيقين أستخدم في صفحاتي؟! لا يوجد جواب قطعي لهذا السؤال لكن إليك هاتين المعادلتين:

JPG= الصور الحقيقية ذات العدد الكبير من الألوان، وذات الأبعاد الكبيرة
GIF= الصور قليلة الألوان وصغيرة الأبعاد مثل الأزرار.



* ما هي درجة إستبانة شاشتك Resolution? إذا كنت لا تعرف الجواب قم بفتح تطبيق لوحة التحكم في ويندوز 95 وإختر أيقونة(العرض) ثم اختر التبويب (إعدادات) وهناك سوف تشاهد "مساحة سطح المكتب" الذي يدل على درجة إستبانة الشاشة، وعلى الأغلب ستكون 640×480 أو 800×600، وهناك درجات أعلى تعتمد على قدرة محول العرض. كذلك سوف تشاهد "لوح الألوان" الذي يدل على عدد الألوان التي يمكن عرضها بالإعدادات الحالية للشاشة.
أما في ويندوز 3.11 أو 3.1 فاختر أيقونة برنامج إعداد
Windows من لوحة التحكم فتظهر لك قائمة تجد بضمنها نوع وإستبانة الشاشة.

هذا الحديث يقودني إلى وحدة البيكسل
Pixel (ألم أعدك مسبقاً بتوضيحها). وهي اختصار لـِ Picture Element. إذا كانت شاشتك بإستبانة 640×480 فهذا يعني أنها مقسمة(نظرياً) إلى شبكة من 640 عمود و480 سطر. وبمنتهى البساطة، إن كل خلية من هذه الشبكة تمثل بيكسل وبالطبع كلما زادت الإستبانة كلما صغر حجم وحدة البيكسل.



* هل سبق لك وأن سمعت بمصطلح Thumbnail ضمن مصطلحات الإنترنت؟ حسناً، لا تلتفت إلى الترجمة الحرفية لهذه الكلمة، والتي تعني "ظفر الإبهام". فالمقصود حقيقةً بها هي تلك الصورة الصغيرة جداً التي تقوم بالنقر عليها فتؤدي إلى عرض صورة بحجم أكبر. لذلك قد يكون المصطلح الأنسب لوصفها هو "العيّنة".
(وإذا كنت قد زرت أحد المواقع الإخبارية لرأيت كيف يتم عرض عينات وصور مصغرة للقطات الأحداث وعند النقر على العينة تظهر الصورة الأصلية. إذن أنت لست مجبراً على الإنتظار لوقت طويل لحين ظهور صورة ذات حجم كبير للقطة لست معنياً بها).

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

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


وصلنا إلى نهاية هذا الدرس.


عدل سابقا من قبل Tlmoz في الأحد يونيو 15, 2008 7:45 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
نور
مشرفه عامه
مشرفه عامه
نور


انثى
عدد الرسائل : 5392
العمر : 36
تاريخ التسجيل : 26/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 7:43 am

والله يا تلموذ شغلك جامد جدا

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

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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 7:47 am

أنا تحت أمرك

بس المشكله ان الجافا مش مجالي خالص
انا تبع سي شارب

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


انثى
عدد الرسائل : 5392
العمر : 36
تاريخ التسجيل : 26/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 7:49 am

اوك هانتظر

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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 8:01 am

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


انثى
عدد الرسائل : 5392
العمر : 36
تاريخ التسجيل : 26/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 8:06 am

اة يمكن مشغول

عموما لوهو مشغول مش مشكلة
انتظر
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Tlmoz
مشرف
مشرف
Tlmoz


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 8:08 am

اوك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف
أمير الــــــــزمان


ذكر
عدد الرسائل : 1053
العمر : 35
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 8:47 am


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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالأحد يونيو 15, 2008 9:43 pm

خلاص مفيش مشاكل ناخد رأي الاعضاء في الموضوع ده

بس انا كان هدفي نخلص اللغه دي بسرعه لانها سهله متستهلش المده دي كلها

ونخش علي حاجه تانيه
لان الاجازه خلاص ئربت تخلص
الرجوع الى أعلى الصفحة اذهب الى الأسفل
golden flower
مشرفة
مشرفة
golden flower


انثى
عدد الرسائل : 2517
العمر : 35
تاريخ التسجيل : 28/04/2008

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالإثنين يونيو 16, 2008 1:23 am

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


انثى
عدد الرسائل : 733
العمر : 34
تاريخ التسجيل : 14/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالإثنين يونيو 16, 2008 3:42 am

بس براحه برضو ياتلموذ علينا

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


ذكر
عدد الرسائل : 1737
العمر : 35
تاريخ التسجيل : 12/10/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالإثنين يونيو 16, 2008 6:18 am

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


انثى
عدد الرسائل : 733
العمر : 34
تاريخ التسجيل : 14/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالإثنين يونيو 16, 2008 6:25 am

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


انثى
عدد الرسائل : 101
العمر : 34
تاريخ التسجيل : 10/06/2008

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالإثنين يونيو 16, 2008 8:07 pm

تمام يا تلموذ تم التطبيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف
أمير الــــــــزمان


ذكر
عدد الرسائل : 1053
العمر : 35
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالثلاثاء يونيو 17, 2008 1:17 am


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


انثى
عدد الرسائل : 733
العمر : 34
تاريخ التسجيل : 14/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالثلاثاء يونيو 17, 2008 4:55 pm

تمام انا كمان خلصت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
golden flower
مشرفة
مشرفة
golden flower


انثى
عدد الرسائل : 2517
العمر : 35
تاريخ التسجيل : 28/04/2008

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالثلاثاء يونيو 17, 2008 5:05 pm

تمام
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أمير الــــــــزمان
مشرف
مشرف
أمير الــــــــزمان


ذكر
عدد الرسائل : 1053
العمر : 35
الموقع : Monofia
تاريخ التسجيل : 05/11/2007

Course HTML - صفحة 3 Empty
مُساهمةموضوع: رد: Course HTML   Course HTML - صفحة 3 Icon_minitimeالثلاثاء يونيو 17, 2008 8:51 pm


تمــــــــــــــــــــــــــــــــــــــــــــــــــــام
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
Course HTML
الرجوع الى أعلى الصفحة 
صفحة 3 من اصل 5انتقل الى الصفحة : الصفحة السابقة  1, 2, 3, 4, 5  الصفحة التالية
 مواضيع مماثلة
-
» HTML XHTML and CSS
» Online HTML to PDF Conversion

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: الكمبيوتر والإنترنت :: الويب :: HTML-
انتقل الى: