تعلم تصميم المواقع ... من الصفر ..

رغم اني عارف ان ردي ده جاي متأخر جدا جدا لأنة بعد حوالي تلات سنين بس جزاكي الله كل خير وربنا يكرمك ويجعله في ميزان حسناتك

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

مهندس // محمد

بتمنى إجابة على سؤالي من فضلكم

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

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

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

أتمنى الرد على الموقع او على الإيميل

joud.kheder@gmail.com

و شكرا للإستجابة

جود

السلام عليكــم ورحمـة الله وبركاتــة ،،

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

ولكن عندي سؤال وهو انا الوندز الذي استخدمه فيزتة وباللغة الالمانية ولما عملت ما كتبت لم يتغير عندي اي شئ يعني لما كتبت الرموز وخزنتها بالصفحة وثم سميت الصفحة

html

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

السلام عليكــم ورحمـة الله وبركاتــة ،،

شكرا على مروركم الكريم ،

وأتمنى الإفادة فعلا ..

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

وشكرا

هههههههههههههههههههههههههههههههه

اتمنى الافادة فعلا ..

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

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

شكرا على مرورك

ونتمنى الافادة

ولا تنسونا من دعوة خالصة بظهر الغيب

بســم الله الـرحمــن الرحيــم

اخي الكريم الله يعطيك الف عافية

بس مشان تغيير اللاحقة تبع النوت باد

ماعم تضبط معي او بالاحرى الملف بعد اعادة التسمية ووضع اللاحقة ماعم يفتح

وجزاك الله كل خير

اخي الفاضل :

افتح mycomputer

واختار من فوق tools

folderoptions

view

هتلاقي في اختيار فيها اسمه

hide extension for known file types

شيل العلامة من جنبه واضغط اوكي ،

وارجع جرب تاني هتلاقيها نفعت

بالتوفيق

الله ينور يا شباب فعلا شغل تمام

الف شكر على الدورة الجميلة دى ، عقبال ما افرح بيكو يا رب

H@mis كتب:

المرة دي هاندمج درسين في درس واحد بس للسرعة شوية

الدرس الثاني

ما هي لغة ال Html ؟؟ولماذا نتعلمها؟؟

----------

بسم الله الرحمن الرحيم...

عشان اوضحلكم معني لغة ال HTML اسمحولي اقوللكم مثال بسيط ..

لو انا بكلم واحد من امريكا وعايز اقولله حاجة يعملها ....

لو قلتله الحاجة دي بالانجليزي هيفهمها وينفذها..

لو قلت نفس الحاجة بالعربي مش هيعبرني

وفي نفس الوقت ممكن يكون الشخص ده بيعرف اكتر من لغة "فرنساوي مثلا" يبقي لو قلتله نفس الكلمة بالفرنساوي هيفهمها....بس اساسه هو الانجليزي..

نفس الحال بالنسبة لل BROWSER..

اللي هو صفحة الانترنت اكسبلورر اللي فاتحة قدامك....هي في البداية بتقتح بيضة"فاضية"...

الكلام والمعلومات اللي فيها بتظهر ازاي؟؟؟

ذكرنا قبل كده ان السيرفر بيقوم بارسال المعلومات إلي جهازك فيستقبلها البراوزر...

فبما ان ال BROWSER هو اللي بيستقبل المعلومات يبقي السيرفر لازم يبعتله المعلومات دي باللغة اللي هو بيفهما عشان يظهلرها قدامنا...لو بعتله نفس الكلام باي اسلوب تاني مش هيعبره

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

اول وابسط لغة من اللغات اللي بيفهمها البراوزر هي لغة ال HTML ...

وهناك لغات اخري كثيرة اكثر تطور من ال HTML بس الاساس هو ال HTML زي الإنجليزي بالنسبة للشخص الأمريكي...

ولا يوجد اي موقع يخلو من لغة ال HTML ..بالرغم من انها اقل اللغات تطورا...

