![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
| مسابقة كروت الشحن |
| جرب ادخال آخر 4 ارقام من كرت الشحن فقد تفوز به إذا كانت الارقام صحيحة |
|
|||||||
![]() |
|
|
أدوات الموضوع |
|
>
شرح طريقه قص وتصميم واجهه الموقع للمبتدئين
بسم الله الرحمن الرحيم -مقدمه لتصميم موقع يجب اولا ان تكون مصمم يعني بطاقات وغيره ولو ان المواقع تختلف شوي ولكن اول شي لازم تكون مصمم متمكن من اي برنامج رسم او تصميم هذا الدرس للمبتدئين في تصميم المواقع وتقصيص الصور وترتيبها واللي ما يعرف يرتب ويسوي جداول في الفرونت بيج الزبدة ان البرنامج يغنيك عن القص بالفوتو او بالبينت ويغنيك عن شغل الجداول والترتيب بالفرونت بيج -برنامج تحتاجه لتسهيل عملية القص حمل البرنامج التالي image splitter مع الشكر الخاص للاخ الرفيع صاحب شبكه الخريف لتوفيره Images Splitter وانا اخذته منهم الملف المضغوط معه ملف تثبيت البرنامج وملف نوت باد فيه السيريال للبرنامج ثبت البرنامج وبعدين شغله افتح ملف النوت باد بتلاقي فيه الاسم ورقم التسجيل اذهب الى برنامج image splitterمن القائمه فوق اختار help وبعدين register ![]() يطلع لك مربع ادخل فيه الاسم ورقم التسجيل ![]() وكذا صار البرنامج مجاني -البدايه في البدايه تصمم الموقع كامل على انه صوره وترسم فيه الازرار وتكتب عليها وتحفظه في جهازك على شكل صوره مثال راح نطبق عليه هذه الواجهه المقدمه من الاخ الكريم مستر جرافيكس ![]() مثل ما انتم شايفين الموقع انتهى الاخ مستر جرافيكس من التصميم الكامل ومخلي الازرار فاضيه عشان تكتب فيها اللي تبيه الا اذهب الى برنامج قص الصور واختار الزر ![]() واختار الصوره اللي تبي تقصها اللي هي واجهه الموقع اختار الزر ![]() لعمل خطوط عرضيه للقص هذه الخطوط توضع فوق وتحت الزر وفوق الفوتر وتحت البنر وفي اي مكان تحتاجه اختار الزر ![]() لعمل خطوط طوليه للقص هذه الخطوط توضع على يمين ويسار الازرار وكذا كل زر يصير مستقل لحاله وهذه نتيجه التحديد ![]() لما تخلص من تقسيم الصور كلها الان تضيف الروابط للازرار عشان لما تضغط عليها تروح على الصفحه مثلا زر المنتديات يحولك على المنتديات وهكذا تختار الزر ![]() وهذا زر اضافه الروابط اذهب على الزر اللي تبي تضيف له رابط واضغط عليه .. راح يطلع عليه شبكه مثل ![]() وبيطلع لك مربع خصائص الروابط مثل ![]() URL هنا تكتب الرابط Alternate text هذا اختياري اذا اردت ان تكتب كلمات عند مرور الماوس على الزر مثال لعمله هنا كتبت ![]() Target frame هذه خاصيه تخيرك بين فتح الرابط في صفحه خارجيه جديده او نفس الصفحه اذا اخترت New browser window فتح الرابط في صفحه خارجيه جديده اذا اخترت Same frame فتح الرابط في نفس الصفحه الخيارات اللي على اليمين ماراح تحتاجها لان لو تبي تسويها افضل في الفرونت بيج - اعلى من مستوى المبتدئين حدد الخيارات واكتب الرابط واضغط ok وكذا امشي وكمل على كل الازرار الي تبي تسويها -ازرار تهمك في البرنامج زر التجربه او معاينه العمل ![]() زر الرجوع اذا غلطت في شي ![]() زر مسح الكل او اعاده العمل ![]() لما تنتهي من كل شي اضغط على ![]() وسوي للعمل حفظ بإسم index بيطلع لك ملف html اللي هو الصفحه ومجلد الصور مثل ![]() لما تفتح الملف index.html بيطلع كذا ![]() التصميم كله على اليسار والخلفيه سوداء اسحب الملف index.html وافتحه الان على الفرونت بيج ولمسات خفيفه سوي له توسيط واختار لون الخليفه اللي تبيه واظن التوسيط ما يبيله شرح ظلل التصميم في الفرونت بيج واضغط زر التوسيط بالنسبه للون الخلفيه في الفرونت بيج في الخلفيه بالماوس اضغط زر الماوس اليمين واختار خصائص الصفحه ![]() بتجيك النافذه ![]() اختار formatting من فوق واختار لون الخلفيه اللي تبيه من تحت من عند background واحفظ العمل وارفع الملفين ![]() مع بعض ملاحظه: ملف index.html يكون خارج مجلد الصور وليس داخله هذا وصلى الله على سيدنا محمد وعلى آله وصحبه أجمعين .. اتمنى الدعاء لي أرجو عدم مسح الحقوق من الشرح تحياتي |
|
ولا يهمك تفضل يا طير وإذا في شيء اعلمني
HTML Image Splitter برنامج تقطيع الصور لتقطيع صور موقعك واستايلك + الشرح السلام عليكم ورحمة الله وبركاته شرح لبرنامج تقطيع الصور على حسب الطلب لحفظ الحقوق وتسريع تصفحها .. License: Shareware Free Trial Windows: 98/ME/NT/2000/XP File size: 1500 kb Author: ForthTech Software Version: 2.40 Last update: Dec 20, 2005 version history بسم الله بعد فك الضغط عن البرنامج تابع الصورة التالية : ![]() وبعد ما تثبت البرنامج قم بفتحه بتظهر لك نافذه كما في الصورة التالية : ![]() وبعدين لتسجيل البرنامج اتبع الآتي : ![]() ثم افتح ستجد فيه معلومات التسجيل في البرنامج .الصقها في الــ registeration ثم اضغط على register كما في الصورة التالية : ![]() ![]() في الصورة التالية شرح لأهم ازرار البرنامج انتبه كل لون بلونه يعني الي عليه مربع باللون الاحمر الي يخصه النص الي باللون الاحمر اتبع الصورة : ![]() وهنا مثال لتقطيع ستايل بالبرنامج : ![]() وهنا توضيح لكيفية حفظ الملف : ![]() لتحميل البرنامج من هنا ®|V«الطـ ـي ـــــــر»V|® ، |
|
أي ملف يا الغلا أنا حطيت ملف جديد مفيش كلمة سر عندي لما أحمله
وفي كلمة سر بعد فك الضغط بتلقيها بعد التحميل اضغط على الرابط ®|V«الطـ ـي ـــــــر»V|® وسيبدأ بالتحميل تحياتي |
![]() |
| مواقع النشر (المفضلة) |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| [برنامج] حصريا..أسطورة تحريك الصور وتصميم التواقيع والبانرات..غاية فى السهولة | أبو رمش | منتدى برامج الكومبيوتر | 2 | 10-21-2008 05:58 PM |
| حصريا 321bux مواصفات وتصميم رائع | gondi | منتدى الربح من الأنترنت | 0 | 08-14-2008 03:27 AM |
| ستايل شهر رمضان الاحترافي + واجهه موقع لشهر رمضان :: طقم متكامل اهداء للجميع | ®|~«الط ي ــر»~|® | منتدى الاستيلات | 0 | 08-29-2007 12:29 AM |
| دروس فيديو في الفرونت بيج للمبتدئين | ®|~«الط ي ــر»~|® | منتدى تطوير المواقع | 1 | 07-19-2007 04:10 PM |
| شرح تصميم توقيع للمبتدئين | بــــ{ـنجد}ــــــــــنت | قســم الجرافيـكس والتصميم | 0 | 03-11-2007 07:39 PM |