بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اذكركم بان المجلة من اجمل المجلات وتستحق بالفعل استخدامها وهذه خطوة بسيطة ويبقى العمل الاكبر لكم
وهذا كما وعدتكم قالب خفيف جاهز للمواقع
لنتعلم جميعا كيفية تقطيعه وجعله كثيم للمجلة حجم الملف 12 كيلو وبعد فك الضغط 259 كيلو بايت
http://www.almsk7.com/1/layout.rar
ووجدت هذا الشرح لتقطيع الصورة وتحويلها الى قالب للموقع اعتقد انه سيفيد
لتصميم موقع يجب اولا ان تكون مصمم يعني بطاقات وغيره ولو ان المواقع تختلف شوي ولكن اول شي لازم تكون مصمم متمكن من اي برنامج رسم او تصميم
هذا الدرس للمبتدئين في تصميم المواقع وتقصيص الصور وترتيبها واللي ما يعرف يرتب ويسوي جداول في الفرونت بيج
الزبدة ان البرنامج يغنيك عن القص بالفوتو او بالبينت ويغنيك عن شغل الجداول والترتيب بالفرونت بيج
-برنامج تحتاجه لتسهيل عملية القص
حمل البرنامج التالي image splitter مع الشكر الخاص للاخ الرفيع صاحب شبكه الخريف لتوفيره
وانا اخذته منهم
الملف المضغوط معه ملف تثبيت البرنامج وملف نوت باد فيه السيريال للبرنامج
ثبت البرنامج وبعدين شغله
افتح ملف النوت باد بتلاقي فيه الاسم ورقم التسجيل
اذهب الى برنامج image splitterمن القائمه فوق اختار help
وبعدين register
يطلع لك مربع ادخل فيه الاسم ورقم التسجيل
وكذا صار البرنامج مجاني
-البدايه
في البدايه تصمم الموقع كامل على انه صوره وترسم فيه الازرار وتكتب عليها وتحفظه في جهازك على شكل صوره
مثال راح نطبق عليه هذه الواجهه المقدمه من الاخ الكريم مستر جرافيكس
مثل ما انتم شايفين الموقع انتهى الاخ مستر جرافيكس من التصميم الكامل ومخلي الازرار فاضيه عشان تكتب فيها اللي تبيه
الا اذهب الى برنامج قص الصور واختار الزر
واختار الصوره اللي تبي تقصها اللي هي واجهه الموقع
اختار الزر
لعمل خطوط عرضيه للقص هذه الخطوط توضع فوق وتحت الزر وفوق الفوتر وتحت البنر وفي اي مكان تحتاجه
اختار الزر
لعمل خطوط طوليه للقص هذه الخطوط توضع على يمين ويسار الازرار وكذا كل زر يصير مستقل لحاله
وهذه نتيجه التحديد
لما تخلص من تقسيم الصور كلها الان تضيف الروابط للازرار عشان لما تضغط عليها تروح على الصفحه
مثلا زر المنتديات يحولك على المنتديات وهكذا
تختار الزر
وهذا زر اضافه الروابط
اذهب على الزر اللي تبي تضيف له رابط واضغط عليه .. راح يطلع عليه شبكه مثل
وبيطلع لك مربع خصائص الروابط مثل
URL هنا تكتب الرابط
Alternate text هذا اختياري اذا اردت ان تكتب كلمات عند مرور الماوس على الزر مثال لعمله
هنا كتبت
Target frame هذه خاصيه تخيرك بين فتح الرابط في صفحه خارجيه جديده او نفس الصفحه
اذا اخترت New browser window فتح الرابط في صفحه خارجيه جديده
اذا اخترت Same frame فتح الرابط في نفس الصفحه
الخيارات اللي على اليمين ماراح تحتاجها لان لو تبي تسويها افضل في الفرونت بيج - اعلى من مستوى المبتدئين
حدد الخيارات واكتب الرابط واضغط ok
وكذا امشي وكمل على كل الازرار الي تبي تسويها
-ازرار تهمك في البرنامج
زر التجربه او معاينه العمل
زر الرجوع اذا غلطت في شي
http://www.alwannah.com/uplo/imagesplitter/undo.gif
زر مسح الكل او اعاده العمل
لما تنتهي من كل شي اضغط على
وسوي للعمل حفظ بإسم index
بيطلع لك ملف html اللي هو الصفحه ومجلد الصور مثل
لما تفتح الملف index.html
بيطلع كذا
التصميم كله على اليسار والخلفيه سوداء
اسحب الملف index.html وافتحه الان على الفرونت بيج
ولمسات خفيفه سوي له توسيط واختار لون الخليفه اللي تبيه
واظن التوسيط ما يبيله شرح ظلل التصميم في الفرونت بيج واضغط زر التوسيط
بالنسبه للون الخلفيه
في الفرونت بيج في الخلفيه بالماوس اضغط زر الماوس اليمين واختار خصائص الصفحه
بتجيك النافذه
اختار formatting من فوق
واختار لون الخلفيه اللي تبيه من تحت من عند background
واحفظ العمل وارفع الملفين