تعلم تصميم موقع عن طريق لغة Html

**معلومات** **العضو** · 23-04-2008, 03:47 AM

بسم الله الرحمن الرحيم
قد رغبت في اول مشاركه لي في هذا القسم ان اقدم مساعده وهي ان اقدم شرح مبسط جدا في تعلم لغه الـHTML حيث تعتبر من اللغات الهامه وسهله التنفيذ واسال الله العلي القدير التوفيق والسداد في القول والعمل
بسم الله الرحمن الرحيم
" اقرأ باسم ربك الذي خلق . خلق الإنسان من علق . اقرأ وربك الأكرم .الذي علم بالقلم . علم الإنسان ما لم يعلم"

وهى لغة خاصة بتصميم صفحات النت وحروفها هذي أختصار لكلمة
HYPER TEXT MARKUP LANGUAGE
واللغة هذي كلها عبارة عن وسوم او اكواد او TAGS
والاكواد تجي اغلب شي بشكل زوجي وقليل ونادر تجي بشكل فردي ,كل اللى نحتاجه برنامج كتابة ومعالجة نصوص نفس النوت باد مثلا الموجود ف الوندوز
يالله نفتح النوت باد
اى ملف اتش تى ام ال لازم يبدا بالكود هذا <HTML> وينتهى بالكود هذا </HTML>
طبعا انتوا ملاحظين ان كود البداية هو كود النهاية مع اضافة السلاش
فى بعض الكودات نفس ما قلت بنستخدمها بروحها منفردة نفس الوسم هذا وهذا كود ننهي فيه السطر وبنبدا من سطر جديد.
بعد ما فتحنا النوت باد نكتب طبعا الكود اللى قلنا ان اى صفحة لازم تبدا فيه اللى هو <HTML> خلصنا من اول كود وبعدين نجي للكودين الثانين
<HEAD> </HEAD>والكود هذا خاص بالعنوان حق الصفحة اللى بيكون فوق بالاعلى ف عنوان المتصفح والعنوان تحطه بين هالكودين <TITLE> </TITLE>
نيجى بعد كذا لاهم وهو بداية الصفحة نفسها راح نكتبها بين الكودين هذول <BODY> </BODY>
يعنى مثلا هذا راح يكون شكل الصفحة
<HTML>
<HEAD>
<TITLE>
مرحبا بكم في موقع الدواسر
</TITLE>
</HEAD>
<BODY>
الحمد لله كتبنا صفحة حلوه والحين نكمل الباقي
</BODY>
</HTML>
واغلق النوت باد واحفظها بصيغة HTML مو TXT
وبعدين افتحها مره ثانية وشوف انجازك
انتبهو ان لازم الصفحة تبتدي بكود الهتمل بعدين الهيد والتيتل بحط ما بينهم العنوان والبادى احط فيه الي انا ابي
تعالو نجرب شوية شغلات صغيرة اكتبوا الكلام هذا عندكو وشوفوا النتيجة1
<HTML>
<HEAD>
<TITLE>
مرحبا بكم في موقع الدواسر
</TITLE>
</HEAD>
<BODY>
الحمد لله 
</BODY>
</HTML>
طبعا لاحظتو ان لفظ الجلالة مكتوب بخط عريض صح؟ وهو هذي وظيفة الكود 
طب مثلا لو حبينا ننهى السطر ونكتب م الاول نكتب كذا
<HTML>
<HEAD>
<TITLE>
مرحبا بكم في موقع الدواسر
</TITLE>
</HEAD>
<BODY>
بسم 
لله 
الرحمن 
الرحيم 
موقع 
الدواسر 
يرحب بكم 
</BODY>
</HTML>
هنلاحظ ان كل ما نكتب الكود السطر بينتهى ومن بعده الكلام بيعتبر سطر جديد وعلى فكرة الكود ده بيكون مفرد يعنى ماله اى كود نهاية معاه
فى نقطة ثانية يا شباب احب اتكلم عنها وهى ان الحروف الكابتال والاسمول ماتفرق وفى شغله بعد ما بين الاكواد مولازم تاخد سطر مثل ماانا سويت وممكن تلزق كله ف بعضه وراح تشوفون النتيجة واحدة لان المتصفح حقك مايهتم بهالشي تعالو نجرب
<HTML><HEAD><TITLE>مرحبا بكم موقع الدواسر
</TITLE></HEAD><BODY>بسم 
لله حياكم 
موقع الدواسر 
يرحب بكم 
</BODY></HTML>
طبعا لاقيتو النتيجة وحده
فى بعد كود ثاني بينكتب بشكل فردي وهذا نفس عمل كود انهاء السطر بس هذا بيضيف سطر زيادة بين الفقرات بتقولي شلون بقولك تعال نجرب
<HTML><HEAD><TITLE>مرحبا بكم
</TITLE></HEAD><BODY>بسم الله
موقعالدواسر
يرحببكم
نتمنىلكم وقت طيبا
</BODY></HTML>
لو حبينا ناخد مسافة بين كل كلمة وكلمة فنقدر نستخدم الكود هذا وهو بعد ينكتب بشكل مفرد &nbsp دون وضع اي اقواس
وهذا اختصار لكلمة non breakable space وكل ما نحب ناخد مسافة نكتب الكود هذا ونكرره بعدد المسافات اللى نبيه
<HTML><HEAD><TITLE>مرحبا بكم في موقع الدواسر
</TITLE></HEAD><BODY>
موقع &nbspالدواسر &nbsp يرحب بكم &nbsp &nbsp &nbsp &nbsp فاهلا
</BODY></HTML>