وفي برامج حاليا بتغني عن لغة ال HTML وبتقوم بكل وظائفها بصورة اسهل ومنها " FRONT PAGE ,DREAMWEAVER"....ولكن...

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

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

ماحنا بنشوف المعلومات جاهزة وخلاص هنتعب نفسنا ليه؟؟

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

يارب يكون الاسلوب واضح..

________________________________________________

الدرس الثالث

اعذروني اذا طولت شوية المرة دي لانها اول مرة ندخل في اللغة..فممكن تحتاج تطويل شوية في الشرح لغاية منفهم اللغة دي ماشية ازاي….يعني كمية المعلومات المرة دي قليلة بس هتاخد شرح كتير..وان شاء الله هتلاقوه سهل مش صعب ابدا…وعشان العملية متسيحش .كل فترة هكتب خلاصة الكلام اللي اتقال وفي الاخر هكتب الخلاصة كلها ..وهتلاقوها قليلة جداا وبسيطة جداااا …حاجة بسيطة قبل متقروا أي حاجة...لو حسيت في النص انك سيحت اوعي تقلق وكمل للاخر اول متوصل للاخر هتلاقي كله وضح ان شاء الله وانا في الاخر خالص كاتب الخلاصة كلها في سطرين بس هتلم الموضوع كله ان شاء الله بس بعد متفهمه…كمل للاخر..

الاول نعرف ايه معني الكلمة دي وليه سموها كده..

مش معقول اول ماخترعوا اللغة دي قالوا نسميها html؟؟؟ …….أكيد في سبب

html اختصار لهذه الجملة:

hyper text markup language

يعني لغة تقدر بيها تحط علي الانترنت texts بكميات كبيرة (hyper) بس الاسم ده كان لانها في بداية ماخترعوها كانت بس لوضع texts مش اكتر ..انما دلوقتي تطورت كتير وممكن نحط texts وصور وفيديو واوديو وفلاشات وكل حاجة…

بس لما تطورت اللغة الاسم متغيرش فضل زي ماهو……

نبدأ بقي نعرف ازاي نعرف البراوزر المعلومات باللغة دي …

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

انا عندي فايل اسمه مثلا : mostafa.txt وعليه كلام مكتوب"بأي محرر كتابة زي ال notepad"

لو انا قلتله rename وخليت اسمه mostafa.html هتلاقي شكله اتحول الي صفحة انترنت اكسبلورر واللي هيفتحه هو الانترنت اكسبلورر..

لان انا كده قلتله ان الكلام اللي عندك هنا مكتوب بلغة html فالجهاز هيحوله تلقائيا الي البرنامج اللي بيفهم اللغة دي وهو يتعامل معاه..اذا لقاه فعلا باللغة دي هيفهمه ..اذا لقاه مش بيها مش هيفهم فيه حاجة …

اقصد اقول من الكلام اللي فات ان اللي احنا بنعمله عشان نكتب صفحة بالاتش تي ام ال بنفتح صفحة أي محرر كتابي زي النوتباد مثلا ونكتب فيها الكلام اللي احنا عاوزينه باللغة اللي هنتعلمها وبعدين نحول امتداده الي .html هيروح البراوزر فاتحه وقاريه….

ان شاء الله الكلام ده هيوضح اكتر بعدين…

الجملة الأخيرة دي ليا عليها تعليقين:

محررات الكتابة المتوفرة كتير وابسطها واسهلها هو ال notepad وهو ده اللي هنتسعمله..

التعليق التاني انهم عملولنا حاجة بسيطة للتلخيص ..بدل متخلي الامتداد .html ممكن تخليه .htm بس من غير حرف ال" l " هتقول ايه بقي... عالم فاضية ..ال يعني الحرف ده هو اللي فارق معاهم اوي… :smile:

خلاصة كل اللي فات..

اقف في أي حتة فاضية في الشاشة واضغط كليك يمين..

