الإخوة الأعضاء السلام عليكم ورحمة الله وبركاته أولا أعتذر عن هذه الغيبة الطويلة فلقد كنت مشغولا بتصميم موقعي الشخصي والآن انتهيت منه وسوف ترونه قريبا إنشاء الله ثانيا: ستجدون في هذا الرابط موضوعا يخصني كتبته في منتدى المشاغب أتمنى أن تستفيدوا منه ولقد رأيت أن أضعه هنا لأن هذا المنتدى أيضا غالي على قلبي /// انا مسجل في المشاغب بإسم جليل فل تظنوا إني سارق الموضوع jaleel [عزيزي الزائر يتوجب عليك التسجيل لمشاهدة الرابط للتسجيل اضغط هنا]
أخي الكريم الدرب: أشكر لك ردك الجميل وتنفيذا لطلبك فإني أنقل الموضوع هنا وبإسمي في المنتدى زياد . أرجو أن يستفيد منه جميع الأعضاء الكرام
كيف تصمم بالفرونت بيج؟ بسم الله الرحمن الرحيم اخواني أعضاء منتديات المشاغب الأعزاء : أسعد الله جميع أوقاتكم , لقد انتهيت كما ذكرت سابقا من تصميم موقعي عن طريق الفرونت بيج , ولقد رأيت أن أضع هنا بعض ما استفدته أو اكتسبته من خبرة ولكن للأسف بدون صور فأرجو أن تعذروني واعتبروها مجرد مشاركة بسيطة ملاحظة : الموضوع قابل للتطوير فمن يستطيع دعمه بالصور أو كان له إضافات أو ملاحظات فلا يبخل علينا بسم الله أبدأ وعليه أتوكل: أول خطوة في التصميم : طبعا اول شي لازم تحدد هدفك من إنشاء الموقع , يعني هل بيكون موقع رياضي , ثقافي , علمي , ديني .... , وبعدين روح دور على المواقع اللي تدعم توجهك ولها نفس التوجه أو الإختصاص وسجلها عندك في ورقة خذ ورقة وقلم واعمل تصميم مبدئي للموقع يعني اعمل تصور لموقعك قبل ما تبدا في التصميم وحاول انك تقلل من الأدلة والروابط الخارجية لن فيه مواقع متخصصة تهتم بهذا الموضوع وحاول انك تثري الموقع بأشياء تخصك كصور من عندك أو مقالات أو شعر أو آراء أو حتى مقالات من كتب أعجبتك الخطوة الثانية روح للفرونت بيج ( البعض يوجد لديه البرنامج في قائمة ابدأ < البرامج < Microsoft FrontPage راح تفتح معك صفحة بيضا هي Index .htm لاتكتب فيها شي وروح إلى كلمة File في أعلى اليسار واضغط عليها ومن القائمة اللي راح تنزل ( القائمة المنسدلة ) اختر New راح تلاقي Page وتحت منها Web اختر Web
راح تفتح لك مربع فيه خيارات الموقع , اضغط Ok مباشرة الحين حتفتح لك صفحة جديدة في اليسار حتلاقي الملفات اللي تحفظها بعد التصميم وتلاقي Index. htm وهي الصفحة اللي تركناها فاضية في الأول في الصفحة الكبيرة اللي في الوسط , ضع المؤشرة وانقر بزر الفأرة الأيمن , من القائمة اختار Page Properties وهي خصائص الصفحة حتفتح لك الخصائص اختر منها Background وبتلاقي خيارات للخلفية هي : Background Picture وعندها مربع صغير ضع فيه علامة صح واضغط Browse وفايدتها انك ممكن تضع صورة كخلفية, المهم حيفتح لك مربع اضغط على علامة البحث وهي العدسة الصغيرة في الأسفل فإذا كنت مخزن خلفيات في جهازك راح تظهر لك واختار منها اللي تبي إذا ما كنت مخزن خلفيات وكنت متصل بالنت اضغط العدسة اللي لونها أخضر غامق وهي للبحث في الشبكة ( توجد مواقع عديدة بها خلفيات منوعة ممكن تخزن منها لو تبغى ) بعد ما تختار الخلفية اضغط OK Background ومنها تختار لون الخلفية , يعني إذا ما تبغى الخلفية تكون صورة ممكن تختار لها لون من الزر السابق Text وهو لون النص Hyperlink وهي الروابط وتجد فيها أحد الألوان بإمكانك تغييره Visited Hyperlink وهي الروابط التي تمت زيارتها غير لونها اذا حبيت Active Hyperlink وهي الروابط النشطة لموقعك وغيرها إذا تبي اضغط OK بعدها روح لكلمة Language ومعناها اللغة وغيرها إلى Arabic الحين صار عندك صفحة ولها خلفية اكتب فيها اللي تبي ومع انه هذي الصفحة الرئيسية ولازم تكون منظمة ومرتبة . إذن انت تحتاج تسوي جداول الجداول إذهب إلى الأداة Table في شريط الأدوات في الأعلى وانقر عليه من القائمة المنسدلة اختر الأمر Insert ثم اختر Table راح يفتح لك مربع فيه الإختيارات التالية: Rows وهو لإختيار عدد الصفوف في الجدول Columns وهو لإختيار عدد الأعمدة Alignment وهو لتحديد موقع الجدول , اختر Centre ( الوسط ) Cell Padding وهو لإختيار ثخن أو نحف برواز الخلية اختر ما تشاء ثم اضغط OK ضع المؤشر في الخلية وانقر بزر الفأرة الأيمن ومن القائمة اختر Table Properties وهي خصائص الجدول تلاقي Borders اختر اللون الذي تريده لبرواز الجدول Background Picture لإذا تبغى تخلي خلفية الجدول صورة Background وتحتها Color إذا تبغى تخلي خلفية الجدول بلون غير لون الصفحة اضغط OK ثم اكتب ما تشاء في الجدول هناك طريقة أخرى وهي أن تذهب إلى شريط الأدوات في الأعلى ثم تنقر بزر الفأرة اليمن فتظهر لك قائمة اختر منها Table سوف يظهر لك شريط أدوات صغير , اضغط على صورة القلم ثم اصنع الجدول الذي تريد وبالتقسيمة التي تريد وإذا أخطات فهناك ممحاة للمسح في الشريط بعض الخصائص انقر على Insert في شريط الأدوات ثم اختر Component من القائمة المنسدلة اختر Hover Botton وهو لإضافة أزرار جميلة منها ما يضيء عند مرور المؤشر عليه ومنها ما يتغير لونه وهكذا وبإمكانك تغيير لون الزر ولون خلفية الزر كما تشاء بإمكانك من الخيار Componenet أيضا إضافة عداد للزوار عن طريق الأمر Hit Counter حيث سيعرض عليك نماذج للعدادات اختر منها ما تريد إذا كانت خلفية الصفحة عبارة عن صورة فإنك ستجد أزرارا في الأسفل للتحكم بخصائص الصورة مثل حدة الصورة وشفافيتها وما إلى ذلك الروابط كيف أضيف رابطا ينقلني من صفحة إلى أخرى أو إلى صفحة في الويب؟ الأمر سهل فلو أردنا إضافة رابط إلى كلمة ( تاريخ ) مثلا فإننا يجب علينا فعل الآتي : ظلل الكلمة التي تريد عمل رابط لها ثم انقر على زر Hyperlink في الأعلى وهو عبارة عن صورة للكرة الأرضية وتحتها جزء من سلسلة سيفتح لك مربع فيه ما يلي: - الصفحات التي قمت بتخزينها في الأعلى . اختر الصفحة ثم انقر عليها ثم انقر على OK . وهذا لربط صفحة بصفحة أخرى - شريط طويل مكتوب فيه //:http وهو للربط بصفحة على الشبكة وكل ما عليك وضع العنوان في المكان الفاضي علامة العدسة للبحث عن ملف مخزن على جهازك علامة العدسة ذات اللون الأخضر الغامق للبحث عن الموقع في الشبكة علامة البريد لربط الكلمة المظللة ببريدك أو بأي بريد تختار وفي هذه الحالة سيظهر لك شريط اكتب العنوان البريدي ثم انقر OK
بإمكانك تغيير لون الخط وحجمه وميلانه كما في الوورد بعد الإنتهاء اضغط على زر Preview في الأسفل لتشاهد الصفحة كما ستبدو على الشبكة إذا أردت التعديل فاضغط على زر Normal في الأسفل بعد ذلك إذهب إلى File في أعلى اليسار وانقر عليه ثم اختر save as واضغط عليه , سيسألك البرنامج إذا كنت تريد حفظ الصفحة بإسم Page_ 1 _ htm غير اسم الصفحة كما تريد ثم اضغط OK وبهذا أصبح لديك صفحة جاهزة افعل هذا مع بقية صفحات موقعك وغير فبها ما تريد يفضل أن تفتح صفحة للتجربة قبل البدء بالعمل حتى تتمكن من التعرف أكثر على البرنامج وعلى أدواته
هذا الموضوع كما أسلفت قابل للتعديل والزيادة ففيه الكثير من النقص وهذه مجرد مقتطفات من تجربة مبتديء أرجو أن يكون الموضوع مفيدا وأن يعجبكم ولا تنسوني من الدعاء
النمط المتتابع