هذا اول شرح وانشالله راح يكون هنالك شرح مطول مرفق بالصور قريباً.

وهذا الموقع من تصميمي الشخصي.

www.q8-tajer.8m.com

تقبلو تحياتي.

اخوكم:

محمد الحضيري

**معلومات** **العضو** · 23-04-2008, 05:09 PM

أخي العزيز محمد الحضيري

اشكرك على موضوعك المميز والله يعطيك العافية

في البداية كان تصميم صفحة واحدة فيه نوع من الصعوبة وضياع الوقت الذي هو أهم شي لدى المصمم ممكن كان في عام 1995م على ما أذكر و كان العمل على تصميم صفحة الكترونية لابد له من الإلمام التام بلغة الـ HTML وهي إحدى اللغات المستخدمة لإنشاء صفحات الويب www .
إن (Hypertext Morkup Language) وهي عبارة عن لغة تحتوي على مجموعة كبيرة من الأوامر والاكواد تؤدي إلى تكوين صفحات الويب بالمظهر الذي يشاهده الجميع الآن ، كما يمكن إن إنشاء صفحة بواسطة تركيبة Ascii على منسق الكلمات ويمكن أن تحول إلى صفحة على الويب بإضافة بعض أوامر Html .
حيث تمكن بعض أوامر Html المستخدم او المصمم المحترف من تنفيذ عدد من العمليات على صفحات الويب منها :
ـــ تحديد حجم النص وطريقة عرضه .
ـــ إنشاء الروابط مع الوثائق والمستندات الأخرى .
ـــ إنشاء نماذج تفاعلية مع الصفحة .
ـــ توفير الدعم للوسائط المتعددة كالفيديو والصوت والصورة .

وكان لبد من العمل على للغة مسانده للغة HTML وهي لغة جافا Java وهي من اللغات المستخدمة للانترنت ولصفحات الويب في www وتهدف لغة البرمجة هذه إلى إضافة الحيوية إلى صفحات الويب عبر النصوص المتحركة والرسوم التي تتحرك بشكل تفاعلي والوسائط المتعددة .

ولغة جافا طورت من قبل شركة Sun Microsystems على غرار لغة C++ وتقوم الوثائق المنشئة بلغة الترميز النصي Html باستدعاء برامج جافا كما يكن تشغيلها بصورة منفردة .

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

حاول أن تقوم بالعمل على هذه البرامج وسوف تحصل بإذن الله تعالى على نتائج جداً رائعة

تقبل مروري مع الشكر مره أخرى على هذا الموضوع

**معلومات** **العضو** · 24-04-2008, 12:36 PM