واختار new واختارمنها text doccument …

هيفتحلك صفحة تكتب فيها الموضوع بتاع سيادتك..

ازاي بقي بتكبتب الموضوع بتاع سيادتك.؟؟؟؟

ناخد دلوقتي نبذة بسيطة عن الشكل لعام اللي بتكون عليه اللغة دي…

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

يعني مثلا لو انا بعمل موقع بسيط اوي فيه شوية كلام وصورة جنبه بس كده…

هقولله الامر اللي بيفهمه اني هحط صورة…وبعدين احطها ..

وعشان احط الكلام مش محتاج أي امر… يعني هو بيفهم أي حاجة مكتوبة علي انها كلام مالم يذكر غير ذلك..

يعني هو بيمشي يترجم الكلام المكتوب وينقله في صفحة الموقع زي ماهو مكتوب بالظبط كلام عادي…

لو لقي في طريقه امر بيقولله اعمل حاجة معينة خلاص بيبطل ينقل الكلام المكتوب ويدا ينفذ اللي الأمر ده …

طيب دلوقتي احنا هنكتبله الكلام وهنكتبله الاوامر…ازاي هيعرف ان ده كلام عادي عايزه يظهر ون ده امر بحطه لتنفيذ شئ معين؟؟؟

للتفريق بين الكلام والاوامر بنحط الامر بين علامة اكبر من واصغر من <…….>

هو اول ميشوف العلامتين دول بيعرف ان المكتوب في وسطهم امر هينفذه ….

..في حاجة عايز اقولها ولو موضحتش اوي دلوقتي مش مشكلة…إن شاء الله لما نعرف أوامر هتوضح اكتر إن شاء الله…

انا لما اقولله امر واكتبه مبين < > مثلا بقولله يغير لون الكلام ..يبقي لازم اقولله فين اخره…منا لو سبتهاله كده هيغير لون الكلام ف الصفحة كله لان انا مقلتلوش وقف ...

بقولله كده ازاي؟؟؟

بكتب نفس الامر بس بالمنظر ده

</ >

يعني بزود العلامة دي / بيفهم هو ان الكلام المكتوب بين الامر وإغلاقه علي انه صورة…

بكتب علامة اكبر من وبعدين العلامة دي / وبعدين اسم الامر وبعدين علامة اصغر من....

طيب المنظر العام للصفحة؟؟؟

احنا عرفنا ان في لغات كتير بيفهمها البراوزر يبقي اول حاجة لازم اعرفهاله ان انا بكتب بلغة ال html ..يبقي في عندنا أمر بيتكتب في اول الصفحة بيعرفه ان انا بكتب html

الامر ده صيغته :

<html>

طيب مش احنا قلنا أي امر لازم يتقفل بعد منخلص كل اللي هنعمله بيه؟؟؟؟

يبقي الامر ده بيتقفل فين؟؟؟؟؟؟

بيتقفل اخر حاجة خالص في الصفحة بعد منكتب كل للي احنا عاوزينه في النص بالمنظر ده:

<html>
…………….
…………….
</html>

طيب بعد معرفته اني هكتب html نعرف بقي شكل صفحة ال html عموما دلوقتي….

بتتقسم صفحة ال html الي جزاين

head و body

ال head بكتب فيه شوية كلام مش هيظهر في الصفحة زي عنوان الصفحة مثلا وشوية حاجات تانية كده هنعرفها في وقتها ان شاء الله

ال body بكتب فيه الكلام اللي هيظهر في الصفحة …فلازم اعرفها انا بكتب head ولا body ازاي؟؟

برده في امر بيفهمه الكلام ده…وكل واحد منهم امره بنفس اسمه….

يعني لما احب اعرفه اني هكتب head الامر شكله كده:

<head>…………………</head>

لما احب اعرفه اني هكتب body الامر شكله كده

<body>…………….</body>

