![]() | ![]() | ![]() | ![]() | ![]() | | | ![]() | | |
| | | | |||||||
![]() |
| | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | |
| Ma3ali Tube | Be Happy | الجـوال | Ma3ali flickr | الغرفة الصوتية | البطاقات | الصـوتيـات | مركز التحميل | مجلة أجيال |
![]() ![]() |
![]() ![]() |
| |||||||
| مسار الواعدين هنا نُرحّب بالمبتدئين . . |
![]() |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
| | #1 | |||||
![]() | . ![]() . عندما يسافر الأخ فيصل نحو الولايات المتحدة.. سيواجه مشكلة اللغة الانجليزية لذلك سيقوم هو بتركيب برنامج الترميز الانجليزي في دماغة ليسهل التعامل مع الناس هناكوهذا ما سنقوم به في هذا الفريق سندرج لغة الـ Html في نظام التشغيل في ادمغتنا ![]() ماهي لغة الـ html ? التسمية أخذت من إختصار لـ Hyper Text Markup Language لغة تستخدم لإنشاء المواقع فقط.. أي انها ليست لغة برمجة لوحدها.. لذا فهي لغة بسيطة لا تحتاج لبرنامج مترجم خاص بها ولا ترتبط بنظام تشغيل معين ولا تحتاج لخوضها إلا القليل من التفكير المنطقي وترتيب الأفكار. قارئ اللغة.. القارئ لها هو متصفح الانترنت غالبا بغض النظر عن النظام المستخدم اي ان الوندوز والماكنتوش وغيرها .. ستقرأ اللغة في كلاهما بنفس الطريقة كتابة اللغة: لا تحتاج هذه اللغة لأي برامج خاصة لكتاباها .. بل نحتاج فقط لأي برناج نصوص بسيط كالمفكرة الموجود في الوندوز .. ولكن هناك العديد من البرامج التي تستخدم لإنشاء صفحات Html حتى لو كنت تجهل اساسيات اللغة وطريقة عملها يقوم المستخدم من خلالها بكتابة الصفحات وتصميمها بما تحويه من نصوص ورسومات وجداول ثم يقوم البرنامج بتخليق الوسوم المناسبة وتحويل هذه الصفحات من وراء الكواليس تلقائياً وحفظها بتنسيق html. أي أن دور المستخدم ينحصر في الكتابة والتصميم فقط، دون معرفته للشيفرة التي استخدمت. وبالتالي عدم قدرته على التحكم بأي وسم أو تعديل الشيفرة حسب الحاجة، إلا من خلال إعادته للتصميم الأساسي ثم إعادة التحويل والحفظ من قبل البرنامج. رغم سهولتها.. إلا اننا كفريق للتعلم لا ننصح باستخدام هذه البرامج لمن اراد تعلم هذه اللغة والتمكن منها فالفرق واضح بين الخبير والمستعين بتلك البرامج . . اساسيات في الـ Html الأساس في لغة الـ Html هو ما يدعى بـ الوسم (TAG) حيث تتكون مفردات لغة Html من الوسوم TAGS . وهي تستخدم بشكل أزواج وتكتب بالصيغة التالية (من اليسار إلى اليمين): ![]() فعلى سبيل المثال الوسم <b> يستخدم لكتابة الكلمات بخط أسود عريض Bold وذلك بالشكل التالي: كود: <b> Text </b> فكما نلاحظ.. يبدأ الوسم بكونه بين قوسين.. وينتهي بنفس الشكل مع وجود علامة / الشرطة المائلة دليل ختام الوسم.. ملف الـ Html غالبا ملف الـ Html له تركيب بسيط وسهل.. من المفترض عند البدء بمشروع التركيز على هذا التركيب.. الصورة التالية تشرح التركيب لملف الـ Html ببساطة ![]() إذن.. ملف Html يبدأ دائماً بالوسم <html> وينتهي بالوسم </html>. لا تنسوا ذلك! أما الوسم <head> فيحدد بداية المقطع الذي يحتوي على المعلومات الخاصة بتعريف الصفحة وهي غالباً لا تكون في نفس مضمون الصفحة الظاهر للزائر.. ولكنها مخفية تقريبا كالعنوان الظاهر على شريط عنوان المتصفح. وهذا العنوان بدوره يحتاج لأن يوضع بين الوسمين: كود: <title> … </title> نأتي إلى الوسم <body> والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء </body> هذا مثال لصفحة ويب بسيطة جداً كود: <html> <head> <title> فريق التعلم الذاتي </title> </head> <body> شبكة المعالي الإسلامية </body> </html> والصق الوسوم السابقة فيه.. واحفظه باي اسم .. ولاتنس ان ملفات الـ HTML تنتهي بالصيغة: htm و html اي لو كنت ستسمي ملفك باسم test مثلا ستحفظه بالاسم test.htm أو test.html وكلامهما صحيح.. وبعد الحفظ افتحه بمتصفح الانترنت وسترى النتيجة مبروك هذه اول صفحة لك اذا قمت بالتجربة السابقة معنا ![]() هذا مدخل سريع للغة المدروسة.. وباذن الله سيكون القادم ابسط وايسر وفقنا الله واياكم ![]() مقتبسات . . من مشاركات متميزة
. ![]() . . | |||||
| التعديل الأخير تم بواسطة twinkle ; 28-10-2008 الساعة 12:41 PM. سبب آخر: تعديل العنوان | ||||||
| |
| |||
| منتديات مسلمة النسائية | مساحة إعلانيه | ||
| | #2 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
شــرح وافــي ماشــاء الله بارك الله فيــكــم ســوف نقوم بإضافـة بعـض المعـلومات بعد الصلاة بإذن الله ... ---------------------- معلومات من المصـــدر -------------- مـــا هــو مـلـــف الـ HTML ؟ * الـ HTML إخـتـصـار لـ Hyper Text Markup Language بـمعـنى : لغـة ترميز النص التشعبي || أو || لغـة ترميز النصوص التشعبيـة * ملف الـ HTML هـو ملف نصي يحتوي على وسوم ( TAGS ) * هـذه الوسوم تخـبـر المتصفـح كيـف يـعرض الصفحـة * ملـف الـ HTML يجب أن يحفظ بإمتداد .html أو .htm * ملف الـ HTML ينشىء باستخدام محرر نصوص بسيط ------------------------------------------------------ |
| التعديل الأخير تم بواسطة محمد جبلي ; 25-08-2007 الساعة 09:02 PM. | |
| |
| | #3 |
![]() | معلومات حلوه جزاك الله خير .. |
| |
| | #4 |
![]() ![]() ![]() |
ماشاء الله عالشرح الرائع والطريقة السهلة بوركت الايادي وبورك الجهد وفقكم الله وان شاء الله نمشي على نفس النسق أرق تحية |
| |
| | #5 |
![]() | درس رائع وجميل وقد جربته مرة واستانست لما فتحت الصفحة وكان فيها اسمي سؤالي هل مطلوب تطبيق ولا لا يعني لما أطبق أجيب شغلي تشوفونه |
| |
| | #6 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ------------------ معلومات من المصــدر ------------------- الـفـائـدة من وسـم <html> هــي : إخبــار المتصــفــح أن هــذه بدايـة ملف HTML الفـائدة من أغلاق الوسم .. </html> : إخــبار المتصفح أن هنــا نهـايـة ملف الـ HTML ....... النصـوص الموجود بيـن وسم <head> هـو : عبـارة عن معلومات ولاتظهـر في الصفحـة ...... النص الموجود بين وسمـ <title> هـو : عــنــوان الصفحــة ...... النص الموجود بين وسم <body> هو : مــا سوف يظهــر في المتصفــح ....... النص الموجود بين وسم <b> : سوف يظهر بشكل ثخيـن ---------------------------------------------------------------------- |
| |
| | #7 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
نـــعـــم نتمنى من الجميــع وضــع الـتطبيق حقــه في مشاركــته ويتم وضعـــه كـ كود سعدت بمتعتكم بالدرس وأي اضافـة لديكـم أتمنى اضافتهــا |
| |
| | #8 | |
![]() ![]() ![]() ![]() |
درس جميل و سهل لكن أشكلت علي هذه النقطة
حاولت من ملف ..ثم فتح و ادخلت اسم الملف لكن لم يفتح ..؟؟؟ | |
| |
| | #9 |
![]() | . . . أروما اختاريه من استعراض . . . |
| |
| | #10 |
![]() | . . . نتمنى من الجميع بناء صفحة أساسية مثل السابقة . . لكن باختلاف النص المكتوب فيها ووضعها هنا ككود . . . كود: <html> <head> <title> البداية </title> </head> <body> بسم الله الرحمن الرحيم اللهم لك الحمد . . والشكر </body> </html> |
| التعديل الأخير تم بواسطة ريفــــــــــــــــان ; 25-09-2007 الساعة 01:25 AM. | |
| |
| | #11 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | ------------------ معلومـــات من المصــدر ------------ سـؤال هــل نستخـدم امتداد .html أو .htm ؟؟ ومالفرق ؟؟ كــان في الماضــي لا يمكن أن يكون امتداد الملف أكثـر من 3 حروف لذلـك كان يستخدم .htm وكما يذكـر المصدـر فـهـي عادة سيئـة مازالت الى الآن !! طبعاً الآن امتداد الملف يسمح بعدد كبير من الحروف لذلك جعل الامتداد .html ويذكر المصدر أن استخدام امتداد .html أفضـل و أأمن !! ------------------------------------- |
| |
| | #12 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
أروما الملف التي حفظتيـه بإمتداد .html قومي بالضغط عليه مرتين وسوف يفتح أصلا سوف يكون شكل أيقونته كـ صفحة انترنت ------------------ |
| |
| | #13 |
![]() ![]() ![]() ![]() |
حفظت الملف و فتحته لكن الصفحة بيضاء ما فيها شيء مع العلم أني واضعه فيها الكود ؟؟؟ معليش ..من البداية أسألتي كثيرة .. |
| |
| | #14 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | -------------- نصــيــحــة ------------ يفضــل عمــل ملــف خــاص في المستندات أو في أي مكان تريدونه في جهازكم توضع فيه الصفحـات التي يتم عملـها في الفريـق والتطبيقات كــي لا تتبعثر في الجهاز و تضيع ولا يمكن الرجوع لـهـا -------------------------------- |
| |
| | #15 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
أرومـا حفظتي الملف بأي امتداد ؟؟ يجب أن يكون اما .html أو .htm والأول أفضـل |
| |
| | #16 |
![]() | . . . أروما . . أنا مثلك . . المهم افهمي كتابة الكود . . إلى أن نعرف السبب . . . . . |
| |
| | #17 |
![]() ![]() ![]() ![]() |
حفظته بصيغة html ريفان ..عرفت كيف تكتب الاكواد و الحمد لله مشكورين , |
| |
| | #18 |
![]() | معلومات خفيفة ومفيدة وبداية رائعة للدروس جزيتم خيرا فهمت ان بداية كل وسم (tag) هو نفس نهايته ، والفرق في وجود علامة / في نهاية الوسم أي أن الوسم يحصر الكلام الذي يندرج تحته... فالعنوان يكتب بين علامة <title> وعلامة </title> أي أن <title> يحصر العنوان.. و<body> يحصر نص الصفحة ... وهكذا ... والفرق بين أول وآخر الوسم هي علامة / لدي سؤال: ماهي المعلومات التي ممكن كتابتها في جزء <head> غير العنوان؟؟ وهذا تطبيقي كود: <html> <head> <title> العنوان: تحية الإسلام </title> </head> <body> السلام عليكم ورحمة الله وبركاته </body> </html> أنا افتح مفكرة عادية واكتب فيها الكود بعدين أحفظها بامتداد html بعدين افتحها وتطلع على شكل صفحة انترنت أروما طبقي نفس اللي طبقته... وإن شاء الله تمشي معك |
| |
| | #19 |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | أتــمنـى ان تذكروا لـي اسم المحرر الذي استخدمتم ؟؟ هل هو HTML Pad ؟؟ مو معقول الكلام اللي تقولوه !! |
| |
| | #20 | |
![]() | دووووم يا رب | |
| |
![]() |
| مواقع النشر (المفضلة) |
| الذين يشاهدون محتوى الموضوع الآن : 2 ( الأعضاء 0 والزوار 2) | |
الأعضاء الذين قرؤوا الموضوع منذ 30 يوم ( أيام ) : 1 .
| |
| درر 1 |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
| |