ملتقى طلاب وطالبات جامعة الملك فيصل,جامعة الدمام - عرض مشاركة واحدة - درس عمل [ هيدر - خلفية

رَاء. · #1 2015- 6- 7

[align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433595782951.gif');"][cell="filter:;"][align=center]

[/align][/cell][/table1][/align][align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433595783082.gif');"][cell="filter:;"][align=center]

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

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

شلونكم وشخباركم وشعلومكم ؟

بالبداية زي ما تلاحظون الموضوع تنسيقه مختلف عن المعتاد

وهو مكوّن من ثلاث صور

الهيدر [ أعلى التصميم]
الخلفية [وسط التصميم]
الفوتر [نهاية التصميم]

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

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

أنا اسميه كود الحُلم لأني يااااما تمنيته واخيراً الله اكرمنا بوجوده

بفضل من الله ثم بفضل أختي الرائعة مَلاك

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

http://www.ckfu.org/vb/t687038.html

^
أنيقة تبارك الرحمن

درسنا اليوم مكوّن من جزئين ولازم نركّز بالجزء الأول عشان نفهم الجزء الثاني

نتفق على بعض الاتفاقات

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

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

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

الشرح بالجزء الأول بهالصورة اضغطوا هنا

هنا الجزء الأهم وهو تقطيع التصميم

ولاحظوا قبل التقطيع يبي لكم تسوون شغلتين

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

ثم الخطوة اللي بعدها تدمجون كل الطبقات بالضغط على Control+shift+E عشان التقطيع يصير صحيح

الحين نجي لأداة التقطيع راح نستخدم هذي الأداة

^

هذا شكل الأداة ومن اسمها Slice Tool يعني اداة الشريحة يعني بيقطعها لنا شرائح

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

ثم الثاني عشان نكوّن [ الخلفية ]

ثم الثالث عشان نكوّن [ الفوتر ]

اضغطوا هنا وشوفوا الصورة بشكل كبير

وصورت لكم الشاشة قبل ما ادمج الليرات يعني لحد يقول ليش ما دمجتي قبل التقطيع

نجي لطريقة الحفظ طبعاً بتقولون شلون نحفظ الصورة وهي كذا ؟

نقول سهله

ثم بعد ما نضغط على سيف فور ويب نضغط سيف مره ثانيه

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

وهذا اسم المجلد التلقائي اللي بيسويه لكم

وداخل هالمجلد الصور الثلاثة المقطعة اللي قطعناها

وبس انتهت مهمة التصميم

الكود ارفقته لكم بالمرفقات وسهل الاستخدام ان شاء الله اهم شيء الكلام والمحتوى
يكون مكان جملة [ النص هنا ]

وما يكون لا بالكود الاول ولا بالكود الثاني

اللي حاب يستخدم تصميمي لأي موضوع آخر ويستفيد منه حملوه من هنا

اي استفسار انا حاضرة لكم

سلامُ اللهِ عليكُم

[/align][/cell][/table1][/align][align=center][table1="width:100%;background-image:url('http://www.ckfu.org/pic4u/uploads/ckfu1433595783173.gif');"][cell="filter:;"][align=center]

[/align][/cell][/table1][/align]