بلاش نزود المرة دي عن كده…كده حلو اوي….

يلا اطلع اقرا الكلام ده مرة تانية بعد مخدت فكرة عنه..في المرة التانية ان شاء الله هتفهمه كويس اوي….

يبقي الملخص الشكل العام:

هتفتح صفحة notepad

وتكتب فيها

<html>
<head>……………………
.........
</head>
<body>………………
…………
</body>
</html>

ان شاء الله المرة الجاية هناخد الاوامر اللي موجودة بين الكلام ده….

عشان تجربوا الكلام ده اكتبوا نفس المنظر العام الللي انا كاتبه واكتبوا مبين ال body وإغلاقها أي كلام يعجبكم "بياناتك مثلا"

وبعدين اقفل الصفحة وقولله save واطلع قولله rename وغير امتدادها خليها .html وبعدين افتحها…

هتلاقي الكلام اللي أنت كتبته ظهر والأوامر طبعا مش ظاهرة..هو بس فهم منها هو هيعمل ايه…

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

يلا ربنا معاكوا..

و أي استفسار أو مشكل أنا في الخدمة يا شباب…

__________________________________________________ __________________________________________________ ____________________________

بعد هذا الدرس ورد تساؤل من الكثير انه لا يوجد عندهم امتداد للملف notebad وبالتالى عند قيامهم بتغير الامتداد يظل الملف notebad دون تغيير .....

والاحاجابة علي هذا السؤال .....

فى حاله مافيش امتداد يبقى فى خاصية فى الويندوز معمولة اسمها "hide the extension" يعني هو مش بيكتب امتداد اي برنامج خالص بس هو عارفه في نفسه...معني الكلام ده ان اي حاجة مكتوبة وظاهرة تععتبر من الاسم..حتي لو خليتيها .htm هيعتبرها برده جزء من الاسم انما الامتداد هو مخبيه زي ماهو .txt ...

ازاي نلغي الخاصية دي؟؟؟؟

اعمل الخطوات دي....

افتح my computer

واختار منها من فوق خالص علي الشمال view واختار منها اخر اختيار folder options

هيتفحلك نافذة تختار منها من فوق view

هيطلعلك اختيارات كتييييييييير...

بص فيهم كويس هتلاقي عندك منهم الاختيار ده:

hide file extention for known file types

اتاكد انه مش متعلم جنبه.....

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

تقدر بقي دلوقتي تغير الامتداد براحتك

ياريت كله يعمل الحكاية دي ولو مش واضحة قولولي اوضحهالكم بالصور عشان دي مهمة اويييييييييي...

......

__________________________________________________

وعليكــم السـلام ورحمة الله وبركاتـه..السلام عليكــم ورحمـة الله وبركاتــه ،،

H@mis كتب:

المرة دي هاندمج درسين في درس واحد بس للسرعة شوية

الدرس الثاني

ما هي لغة ال Html ؟؟ولماذا نتعلمها؟؟

----------شكراً لك اخي الكريمأهلاً ومرحباً .. أهلا بمن أتانا بتحية وسلام يريد الترحيب بأحلى الكلام .. يريد أن نعلن له الأنضمام .. إلى كوكبة أعضائنـا الكرام ،،أهلاً ومرحباً .. أهلا بمن أتانا بتحية وسلام يريد الترحيب بأحلى الكلام .. يريد أن نعلن له الأنضمام .. إلى كوكبة أعضائنـا الكرام ،،أهلاً ومرحباً .. أهلا بمن أتانا بتحية وسلام يريد الترحيب بأحلى الكلام .. يريد أن نعلن له الأنضمام .. إلى كوكبة أعضائنـا الكرام ،،أهلاً ومرحباً .. أهلا بمن أتانا بتحية وسلام يريد الترحيب بأحلى الكلام .. يريد أن نعلن له الأنضمام .. إلى كوكبة أعضائنـا الكرام ،،

