abohmam
17-08-2007, 01:28 PM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
لقد سألني أحد الأخوة عن كيفية فتح الصفحات داخل الموقع الذى يصممه فى برنامج الفرونت بيج ولأن هذه الطريقة جيدة وأستخدمها احيانا فى تصميم صفحات الكتب الألكترونية أقدمها لكم بالتفصيل لمن يعرف التعامل مع الفرونت بيج.
وهذه هى إجابتى أيضا على التساؤل وقد أفردت الرد فى مشاركة كى يتطلع عليها جميع الأعضاء ويستفيد الجميع منها إن شاء الله
حياكم الله جميعا
بالنسبة لما تفضلت وسالت عنه فهناك عدة طرق لفعل ذلك وتعتمد غالبا على وجود فرام فى صفحتك الرئيسية .
الطريقة الأولى الفرام ظاهر والطريقة الأخرى لم يظهر الفرام ( بل يظهر كأنه صفحة أو موقع داخلى)
نبدأ بالطريقة الأولى
سوف أكتب لك الكود أولا ثم تضعه فى الفرونت بيج وتقوم بالتطبيق مباشرة وكذلك أشرح لك الطريقة ببساطة جدا . مع إرفاق الصفحات التى قمت بالشرح عليها كى تستخدمها أيضا وتكون مثال .
<html>
<head>
<title>header</title>
</head>
<frameset rows="80,*">
<frame name="header" scrolling="no" noresize target="main" src="header.htm">
<frame name="main" src="main.htm" target="_self">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>
الطريقة :
إفتح الفرونت بيج وقم بإنشاء عمل جديد ولكن من القوالب ومن هناك ستجد مثل هذه الصورة
http://www.abc4web.net/vb/imgcache/1043.png
وتستطيع إختيار الشكل المناسب لك مثلا هذا قسم علوى وسفلى ويمين وشمال وسنختار السهل الأول
http://www.abc4web.net/vb/imgcache/1044.png
وبعد الضغط على OK ستجد صفحتين بهذا الشكل
http://www.abc4web.net/vb/imgcache/1045.png
الصفحة التى هى فوق ستكون مخصصة لوضع الروابط ( الرأس )
والصفحة الأخرى هى التى سيتم فتح الصفحات بها وعادة تضع بها معلومات عن موقعك أو الشكل العام للموقع
وسوف أضغط على New page وتظهر الصفحات بالشكل التالى ثم تقوم بالتعديل كما تريد
http://www.abc4web.net/vb/imgcache/1046.png
الآن قم بتعديل خصائص كل صفحة كما تريد وضع جداول للروابط فى القسم العلوى للصفحة التى هى فى الرأس
http://www.abc4web.net/vb/imgcache/1047.png
الآن نضع الروابط على العنواين التى نريدها والطريقة معروفة لك طبعا ، ولكن بعد وضع الرابط يجب أن تحدد مكان فتح الصفحة التى ستفتح بمجرد الضغط على الرابط وهذا يسمى Traget setting راجع الصورة تجد البرنامج يعطيك الشكل الذى قمت بإختياره من أشكال الفرامات فقط ماعليك إلا أن تضغط على المكان الذى تريد وهنا طبعا فى الصفحة السفلى .
http://www.abc4web.net/vb/imgcache/1048.png
طبعا تكرر هذه الخطوة مع جميع الروابط التى تريدها تفتح داخل الموقع
لعلك سوف تسأل كيف لا أننى أستخدم فرام بين الصفحات ؟
الخطوات سهلة جدا
قف على الصفحة فى الفرونت بيج وبيمين الماوس تضغط ثم تختار خصائص الفرام
http://www.abc4web.net/vb/imgcache/1049.png
تفتح لك نافذة جديدة بها الخصائص راجع الصورة
http://www.abc4web.net/vb/imgcache/1050.png
بعد الضغط على Frames page تفتح لك نافذة جديدة وهى للتحكم فى مقاس الفرام أوة ظهوره من عدمه
http://www.abc4web.net/vb/imgcache/1051.png
والآن جاء دور حفظ العمل والآن كما ترى أننا قمنا بإنشاء صفحتين منفصلتين ( رأس - جسم ) ولكن عند الحفظ سيكون العدد ثلاثة صفحات لأنك ستحصل على Index راقب الصور
هنا لحفظ الدليل index
http://www.abc4web.net/vb/imgcache/1052.png
وهنا لحفظ الرأس والتغيرات الت ىقمنا بها عليه
http://www.abc4web.net/vb/imgcache/1053.png
وهنا لحفظ التغيرات التى قمنا بها على الجسم
http://www.abc4web.net/vb/imgcache/1054.png
وبذلك نكون قد إنتهينا من طريقة إنشاء الفرامات بإستخدام القوالب التى هى فى البرنامج وبقيت الطريقة الثانية وهى بدون إستخدام الفرامات ولكنها بالكود فقط .
لمشاهدة المثال الذى تم الشرح عليه (http://www.abc4web.net/Tutorials/fram_frontpage/index.htm)
فى المرفق نموذج الشرح يمكن إستخدامه بالتغير عليه ومراجعته.
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
لقد سألني أحد الأخوة عن كيفية فتح الصفحات داخل الموقع الذى يصممه فى برنامج الفرونت بيج ولأن هذه الطريقة جيدة وأستخدمها احيانا فى تصميم صفحات الكتب الألكترونية أقدمها لكم بالتفصيل لمن يعرف التعامل مع الفرونت بيج.
وهذه هى إجابتى أيضا على التساؤل وقد أفردت الرد فى مشاركة كى يتطلع عليها جميع الأعضاء ويستفيد الجميع منها إن شاء الله
حياكم الله جميعا
بالنسبة لما تفضلت وسالت عنه فهناك عدة طرق لفعل ذلك وتعتمد غالبا على وجود فرام فى صفحتك الرئيسية .
الطريقة الأولى الفرام ظاهر والطريقة الأخرى لم يظهر الفرام ( بل يظهر كأنه صفحة أو موقع داخلى)
نبدأ بالطريقة الأولى
سوف أكتب لك الكود أولا ثم تضعه فى الفرونت بيج وتقوم بالتطبيق مباشرة وكذلك أشرح لك الطريقة ببساطة جدا . مع إرفاق الصفحات التى قمت بالشرح عليها كى تستخدمها أيضا وتكون مثال .
<html>
<head>
<title>header</title>
</head>
<frameset rows="80,*">
<frame name="header" scrolling="no" noresize target="main" src="header.htm">
<frame name="main" src="main.htm" target="_self">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>
الطريقة :
إفتح الفرونت بيج وقم بإنشاء عمل جديد ولكن من القوالب ومن هناك ستجد مثل هذه الصورة
http://www.abc4web.net/vb/imgcache/1043.png
وتستطيع إختيار الشكل المناسب لك مثلا هذا قسم علوى وسفلى ويمين وشمال وسنختار السهل الأول
http://www.abc4web.net/vb/imgcache/1044.png
وبعد الضغط على OK ستجد صفحتين بهذا الشكل
http://www.abc4web.net/vb/imgcache/1045.png
الصفحة التى هى فوق ستكون مخصصة لوضع الروابط ( الرأس )
والصفحة الأخرى هى التى سيتم فتح الصفحات بها وعادة تضع بها معلومات عن موقعك أو الشكل العام للموقع
وسوف أضغط على New page وتظهر الصفحات بالشكل التالى ثم تقوم بالتعديل كما تريد
http://www.abc4web.net/vb/imgcache/1046.png
الآن قم بتعديل خصائص كل صفحة كما تريد وضع جداول للروابط فى القسم العلوى للصفحة التى هى فى الرأس
http://www.abc4web.net/vb/imgcache/1047.png
الآن نضع الروابط على العنواين التى نريدها والطريقة معروفة لك طبعا ، ولكن بعد وضع الرابط يجب أن تحدد مكان فتح الصفحة التى ستفتح بمجرد الضغط على الرابط وهذا يسمى Traget setting راجع الصورة تجد البرنامج يعطيك الشكل الذى قمت بإختياره من أشكال الفرامات فقط ماعليك إلا أن تضغط على المكان الذى تريد وهنا طبعا فى الصفحة السفلى .
http://www.abc4web.net/vb/imgcache/1048.png
طبعا تكرر هذه الخطوة مع جميع الروابط التى تريدها تفتح داخل الموقع
لعلك سوف تسأل كيف لا أننى أستخدم فرام بين الصفحات ؟
الخطوات سهلة جدا
قف على الصفحة فى الفرونت بيج وبيمين الماوس تضغط ثم تختار خصائص الفرام
http://www.abc4web.net/vb/imgcache/1049.png
تفتح لك نافذة جديدة بها الخصائص راجع الصورة
http://www.abc4web.net/vb/imgcache/1050.png
بعد الضغط على Frames page تفتح لك نافذة جديدة وهى للتحكم فى مقاس الفرام أوة ظهوره من عدمه
http://www.abc4web.net/vb/imgcache/1051.png
والآن جاء دور حفظ العمل والآن كما ترى أننا قمنا بإنشاء صفحتين منفصلتين ( رأس - جسم ) ولكن عند الحفظ سيكون العدد ثلاثة صفحات لأنك ستحصل على Index راقب الصور
هنا لحفظ الدليل index
http://www.abc4web.net/vb/imgcache/1052.png
وهنا لحفظ الرأس والتغيرات الت ىقمنا بها عليه
http://www.abc4web.net/vb/imgcache/1053.png
وهنا لحفظ التغيرات التى قمنا بها على الجسم
http://www.abc4web.net/vb/imgcache/1054.png
وبذلك نكون قد إنتهينا من طريقة إنشاء الفرامات بإستخدام القوالب التى هى فى البرنامج وبقيت الطريقة الثانية وهى بدون إستخدام الفرامات ولكنها بالكود فقط .
لمشاهدة المثال الذى تم الشرح عليه (http://www.abc4web.net/Tutorials/fram_frontpage/index.htm)
فى المرفق نموذج الشرح يمكن إستخدامه بالتغير عليه ومراجعته.
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.