اخوي خالد اشكرك على مرورك الكريم وبالنسبة لكلامك صح 100% لكن كل مصمم وله طريقة يعني انا بديت التصميم منذ عام 1999 وصرت ماعرف الا عن طريق لغة HTML وصرت متمكن منها بشكل كبير وصرت استغني عن برامج جديدة مثل الفرونت بيج ومايشابه ذلك لاني اشوفها اسهل وبالنسبة للـ java صحيح تعطي مؤثرات حيوية بالموقع وانا استخدمها عن طريق السكربت يعني قدرت اسوي اكواد متحركة دون الحاجة الى برنامج فلاش او السويتش او مايشابه ذلك والفرونت بيج انا صممت مواقع عديده عن طريقه لكن اجد صعوبة في رفع الموقع والسبب يرجع للخادم او الداعم للنقل لذلك استعنت ببرامج اخرى لرفع الموقع ولكن لقيت ان حجم النقل كبير ويلزمني الا الانتظار اكثر وحتى ولو كانت سرعة الاتصال 1 ميغا بيت بالساعه لكن لما ارسل اوامر لغة HTML واضغطها بملف وارفعها اجد سهولة حتى بالتغيير اذا احببت التغيير مأشوف صعوبة ابدا وبالنسبة لبرنامج الفوتوشوب برنامج جدا جميل ويساعد على وضع لمسة فنية بالمواقع وتقدر تفكك البرنامج لما تنزله عندك عن طريق برنامج السوت لوك Soat Lock وتقدر تخلي البرنامج يشتغل على الطريق الي انت تبيها وتحول الصور المتحركة الى اوامر في لغة HTML.

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

واخيرا شاكر لك ردك الجميل.

تقبل تحياتي

اخوك:

محمد الحضيري

**معلومات** **العضو** · 26-04-2008, 12:01 AM

محــــمد

ابو سلطان ..

لا هنتوا على هذا التفاعل ,., والمعلومات القيمة ..

حفظكم الباري ..

**معلومات** **العضو** · 26-04-2008, 12:41 AM

اخوي محمد الحضيري

والله انك اوجعت قلبي وذكرتني بالجامعة

تخصصي كان هندسة حاسب آلي وكانت الاكواد من العلوم الاساسية للمبتدئين بالبرمجة ولكن كان تطبينا الفعلي بالواجبات والاختبارات بالاكواد الجاهزة بالوورد والفرونت بيج..

فقط اعمل على احد البرنامجين واحفظ المستند او الملف بصيغة اللغة Html او Xml

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

**معلومات** **العضو** · 26-04-2008, 02:35 AM

اخوي حزام الودعاني اشكرك على المرور الكريم والرد الجميل. ولانت

اخوك:

محمد الحضيري

**معلومات** **العضو** · 26-04-2008, 02:37 AM

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

اخوك:

محمد الحضيري

**معلومات** **العضو** · 28-04-2008, 06:27 AM

محــــمد

ابو سلطان ..

لا هنتوا على هذا التفاعل ,., والمعلومات القيمة ..

**معلومات** **العضو** · 01-05-2008, 08:39 PM

ولانت اخوي فيصل ومشكور على المرور الكريم

**معلومات** **العضو** · 16-06-2008, 03:36 AM

محمد الحضيري

سلمت ييمنك

وبارك الله فيك

تقبل شكري والتقدير

**معلومات** **العضو** · 16-06-2008, 04:25 AM

محمد الحضيري

سلمت ييمنك

وبارك الله فيك

تقبل شكري والتقدير

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
50 معلومة عن الرسول صلى الله عليه وسلم	الركن	:: القسم الإسلامـــي ::	23	08-07-2011 11:58 PM
سورة الملك أكثر من 40 قارئ + تفسير سورة الملك	صادق الود	:: قسم الصوتيات والمرئيات والصور بما يوافق الشريعة الاسلامية ::	4	17-09-2010 03:27 PM
هل تعلـــــم	ابومبخوت الدوسري	:: قسم المـواضيع الـعامــة ::	17	03-09-2010 02:34 AM
خمسون معلومه عن الرسول صلى الله عليه وسلم	محمد بن عريمه	:: القسم الإسلامـــي ::	2	19-06-2010 05:09 PM
التغطية الـمصّورة للحـفل الثـاني لموقع الدواسر الرسمي برعاية الغرره	الإداره	:: قسم اللقــاءات والفعاليات والتغطيات الخاصة::	29	18-08-2007 06:40 PM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

		منتديات صحيفة وادي الدواسر الالكترونية