بسم الله الرحمن الرحيم...

عشان اوضحلكم معني لغة ال HTML اسمحولي اقوللكم مثال بسيط ..

لو انا بكلم واحد من امريكا وعايز اقولله حاجة يعملها ....

لو قلتله الحاجة دي بالانجليزي هيفهمها وينفذها..

لو قلت نفس الحاجة بالعربي مش هيعبرني

وفي نفس الوقت ممكن يكون الشخص ده بيعرف اكتر من لغة "فرنساوي مثلا" يبقي لو قلتله نفس الكلمة بالفرنساوي هيفهمها....بس اساسه هو الانجليزي..

نفس الحال بالنسبة لل BROWSER..

اللي هو صفحة الانترنت اكسبلورر اللي فاتحة قدامك....هي في البداية بتقتح بيضة"فاضية"...

الكلام والمعلومات اللي فيها بتظهر ازاي؟؟؟

ذكرنا قبل كده ان السيرفر بيقوم بارسال المعلومات إلي جهازك فيستقبلها البراوزر...

فبما ان ال BROWSER هو اللي بيستقبل المعلومات يبقي السيرفر لازم يبعتله المعلومات دي باللغة اللي هو بيفهما عشان يظهلرها قدامنا...لو بعتله نفس الكلام باي اسلوب تاني مش هيعبره

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

اول وابسط لغة من اللغات اللي بيفهمها البراوزر هي لغة ال HTML ...

وهناك لغات اخري كثيرة اكثر تطور من ال HTML بس الاساس هو ال HTML زي الإنجليزي بالنسبة للشخص الأمريكي...

ولا يوجد اي موقع يخلو من لغة ال HTML ..بالرغم من انها اقل اللغات تطورا...

وفي برامج حاليا بتغني عن لغة ال HTML وبتقوم بكل وظائفها بصورة اسهل ومنها " FRONT PAGE ,DREAMWEAVER"....ولكن...

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

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

ماحنا بنشوف المعلومات جاهزة وخلاص هنتعب نفسنا ليه؟؟

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

يارب يكون الاسلوب واضح..

________________________________________________

الدرس الثالث

اعذروني اذا طولت شوية المرة دي لانها اول مرة ندخل في اللغة..فممكن تحتاج تطويل شوية في الشرح لغاية منفهم اللغة دي ماشية ازاي….يعني كمية المعلومات المرة دي قليلة بس هتاخد شرح كتير..وان شاء الله هتلاقوه سهل مش صعب ابدا…وعشان العملية متسيحش .كل فترة هكتب خلاصة الكلام اللي اتقال وفي الاخر هكتب الخلاصة كلها ..وهتلاقوها قليلة جداا وبسيطة جداااا …حاجة بسيطة قبل متقروا أي حاجة...لو حسيت في النص انك سيحت اوعي تقلق وكمل للاخر اول متوصل للاخر هتلاقي كله وضح ان شاء الله وانا في الاخر خالص كاتب الخلاصة كلها في سطرين بس هتلم الموضوع كله ان شاء الله بس بعد متفهمه…كمل للاخر..

الاول نعرف ايه معني الكلمة دي وليه سموها كده..

مش معقول اول ماخترعوا اللغة دي قالوا نسميها html؟؟؟ …….أكيد في سبب

html اختصار لهذه الجملة:

hyper text markup language

يعني لغة تقدر بيها تحط علي الانترنت texts بكميات كبيرة (hyper) بس الاسم ده كان لانها في بداية ماخترعوها كانت بس لوضع texts مش اكتر ..انما دلوقتي تطورت كتير وممكن نحط texts وصور وفيديو واوديو وفلاشات وكل حاجة…

بس لما تطورت اللغة الاسم متغيرش فضل زي ماهو……

نبدأ بقي نعرف ازاي نعرف البراوزر المعلومات باللغة دي …

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

