‫منتديات الملكات الخمسه‬

‫دوره تعليم الستايالت‬

‫‪www.5melekat.com‬‬

‫السالم علٌكم ورحمة هللا وبركاته‬

‫***************************‬

‫نبدأ الدرس االول على بركه هللا‬

‫‪####################‬‬

‫طبعا فً الدرس االول علٌنا االخذ باالعتبار النقاط التالٌه‬

‫التصمٌم عامه وبجمٌع محتواه سٌكون‬
‫العرض ‪ 777‬واالرتفاع ‪800‬‬
‫مخطط التصمٌم سٌكون كاالتً‬
 ‫ناتً على التصمٌم كله عباره عن‬

‫الهٌدر وهو الجزء العلوي واالكثر ٌكون بعرض ‪ 777‬واالرتفاع ممكن من ‪ 200‬الى ‪ 280‬بكسل حسب ما‬
‫تحبوه‬
‫الفوتر الذي هو الجزء السفلً من التصمٌم ٌكون اٌضا بنفس العرض اال ان االرتفاع نٌكون اقل قلٌال من الهٌدر‬

‫اندذأل‬
‫وهً التً تحٌط باالقسام والمنتدٌات فٌها جمالٌه للتصمٌم وتكون اقل قلٌال من عرض التصمٌم واالرتفاع صغٌر‬
‫ٌحبذ ان ال ٌتجاوز ال ‪ 100‬برأًٌ وممكن اكثر قلٌال بس ٌضهر كبٌر فً الصفحات‬

‫تمس‪ٛ‬ى انٓ‪ٛ‬ذس ٔانفٕتش ٔانحدأل‬

‫******************************************‬

‫الهٌدر‬
‫صوره ٌمٌن ‪ +‬نقطه تمدد وسط ‪ +‬صوره ٌسار‬
‫الفوتر‬
‫صوره ٌمٌن ‪ +‬نقطه تمدد وسط ‪ +‬صوره ٌسار‬
‫والجداول‬
‫صوره ٌمٌن ‪ +‬نقطه تمدد وسط ‪ +‬صوره ٌسار‬
‫اال ان فً الجداول ٌجب ان ٌكون لنا جزء علوي واخر سفلً‬

‫النقطه المهمه والمهمه جدا هً نقطه التمدد ونتمنى التركٌز علٌها لمعرفه ماهً‬
‫نقطه التمدد ‪ :‬تجعل التصمٌم قابال للمد والجزر عند التركٌب ووجودها ضروري النها تساعد فً التخلص من‬
‫ٌها خطوط افقٌه ولٌست عمودٌه ومثال علٌها‬‫تشوهات التصمٌم كما علٌكم ان تكون ذات لون واحد او ف‬

‫الصحٌحه‬
 ‫والطرٌقه الخطأ هذي‬

‫المالحضه االخرى التً علٌكم اتباعها هً االرتفاع بٌن صور الهٌدر مثال او الفوتر او الجداول النه لو كانت‬
‫احداهم اطول من االخرى ستكون الصوره مشوهه عند تركٌبها‬

‫فً شرحً لتقطٌع الهٌدر والفوتر والجداول انا شخصٌا افضل كل واحد نعمله على حده النه فً الطرٌقه التً‬
‫استخدمها لن تحتاجوا الى تدقٌق االرتفاعات النه نهاٌه التصمٌم السفلٌه ستكون متطابقه لحجمه‬
‫كما انه اسهل عند تسمٌه التصمٌم عند الحفظ باسمه مثال الفوتر ستعرفون هذه التقطٌعات له‬
‫وكذلك اله ٌدر سنسمٌه اسم اخر لنمٌزه عن الفوتر‬
‫وهكذا الجداول‬

‫*** **************************************************‬

‫دٔسِ تصً‪ٛ‬ى انستا‪ٚ‬الت انثاَ‪ّٛ‬‬

‫الشرح االول سٌكون طرٌقه تقطٌع الهٌدر وكمان الفوتر نفس الطرٌقه تتبعون نرٌد ان نقسم العمل ‪ 3‬اجزاء ٌعنً‬
‫تقطٌع هٌدر وتقطٌع فوتر‬
‫شرح عن الهيدر‬
 ‫امآل‬
‫بلون او تدرج لخلفٌه الهٌدر‬
 ‫َصائر تًٓك عُذ انتصً‪ٛ‬ى‬
‫االفعم تصً‪ٛ‬ى انٓ‪ٛ‬ذس عهٗ يسازتّ انخاصّ أ٘ عهٗ ‪ٔ 800‬استفاع ‪ٔ 250‬يٍ تعذ اكًانّ َمهّ نًسازّ انعًم انكث‪ٛ‬شِ ٔانت‪ ٙ‬تشًم كم‬
‫انستا‪ٚ‬م‬
 ‫‪c‬اٌ ل‪ٛ‬ايك تأخت‪ٛ‬اس‬

‫‪css‬‬

‫ا‪ٜ‬نٕاٌ ‪ٚ‬تى ف‪ ٙ‬اخش يشزهّ يٍ انتصً‪ٛ‬ى نًارا ؟‬

