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

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» جهاز البحث عن المعادن ( نموذج
الإثنين أكتوبر 14, 2013 2:30 am من طرف الباحث

» مقابر آخر زمن
الإثنين أكتوبر 14, 2013 2:12 am من طرف الباحث

» علم البلورات والمعادن
الإثنين أكتوبر 14, 2013 2:10 am من طرف الباحث

» صناعة الخزف من الحرف اليدوية الممتهنة في بلداننا العربية
الإثنين فبراير 06, 2012 11:05 am من طرف عدوابليس

» وعلم الكيمياء عند العرب ج1
الإثنين فبراير 06, 2012 9:37 am من طرف عدوابليس

» Easy GIF Animator 5.02 لأنشاء صور وشعار وايقونات وبنرات متحركه .. أصدار جديد مع الشرح
الأربعاء يوليو 28, 2010 1:29 am من طرف عدوابليس

» تعريب البرنامج اليابانى : Graphics Gale لعمل الصور المتحركة
الخميس أبريل 15, 2010 5:50 pm من طرف عدوابليس

» تعريب برنامج : Ultra Menu لتصميم القوائم لموقعك
الخميس أبريل 15, 2010 5:46 pm من طرف عدوابليس

» لتعديل على الصورة الملتقطة وصور من جهازك
الخميس أبريل 15, 2010 5:27 pm من طرف عدوابليس

ازرار التصفُّح
 البوابة
 الصفحة الرئيسية
 قائمة الاعضاء
 البيانات الشخصية
 س .و .ج
 ابحـث
منتدى
التبادل الاعلاني
احداث منتدى مجاني
pubarab

شاطر | 
 

 دورة دروس htm9

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
عدوابليس
Admin


عدد الرسائل : 371
العمر : 43
المزاج : رايق
تاريخ التسجيل : 16/01/2009

مُساهمةموضوع: دورة دروس htm9   السبت أغسطس 08, 2009 10:09 am


مثال 5:

<img src="bill.jpg" alt="Bill Gates" style="position:absolute;bottom:50px;right:10px;" />

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


جميل، لكن هل هي سهلة؟

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

الدرس الثالث عشر: رفع الصفحات إلى الشبكة

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

العالم مستعد كما ستكون أنت مستعداً، لكي تضع صفحتك على الإنترنت فأنت بحاجة إلى مساحة في مزود موقع وبرنامج مجاني لنقل الملفات.
إذا كنت تملك اتصالاً بالشبكة فربما تملك مساحة مجانية في مزود لموقعك، مزود الموقع سيكون عنوانه مثلاً http://home.provider.com/~usernumber، لكن ربما تحتاج إلى تفعيله أولاً، إقرأ حول هذا في صفحات موقع مقدم خدمة الإنترنت في بلدك

هناك خيار آخر هو أن تحصل على مزود يقدم مساحة
مجانية على الإنترنت، بنفس الطريقة التي قمت فيها بالحصول على بريد
إلكتروني مثل هوتميل، يمكنك أن تسجل لمساحة مجانية على الإنترنت، هناك عدة
شركات تقدم خدمات مثل هذه منهم Angelfire (إضغط على "Sign Up" واختر العضوية المجانية) - التسجيل يتطلب فقط بضع دقائق.


لكي تحصل على صلاحية الدخول للمزود، فأنت تحتاج
إلى معرفة ما يسمى "Host Name" مثلاً: ftp.anglefire.com وأن تملك اسم
مستخدم وكلمة سرية للمستخدم.

هل هذا كل ما أحتاج؟

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

هناك العديد من برامج نقل الملفات، من أفضلها هو FileZilla ولا يكلف شيئاً.، يمكنك إنزال FileZilla من موقع filezilla.sourceforge.net.
كيف أقوم برفع الصفحات؟


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


قم بتشغيل برنامج نفل الملفات وأنت متصل بالشبكة،
أدخل معلومة "host name" مثال: ftp.anglefire.com تحت خانة "Address"، ثم
اسم المستخدم وكلمة السر ثم إضغط على Connect، يجب أن يكون لديك الآن
اتصال بالمزود، في الجهة اليسرى من البرنامج يمكنك أن ترى محتويات حاسوبك
"Local site" والجهة الأخرى سترى فيها محتويات المزود "Remote Site":




إبحث عن ملفات HTML والصور التي قمت بإنشاءها في
حاسوبك وانقلها إلى المزود بالنقر عليها مرتين، سيقوم البرنامج بنقل
الملفات بين حاسوبك والمزود، وسيتمكن العالم من رؤية ما قمت بإنشاءه،
مثال: عنوان صفحة موقعك قد تكون بهذا الشكل
http://www.angelfire.com/folk/htmlnet/page1.htm>

قم بتسمية إحدى الصفحات "index.htm" أو "index.html"
وستصبح تلقائياً صفحة البداية الرئيسية في موقعك، إذا كتبت http://www.angelfire.com/folk/htmlnet
بدون اسم الملف فالمتصفح في الحقيقة سيعرض
http://www.angelfire.com/folk/htmlnet/index.htm
لاحقاً، من الأفضل أن تشتري عنواناً خاصاً بك (www.your-name.com)
وتجنب العناوين الطويلة والمعقدة التي تستخدمها خدمات الاستضافة المجانية، يمكنك أن تشتري عناوين المواقع من خدمات كثيرة مثل Speednames أو NetworkSolutions.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://abuabdalmalek.ahlamontada.com
عدوابليس
Admin


عدد الرسائل : 371
العمر : 43
المزاج : رايق
تاريخ التسجيل : 16/01/2009

مُساهمةموضوع: دورة دروس htm10   السبت أغسطس 08, 2009 10:09 am

الدرس الرابع عشر: المعايير القياسية

في هذا الدرس سندرس المزيد من الجانب النظري من HTML.
ما الذي يمكن معرفته أيضاً عن HTML؟

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


هناك محاولات عديدة لإنشاء معيار قياسي موحد للغة HTML من خلال منظمة World Wide Web Consortium (W3C) التي أنشأها تيم برنرز لي - نعم! الرجل الرائع الذي اخترع HTML - لكن هذا يحتاج إلى وقت طويل صعب.

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


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


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

البقية معروفة، اليوم معايير HTML وصلت إلى الرقم
4.01 وXHTML، الآن إكسبلورر هو المسيطر على سوق متصفحات الويب بنسبة تزيد
عن 90% ويدعم عناصر HTML لا يدعمها أي متصفح آخر لكنه أيضاً يقدم دعماً
للمعايير القياسية، كذلك تفعل المتصفحات الأخرى مثل Mozilla وOpera
ونيتسكيب.


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

كيف أعرف أي نسخة أستخدم؟

مع وجود نسخ مختلفة من HTML، فأنت تحتاج إلى أن
تخبر المتصفح عن نوع HTML الذي تستخدمه، في حالتنا نحن نستخدم XHTML، ولكي
نخبر المتصفح علينا أن نستخدم ما يسمى "******** Type Declaration"، أو
نوع الوثيقة، وهذا يكتب دائماً في أول سطر من الصفحة:


مثال 1:
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html
xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head><title>Title</title></head><body><p>text text</p></body></html>


إلى جانب تعريف الصفحة - السطر الأول في المثال
أعلاه - فأن تحتاج أيضاً إلى إخبار المتصفح بأنك تريد كتابة XHTML، لذلك
فأنت بحاجة إلى إضافة المزيد من المعلومات لوسم html، باستخدام الخاصية xmlns وlang.


xmlns هي اختصار "XML-Name-Space" ويجب دائماً أن تحوي هذه القيمة: http://www.w3.org/1999/xhtml، هذا كل ما تحتاج لمعرفته، لكن إن كنت تتوق لمعرفة المزيد من يمكنك أن تقرأ حول هذا الموضوع في موقع W3C.
في خاصية lang أنت توضح أي لغة كتبت بها الوثيقة، لهذا المعايير ISO 639 تستخدم، وهي قائمة برموز كل اللغات في العالم، في المثال أعلاه استخدامنا اللغة الإنجليزية "en".

باستخدام تعريف الصفحة "DTD" يمكن للمتصفح أن يعرف
بالضبط كيف يقرأ صفحتك ويعرض ما كتبته، لذلك استخدم المثال أعلاه كقالب
لكل صفحات HTML التي ستكتبها في المستقبل.


تعريف الصفحة أيضاً مهم إذا أردت أن تتأكد من أن صفحتك خالية من الأخطاء
تصحيح الأخطاء؟ لماذا علي فعل ذلك؟

قم بإدخال تعريف الصفحة إلى صفحات موقعك دائماً ويمكنك أن تتأكد من أن صفحاتك خالية من الأخطاء باستخدام خدمة W3C's validator المجانية.
لاختبار موقعك، ضع صفحتك على الإنترنت، الآن توجه إلى validator.w3.org
واكتب عنوان الصفحة "URL" وقم باختبارها، إذا كانت صفحتك خالية من الأخطاء
سترى رسالة تهنئة بذلك! وإلا ستجد تقريراً بالأخطاء يخبرك بالضبط عن ماذا
وأين قمت بكتابة أمر بشكل خاطئ، قم بعمل بعض الأخطاء قاصداً لترى كيف تعمل
هذه الخدمة.


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


قم بالتأكد من خلو صفحاتك من الأخطاء واحرص على أن تظهر بشكل صحيح دائماً.

----------------------------------------------------------------------
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://abuabdalmalek.ahlamontada.com
عدوابليس
Admin


عدد الرسائل : 371
العمر : 43
المزاج : رايق
تاريخ التسجيل : 16/01/2009

مُساهمةموضوع: دورة دروس htm11   السبت أغسطس 08, 2009 10:10 am

----------------------------------------------------------------------
الدرس الخامس عشر: النصائح الأخيرة

تهانينا! لقد وصلت إلى الدرس الأخير
أنا أعلم كل شيء الآن؟

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

في الدرس الأخير ستحصل على بعض النصائح:

  • أولاً،
    من الأفضل أن تعتني بنظام وهيكلية صفحاتك، بكتابة صفحات مرتبة فأنت لا
    تعرض للآخرين احترافك في HTML بل أيضاً تبسط عملية إدارة الصفحات على
    نفسك.


  • التزام
    بالمعايير القياسية وقم بتصحيح الأخطاء في صفحاتك، لا يمكننا التأكيد بشكل
    كافي على هذه النقطة، دائماً أكتب صفحات نظيفة باستخدام XHTML استخدم
    تعريف الصفحة DTD وقم بتصحيح الأخطاء من خلال خدمة validator.w3c.org.


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


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


  • تذكر أن تضيف
    موقعك لمحركات البحث وأدلة المواقع حتى يستطيع الناس الوصول لها، في
    الصفحة الرئيسية لجميع محركات البحث يمكنك أن تجد رابطاً لإضافة المواقع
    الجديدة، أهم محركات البحث هو Google، لكن هناك غيره مثل DMOZ وYahoo وAltaVista وAlltheWeb وLycos.


  • في هذا الدرس
    تعلمت استخدام برنامج المفكرة "Notepad" وهو برنامج بسيط وسهل الاستخدام،
    لكن من الأفضل أن تبحث عن محرر نصي متقدم يحوي خصائص أكثر، يمكنك أن تجد
    ملخصات وعروض للكثير من المحررات النصية في موقع Download.com.
كيف أتعلم المزيد؟



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





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

نراك في الشبكة

وبالتوفيق للجميع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://abuabdalmalek.ahlamontada.com
 
دورة دروس htm9
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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