انا عندي فايل اسمه مثلا : mostafa.txt وعليه كلام مكتوب"بأي محرر كتابة زي ال notepad"

لو انا قلتله rename وخليت اسمه mostafa.html هتلاقي شكله اتحول الي صفحة انترنت اكسبلورر واللي هيفتحه هو الانترنت اكسبلورر..

لان انا كده قلتله ان الكلام اللي عندك هنا مكتوب بلغة html فالجهاز هيحوله تلقائيا الي البرنامج اللي بيفهم اللغة دي وهو يتعامل معاه..اذا لقاه فعلا باللغة دي هيفهمه ..اذا لقاه مش بيها مش هيفهم فيه حاجة …

اقصد اقول من الكلام اللي فات ان اللي احنا بنعمله عشان نكتب صفحة بالاتش تي ام ال بنفتح صفحة أي محرر كتابي زي النوتباد مثلا ونكتب فيها الكلام اللي احنا عاوزينه باللغة اللي هنتعلمها وبعدين نحول امتداده الي .html هيروح البراوزر فاتحه وقاريه….

ان شاء الله الكلام ده هيوضح اكتر بعدين…

الجملة الأخيرة دي ليا عليها تعليقين:

محررات الكتابة المتوفرة كتير وابسطها واسهلها هو ال notepad وهو ده اللي هنتسعمله..

التعليق التاني انهم عملولنا حاجة بسيطة للتلخيص ..بدل متخلي الامتداد .html ممكن تخليه .htm بس من غير حرف ال" l " هتقول ايه بقي... عالم فاضية ..ال يعني الحرف ده هو اللي فارق معاهم اوي… :smile:

خلاصة كل اللي فات..

اقف في أي حتة فاضية في الشاشة واضغط كليك يمين..

واختار new واختارمنها text doccument …

هيفتحلك صفحة تكتب فيها الموضوع بتاع سيادتك..

ازاي بقي بتكبتب الموضوع بتاع سيادتك.؟؟؟؟

ناخد دلوقتي نبذة بسيطة عن الشكل لعام اللي بتكون عليه اللغة دي…

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

يعني مثلا لو انا بعمل موقع بسيط اوي فيه شوية كلام وصورة جنبه بس كده…

هقولله الامر اللي بيفهمه اني هحط صورة…وبعدين احطها ..

وعشان احط الكلام مش محتاج أي امر… يعني هو بيفهم أي حاجة مكتوبة علي انها كلام مالم يذكر غير ذلك..

يعني هو بيمشي يترجم الكلام المكتوب وينقله في صفحة الموقع زي ماهو مكتوب بالظبط كلام عادي…

لو لقي في طريقه امر بيقولله اعمل حاجة معينة خلاص بيبطل ينقل الكلام المكتوب ويدا ينفذ اللي الأمر ده …

طيب دلوقتي احنا هنكتبله الكلام وهنكتبله الاوامر…ازاي هيعرف ان ده كلام عادي عايزه يظهر ون ده امر بحطه لتنفيذ شئ معين؟؟؟

للتفريق بين الكلام والاوامر بنحط الامر بين علامة اكبر من واصغر من <…….>

هو اول ميشوف العلامتين دول بيعرف ان المكتوب في وسطهم امر هينفذه ….

..في حاجة عايز اقولها ولو موضحتش اوي دلوقتي مش مشكلة…إن شاء الله لما نعرف أوامر هتوضح اكتر إن شاء الله…

انا لما اقولله امر واكتبه مبين < > مثلا بقولله يغير لون الكلام ..يبقي لازم اقولله فين اخره…منا لو سبتهاله كده هيغير لون الكلام ف الصفحة كله لان انا مقلتلوش وقف ...

بقولله كده ازاي؟؟؟

بكتب نفس الامر بس بالمنظر ده

</ >

يعني بزود العلامة دي / بيفهم هو ان الكلام المكتوب بين الامر وإغلاقه علي انه صورة…

