المساعد الشخصي الرقمي إضغط هنا لمشاهدة المواضيع حسب التسلسل من الأحدث الى الأقدم

مشاهدة النسخة كاملة : الدرس الخامس من دورة تصميم المواقع للمبتدئين خطوة خطوة


محمدسمسمة
30-09-09, 06:48 PM
الدرس الخامس
النهاردة هكسر القاعدة وهشرح درس واحد بس مش درسين بس الدرس النهاردة دسم عايز شوية تركيز وزى متعودت اقولكم التطبيق اهم حاجة وياريت القى فى الردود اى استفسارات عشان اعرف ان فيه حد متابعنى وبيطبق الدرس وفيه حاجة مش عارفها واوعدتكم فى نهاية الدورة الجزء الخاص بلغة html هعملكم كتاب الكترونى بشرح الدورة كاملة ومعاه جزء خاص بالاكواد ووظائفها
والمرة دي بقي جرب تنفذ علطول وانت بتقرا...مش محتاج تقراه مرة الاول..لان مفيش معلومات جديد\ة تقريبا..كلها اوامر وبس...
قلنا اننا ممكن نحط كلام-صور………
وهنبدا بالكلام (data):
قلنا كمان ان الكلام عشان احطه مش محتاج أي امر… يعني هكتب الكلام وخلاص وهو هيظهر طبيعي زي مانا كاتبه …
طيب..لو انا عايز احدد صفات معينة في بعض الكلام…؟؟؟ زي اللون او الحجم او نوع الخط ..
احنا خدنا قبل كده ازاي نحدد اللون بس وخلاص..وكان لون عام لكل الكلام في الصفحة….
ناخد بقي الطريقة الخاصة واللي تقدر بيها تغير صفات كلمة معينة بس او شوية كلمات او فقرة معينة…
باستخدام الامر <font>
الامر ده بيعرفه ان انا هقولله حاجة ينفذها علي الكلام الجاي…
وبما انكم دلوقتي فاهمين يعني ايه امر ويعني ايه اتربيوت وفاليو…انا هكتب صيغة الامر كلها علي بعضها…
<font color=" " size=" " face="name of the font">

طبعا مش لازم بنفس الترتيب ده…أي ترتيب ينفع عادي….
Size-ــــــــــــ بتكت فيها حجم الكلمة يكون اد ايه ..وعندك من 1 الي 7 ..اكتب اللي يعجبك منهم وجرب وشوف..
Color مش محتاج اتكلم عليها
Faceـــــــــــــ بتكتب فيها نوع الخط اللي انت عايزه يكون ايه…
ودي ممكن تعرفها من الوورد..بتلاقي موجود فيه خطوط كتير…تجربها وتشوف الخط اللي يعجبك منهم وانسخه واعملله paste هنا او انقله….
<font size="4" color="red" face="times new roman">
………………………
</font>

هينفذه بس علي الكلام الموجود هنا ..
اكيد وضح دلوقتي اوي اهمية اننا نقفل الامر…
وفي امر كمان للتسهيل اسمه
ده هينفذ الكلام الي فيه علي الصفحة كلها….
وبما انه هيتنفذ علي الصفحة كلها يبقي مش محتاج انه يتقفل…
طب سؤال…
لو انا عملت كده
<basefont color= "red">

وجيت علي شوية كلام في نص الصفحة وكتبت كده
<font color="blue">
ايه اللي هيحصل؟؟؟
هتلاقي كل كلام الصفحة بقي احمر ماعدا اللي انا قلتله عليه ازرق هيبقي ازرق..
معني الكلام ده ان الاوامر العامة بتتنفذ علي الصفحة كلها مالم يذكر غير ذلك…
في بقي بعض الاوامر غير الامر <font> بتتحكم في الكلام برده …
في بعضها قد تجده مش مهم اوي بس انا هقول كل حاجة…
لو انا عايز اكتب عنوان … او شوية عناوين..يعني:
انا بكتب مثلا موضوع كبير له عنوان رئيسي…وتحته عناوين فرعية..وكل عنوان فرعي تحته شوية عناوين متفرعة منه….
طبعا عشان المنظر يبقي كويس عايز العنوان الكبير خالص يبقي حجمه كبير عن الكلام والعناوين الفرعية برده اكبر من بقية الكلام بس اقل حجما من العنوان الرئيس وهكذا…
انا ممكن اتحكم في الكلام ده عن طريق الامر font size بس هتبقي متعبة اوي لو العناوين كانت كتيرة…
فهما سهلولك الموضوع ده…
عنوان يعني head
الامر بتاعه اسمه
<h1>
<h2>
<h3>

يعني انا وانا بكتب العنوان الكبير اوي في الصفحة هكتبه كده
<h1>بسم الله الرحمن الرحيم</h1>

العناون الفرعية منه
<h2>منتديات عديل الروح</h2>