‫الَُا ف‪ ٙ‬سسٕياتُا ال َعهى أ٘ نٌٕ س‪ٛ‬تٕافك يع انٕاٌ تصً‪ًُٛ‬ا ف‪ ٙ‬تاد٘ء االيش ٔيٍ اْى انطشق الخت‪ٛ‬اس‬
‫شث‪ٓٛ‬ات انٕاٌ تصً‪ًُٛ‬ا ْٕ استعًال انمطشِ ف‪ ٙ‬انفٕتٕشٕب ٔاخز اخشا لنٌٕ يٍ َٓا‪ ّٚ‬ا نٕاٌ انٓ‪ٛ‬ذس‬
‫انسفه‪ٔ ٙ‬يٍ ثى ايالء نٌٕ الخهف‪ ّٛ‬يٍ َفس انهٌٕ‬

‫اٌ عًهُا نهٓ‪ٛ‬ذس لذ تى َٔفس يا اتثعُاِ ف‪ ٙ‬انٓ‪ٛ‬ذس س‪ٛ‬كٌٕ تطث‪ٛ‬مّ عهٗ انفٕتش َفس انتمط‪ٛ‬ع َٔفس غش‪ٚ‬مّ‬
‫انشسى ٔتصٕس يختهفّ ٔ‪ًٚ‬كٍ عًهّ كشش‪ٚ‬ػ يتُاسك يع انٓ‪ٛ‬ذس ٔ‪ًٚ‬كُكى االستغُاء عُّ نٕ اظطشستى‬

‫ف‪ ٙ‬انستا‪ٚ‬م انغ‪ٛ‬ش يتًذد‬

‫ال َستاج انٗ تمط‪ٛ‬ع نهٓ‪ٛ‬ذس ز‪ٛ‬ث اَُا تعذ اَتٓاءَا يٍ تصً‪ٛ‬ى انٓ‪ٛ‬ذس َمٕو تسفظ كم انصٕسِ عهٗ شكم‬
‫صٕسِ عاد‪ ّٚ‬كايهّ اال آَا نٍ تكٌٕ عهٗ عشض كايم صفسّ انًتصفر انٕ‪ٚ‬ة ف‪ ٙ‬انشاشات انكث‪ٛ‬ش ْأ ال‬
‫تكٌٕ يُاسثّ ف‪ ٙ‬تعط انشاشات انصغ‪ٛ‬شِ ا‪ٚ‬عا نزا تعًم تسدى عشض ‪ 777‬يشاع‪ ٍٛ‬اصغش انشاشات‬
 ‫‪ًٚ‬كُُا تغ‪ٛٛ‬ش انٕاٌ‬

‫‪Gradient‬‬

‫ٔرنك عٍ غش‪ٚ‬ك اخز عًٕد شش‪ٚ‬ػ انتًذد ٔفتر صٕس انتذسج انخاصّ تانًُتذٖ ٔتغ‪ٛٛ‬ش نَٕٓا يٍ َفس عًٕد‬
‫تًذد انٕاَُا أ يا ‪ٚ‬كٌٕ الشب ش‪ٙ‬ء نّ أ ‪ًٚ‬كُكى اخت‪ٛ‬اس أ٘ يسازّ يٍ عًهكى ف‪ ٙ‬انٓ‪ٛ‬ذس يثال ٔتكٌٕ خان‪ّٛ‬‬
‫يٍ انشسى ٔتصُعٌٕ يُٓا تُاسك النٕاٌ‬

‫‪Css‬‬

‫نعمل الوان الستاٌل الخلفٌه وانا وضعت بعض منها كً نعرف ما هً واٌن التغٌٌر‬
‫مالحضه انه فً ملف طبعا‬
‫متوافقا مع الستاٌل الذي اٌضا علٌكم تغٌٌر الوانه فً ملفات المنتدى هو ‪gradient‬‬
‫كرادٌنت تعملوه كما ٌجب علٌكم تسمٌه الصور بنفس تسمٌات ملف‬
 ‫اندذأل‬

‫تتسثة اندذأل ف‪ ٙ‬تطؤ انًُتذٖ الٌ كثشِ انصٕس ف‪ ٙ‬انستا‪ٚ‬م تدعهّ تط‪ٙ‬ء فكهًا لههتى انصٕس كهًا كاٌ‬
‫افعم نسشعّ انتصفر‬

‫انتصً‪ًٛ‬ات انفالش‪ّٛ‬‬

‫اٌ انتصً‪ًٛ‬ات انفالش‪ ّٛ‬سائعّ انًُعش اال اٌ نٓا ع‪ٕٛ‬تٓا فٓ‪ ٙ‬تكٌٕ ا‪ٚ‬عا سثة تطؤ سشعّ تصفر انًُتذٖ‬
‫ز‪ٛ‬ث آَا تاخز ٔلتا ك‪ ٙ‬تفتر نهًشاِ د انتصً‪ٛ‬ى ْٕٔ ‪ٚ‬عًم‬

‫غش‪ٚ‬مّ تمط‪ٛ‬ع خذأل انًُتذٖ‬

 ‫ٔانسالو عه‪ٛ‬كى ٔسزًّ هللا ٔتشكاتّ‬

‫اَتٓٗ عهٗ اٌ ‪ٚ‬كٌٕ انششذ يفصال فالش‪ٛ‬ا ف‪ ٙ‬يُتذ‪ٚ‬اتُا‬

‫يُتذ‪ٚ‬ات انًهكات انخًسّ‬

‫‪http://www.5melekat.com/vb/index.php‬‬

‫خً‪ٛ‬ع انسمٕق يسفٕظّ‬