بكتب علامة اكبر من وبعدين العلامة دي / وبعدين اسم الامر وبعدين علامة اصغر من....

طيب المنظر العام للصفحة؟؟؟

احنا عرفنا ان في لغات كتير بيفهمها البراوزر يبقي اول حاجة لازم اعرفهاله ان انا بكتب بلغة ال html ..يبقي في عندنا أمر بيتكتب في اول الصفحة بيعرفه ان انا بكتب html

الامر ده صيغته :

<html>

طيب مش احنا قلنا أي امر لازم يتقفل بعد منخلص كل اللي هنعمله بيه؟؟؟؟

يبقي الامر ده بيتقفل فين؟؟؟؟؟؟

بيتقفل اخر حاجة خالص في الصفحة بعد منكتب كل للي احنا عاوزينه في النص بالمنظر ده:

<html>
…………….
…………….
</html>

طيب بعد معرفته اني هكتب html نعرف بقي شكل صفحة ال html عموما دلوقتي….

بتتقسم صفحة ال html الي جزاين

head و body

ال head بكتب فيه شوية كلام مش هيظهر في الصفحة زي عنوان الصفحة مثلا وشوية حاجات تانية كده هنعرفها في وقتها ان شاء الله

ال body بكتب فيه الكلام اللي هيظهر في الصفحة …فلازم اعرفها انا بكتب head ولا body ازاي؟؟

برده في امر بيفهمه الكلام ده…وكل واحد منهم امره بنفس اسمه….

يعني لما احب اعرفه اني هكتب head الامر شكله كده:

<head>…………………</head>

لما احب اعرفه اني هكتب body الامر شكله كده

<body>…………….</body>

بلاش نزود المرة دي عن كده…كده حلو اوي….

يلا اطلع اقرا الكلام ده مرة تانية بعد مخدت فكرة عنه..في المرة التانية ان شاء الله هتفهمه كويس اوي….

يبقي الملخص الشكل العام:

هتفتح صفحة notepad

وتكتب فيها

<html>
<head>……………………
.........
</head>
<body>………………
…………
</body>
</html>

ان شاء الله المرة الجاية هناخد الاوامر اللي موجودة بين الكلام ده….

عشان تجربوا الكلام ده اكتبوا نفس المنظر العام الللي انا كاتبه واكتبوا مبين ال body وإغلاقها أي كلام يعجبكم "بياناتك مثلا"

وبعدين اقفل الصفحة وقولله save واطلع قولله rename وغير امتدادها خليها .html وبعدين افتحها…

هتلاقي الكلام اللي أنت كتبته ظهر والأوامر طبعا مش ظاهرة..هو بس فهم منها هو هيعمل ايه…

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

يلا ربنا معاكوا..

و أي استفسار أو مشكل أنا في الخدمة يا شباب…

__________________________________________________ __________________________________________________ ____________________________

بعد هذا الدرس ورد تساؤل من الكثير انه لا يوجد عندهم امتداد للملف notebad وبالتالى عند قيامهم بتغير الامتداد يظل الملف notebad دون تغيير .....

والاحاجابة علي هذا السؤال .....

فى حاله مافيش امتداد يبقى فى خاصية فى الويندوز معمولة اسمها "hide the extension" يعني هو مش بيكتب امتداد اي برنامج خالص بس هو عارفه في نفسه...معني الكلام ده ان اي حاجة مكتوبة وظاهرة تععتبر من الاسم..حتي لو خليتيها .htm هيعتبرها برده جزء من الاسم انما الامتداد هو مخبيه زي ماهو .txt ...

ازاي نلغي الخاصية دي؟؟؟؟

اعمل الخطوات دي....

افتح my computer

واختار منها من فوق خالص علي الشمال view واختار منها اخر اختيار folder options

هيتفحلك نافذة تختار منها من فوق view

هيطلعلك اختيارات كتييييييييير...