وهكذا ….وقدامك لغاية h6
هو هيظبهم لوحده علي اساس ان ده العنوان الكبير ودي المتفرعة منه وكده…ويطلعهم بشكل حلو…وجرب وشوف…
شوية اوامر سريعة:
<b>…………….</b>

بيخلي الخط تقيل شوية “bold”
<I>……………….</i>
بيخلي الخط مائل “italic”
<u>……………….</u>

بيحط خط في وسط الكلام
<big>………………</big>

بيخلي الكلام يكبر شوية
<tt>………….</tt>

عشان نفهم دي بتعمل ايه:
اكتب عندك في صفحة ال notepad الاتي:
iiiii ودوس انتر وبعدين اكتب mmmmm
وشوف المنظر…دول خمسة I ودول خمسة m بس هتلاقيهم شكلها مش حلو ومش متساويين عشان حرف الاي صغير والام كبير…
الامر <tt> تكتبه قبلهم وتقفله بعدهم يظبطهملك ويطلعلهملك اد بعض….
جرب وشوف…
<center>………….</center>

بيخلي الكلام يبقي في النص…

طبعا ممكن تستعمل الاوامر دي بتداخل مع بعضها……
وده بيجي بقي بكتر الممارسة..
لو انت جربت الاوامر دي وشفت نتيجتها تمام ووقفت علي كده ..هتتعب لما تيجي تنفذ أي موقع…
جرب بقي تستعمل الكلام ده كله بتداخل مع بعضه…
احنا اللي خدناه لغاية دلوقتي كله عن الكلام…
هات كده موضوع كبير واكتبه وظبط نفسك فيه…العناوين تعملها كبيرة والكلام المهم تعمله بلون مختلف وكبير شوية وكلام في ال center وكده…
بحيث انك تستعمل كل الاوامر الموجودة ..وجرب اكتر من مرة عشان ايدك تاخد عليهم….
ولازم بقي يكون في تداخل شوية ……
يعني كلمة واحدة تنفذ عليها اكتر من امر وتشوف نفسك معاها…
زي كده مثلا…
<font color="red" size="4">
<center><b><I><u><strike>
بسم الله الرحمن الرحيم
</strike></u></i></b></center></font>
هتتنفذ كده كل الاوامر دي علي الكلمة دي…
وهكذا بقي..اعمل تداخل بين كل الاوامر…
يبقي كده الموضوع محتاج ابداعاتكم…
انت عرفت ان كل امر بيعمل ايه…وانت بقي تفكر وتدخلهم مع بعض عشان تطلع منظر حلو يعبر عن ابداعاتك في الاخر…وربنا يوفقكم…
الاوامر كتيرة المرة دي …بس مفيش معلومات جديدة..كله كلام سهل اوي……
صحيح الدرس دسم شوية بس ياريت تفهموه والاخ اللى بيطاوب شكله تعب منى خلاص انا خلصت اتفضل ارتاح واقفل الموضوع بس الاول
ياريت تشوفوهم وتجربوهم بسرعة عشان اكتب لدرس اللي عليه الدور..لان لسه ال data فاضل فيها شوية حاجات
ويارب يكون الكلام واضح

مـ كـوكـب أخـر ـن
01-10-09, 06:42 PM
يعطيك العافيه على هذا المجهود

ويعطيك العافيه على الكتب الالكتروني

ويجعله في ميزان حسناتك

محمدسمسمة
01-10-09, 08:14 PM
يعطيك العافيه على هذا المجهود

ويعطيك العافيه على الكتب الالكتروني

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

لـًٌُِـــﮯ حضـٍـًٍُُِﮯـوٍرٍي
02-10-09, 01:04 AM
مشكور محمد على هيك دروس~
عسآاٍك على آاٍلقوٍهـٍ..
\
/
\
/
\
لك ودي

محمدسمسمة
02-10-09, 04:34 AM
مشكور محمد على هيك دروس~
عسآاٍك على آاٍلقوٍهـٍ..
\
/
\
/
\
لك ودي
مشكور اخى نورت دروسى بحضورك والله

وهـج المـشـاعـر
05-10-09, 10:26 PM
مشكور اخوي

واصل ابداعك ....

دموع الياسمين
08-10-09, 07:52 PM
يسلمو ع المجهود الطيب
انتظر كل الجديد
مودتي

منتدى-المنتدى-منتديات-عديل-الروح-برامج-دروس-شروحات-تصاميم-تعارف-مواقع-فوتوشوب-تعليم-فلاتر-سويتش-دردشه-قصائد-خواطر-روايات-قصص-اسكربتات-اسكربت-برمجه-تطوير-استايلات مجانيه--دليل-مواقع-دورات-تصميم-حوادث-جرائم-فساتين-نسائيه-عالم-حواء-آدم-مطبخ-أثاث-حوارات-نقاش-سيارات-دراجات-أفلام مباشره-تحميل أفلام-مكتبه عامه-مسابقات-جوائز-نقديه-جليتير-برامج حمايه-برامج تصميم-صور- vBulletin
RSS | RSS 1 | RSS 2 | PHP | XML | ROR | HTML