بص فيهم كويس هتلاقي عندك منهم الاختيار ده:

hide file extention for known file types

اتاكد انه مش متعلم جنبه.....

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

تقدر بقي دلوقتي تغير الامتداد براحتك

ياريت كله يعمل الحكاية دي ولو مش واضحة قولولي اوضحهالكم بالصور عشان دي مهمة اويييييييييي...

......

__________________________________________________

gannaa_2010 كتب:

وعليكــم السـلام ورحمة الله وبركاتـه..السلام عليكــم ورحمـة الله وبركاتــه ،،

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

ولكن عندي سؤال ارجو اتساع صدركم للاجابة عليه انا في الدرس الثالث وقد قمت بتنفيذ ما فيه ولكني فوجئت بان امر ال

<head> لم يخفي مابينه

وانما اختفى هو وظل مابينه مكتوف الصفحة

اقتباس

ولكن عندي سؤال ارجو اتساع صدركم للاجابة عليه انا في الدرس الثالث وقد قمت بتنفيذ ما فيه ولكني فوجئت بان امر ال

<head> لم يخفي مابينه

نتيجة لتطور المتصحفات ، اي حاجة بتتعمل خطأ بيحاول المتصفح التغاضي عن الخطأ ده

فهو لما لقاكي كتبتي حاجة ف الهيد ، ودي خطا ، لان المفروض ميتكتبش حاجة ف الهيد غير الحاجات المذكورة زي الامر title

لما لقاكي عملتي كده هو فهم ان اكيد كان قصدك تكتبيها ف البودي ، فظهرها ،

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

اقصد اقول يبقى لازم تمشي صح ، حتى لو لقيتي ان الخطا نتيجته بتبان زي الصح !

اقتباس

استوعبت الفكرة بس مش عارف اطبقها

قوللنا المشكلة عندك ف ايه بالظبط ف الفريمات وانا تحت امرك

شكرااعلى مرورك الكريم

ويعطيك العافية انت كمان :)

السلام عليكم و رحمه الله

جزاك الله خيرا أخ مصطفى و الاخت هاميس على هذه الدروس

بجد ما شاء الله كويسه جداااااااااا

هلل من الممكن نقل الدروس دى لمنتديات أخرى لنشر العلم وليس لغير ذلك

لى رجاء خاص لحضرتك

هل بأمكان حضرتك تصميم موقع للمكفوفين

أرجو الرد ضرورى

شكرا على مرورك

اقتباس

هلل من الممكن نقل الدروس دى لمنتديات أخرى لنشر العلم وليس لغير ذلك

ياريت

ولكي الأجر ان شاء الله

اقتباس

لى رجاء خاص لحضرتك

هل بأمكان حضرتك تصميم موقع للمكفوفين

أرجو الرد ضرورى

ممكن مزيد من التفاصيل ؟

شكرا على المجهود بجد جزاكم الله خيرا على الاهتمام ده !! بصراحة انا اشتركت في الموقع لما لقيت المواضيع الجامدة والمفيدة دي جزاكم الله كل خير

romy_roma كتب:

شكرا على المجهود بجد جزاكم الله خيرا على الاهتمام ده !! بصراحة انا اشتركت في الموقع لما لقيت المواضيع الجامدة والمفيدة دي جزاكم الله كل خير

اهلا بيك

واي استفسار احنا موجودين ان شاء الله

السلام عليكم ورحمة الله وبركاته

أشكركم أخ مصطفي وأخت هاميس علي هذا العمل الرائع

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

وكمان ممكن لو تقولي أبدأ في أيه بعد ماخلصت الدورة دي

وممكن برنامج الدريم وويفر يغنيني عن تعلم الphpوالjava script ولا إيه

وايه احاجات المفروض يكون عارفها أي مصمم مواقع من حيث البرامج أولغات البرمجة أو نظم التشغيل

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

أشكركم علي هذا العمل الرائع

جزاكم الله خيرا