تويت
دورة تصميم الكتب الإلكترونية : طريقة توزيع الصفحات بإستخدام Frames الفرام !!
[frame="12 90"]
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
لقد سألني أحد الأخوة عن كيفية فتح الصفحات داخل الموقع الذى يصممه فى برنامج الفرونت بيج ولأن هذه الطريقة جيدة وأستخدمها احيانا فى تصميم صفحات الكتب الألكترونية أقدمها لكم بالتفصيل لمن يعرف التعامل مع الفرونت بيج.
وهذه هى إجابتى أيضا على التساؤل وقد أفردت الرد فى مشاركة كى يتطلع عليها جميع الأعضاء ويستفيد الجميع منها إن شاء الله
حياكم الله جميعا
بالنسبة لما تفضلت وسالت عنه فهناك عدة طرق لفعل ذلك وتعتمد غالبا على وجود فرام فى صفحتك الرئيسية .
الطريقة الأولى الفرام ظاهر والطريقة الأخرى لم يظهر الفرام ( بل يظهر كأنه صفحة أو موقع داخلى)
نبدأ بالطريقة الأولى
سوف أكتب لك الكود أولا ثم تضعه فى الفرونت بيج وتقوم بالتطبيق مباشرة وكذلك أشرح لك الطريقة ببساطة جدا . مع إرفاق الصفحات التى قمت بالشرح عليها كى تستخدمها أيضا وتكون مثال .
الطريقة :
إفتح الفرونت بيج وقم بإنشاء عمل جديد ولكن من القوالب ومن هناك ستجد مثل هذه الصورة
وتستطيع إختيار الشكل المناسب لك مثلا هذا قسم علوى وسفلى ويمين وشمال وسنختار السهل الأول
وبعد الضغط على OK ستجد صفحتين بهذا الشكل
الصفحة التى هى فوق ستكون مخصصة لوضع الروابط ( الرأس )
والصفحة الأخرى هى التى سيتم فتح الصفحات بها وعادة تضع بها معلومات عن موقعك أو الشكل العام للموقع
وسوف أضغط على New page وتظهر الصفحات بالشكل التالى ثم تقوم بالتعديل كما تريد
الآن قم بتعديل خصائص كل صفحة كما تريد وضع جداول للروابط فى القسم العلوى للصفحة التى هى فى الرأس
الآن نضع الروابط على العنواين التى نريدها والطريقة معروفة لك طبعا ، ولكن بعد وضع الرابط يجب أن تحدد مكان فتح الصفحة التى ستفتح بمجرد الضغط على الرابط وهذا يسمى Traget setting راجع الصورة تجد البرنامج يعطيك الشكل الذى قمت بإختياره من أشكال الفرامات فقط ماعليك إلا أن تضغط على المكان الذى تريد وهنا طبعا فى الصفحة السفلى .
طبعا تكرر هذه الخطوة مع جميع الروابط التى تريدها تفتح داخل الموقع
لعلك سوف تسأل كيف لا أننى أستخدم فرام بين الصفحات ؟
الخطوات سهلة جدا
قف على الصفحة فى الفرونت بيج وبيمين الماوس تضغط ثم تختار خصائص الفرام
تفتح لك نافذة جديدة بها الخصائص راجع الصورة
بعد الضغط على Frames page تفتح لك نافذة جديدة وهى للتحكم فى مقاس الفرام أوة ظهوره من عدمه
والآن جاء دور حفظ العمل والآن كما ترى أننا قمنا بإنشاء صفحتين منفصلتين ( رأس - جسم ) ولكن عند الحفظ سيكون العدد ثلاثة صفحات لأنك ستحصل على Index راقب الصور
هنا لحفظ الدليل index
وهنا لحفظ الرأس والتغيرات الت ىقمنا بها عليه
وهنا لحفظ التغيرات التى قمنا بها على الجسم
وبذلك نكون قد إنتهينا من طريقة إنشاء الفرامات بإستخدام القوالب التى هى فى البرنامج وبقيت الطريقة الثانية وهى بدون إستخدام الفرامات ولكنها بالكود فقط .
لمشاهدة المثال الذى تم الشرح عليه
فى المرفق نموذج الشرح يمكن إستخدامه بالتغير عليه ومراجعته.
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
[/frame]
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
لقد سألني أحد الأخوة عن كيفية فتح الصفحات داخل الموقع الذى يصممه فى برنامج الفرونت بيج ولأن هذه الطريقة جيدة وأستخدمها احيانا فى تصميم صفحات الكتب الألكترونية أقدمها لكم بالتفصيل لمن يعرف التعامل مع الفرونت بيج.
وهذه هى إجابتى أيضا على التساؤل وقد أفردت الرد فى مشاركة كى يتطلع عليها جميع الأعضاء ويستفيد الجميع منها إن شاء الله
حياكم الله جميعا
بالنسبة لما تفضلت وسالت عنه فهناك عدة طرق لفعل ذلك وتعتمد غالبا على وجود فرام فى صفحتك الرئيسية .
الطريقة الأولى الفرام ظاهر والطريقة الأخرى لم يظهر الفرام ( بل يظهر كأنه صفحة أو موقع داخلى)
نبدأ بالطريقة الأولى
سوف أكتب لك الكود أولا ثم تضعه فى الفرونت بيج وتقوم بالتطبيق مباشرة وكذلك أشرح لك الطريقة ببساطة جدا . مع إرفاق الصفحات التى قمت بالشرح عليها كى تستخدمها أيضا وتكون مثال .
<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>
<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>
الطريقة :
إفتح الفرونت بيج وقم بإنشاء عمل جديد ولكن من القوالب ومن هناك ستجد مثل هذه الصورة
وتستطيع إختيار الشكل المناسب لك مثلا هذا قسم علوى وسفلى ويمين وشمال وسنختار السهل الأول
وبعد الضغط على OK ستجد صفحتين بهذا الشكل
الصفحة التى هى فوق ستكون مخصصة لوضع الروابط ( الرأس )
والصفحة الأخرى هى التى سيتم فتح الصفحات بها وعادة تضع بها معلومات عن موقعك أو الشكل العام للموقع
وسوف أضغط على New page وتظهر الصفحات بالشكل التالى ثم تقوم بالتعديل كما تريد
الآن قم بتعديل خصائص كل صفحة كما تريد وضع جداول للروابط فى القسم العلوى للصفحة التى هى فى الرأس
الآن نضع الروابط على العنواين التى نريدها والطريقة معروفة لك طبعا ، ولكن بعد وضع الرابط يجب أن تحدد مكان فتح الصفحة التى ستفتح بمجرد الضغط على الرابط وهذا يسمى Traget setting راجع الصورة تجد البرنامج يعطيك الشكل الذى قمت بإختياره من أشكال الفرامات فقط ماعليك إلا أن تضغط على المكان الذى تريد وهنا طبعا فى الصفحة السفلى .
طبعا تكرر هذه الخطوة مع جميع الروابط التى تريدها تفتح داخل الموقع
لعلك سوف تسأل كيف لا أننى أستخدم فرام بين الصفحات ؟
الخطوات سهلة جدا
قف على الصفحة فى الفرونت بيج وبيمين الماوس تضغط ثم تختار خصائص الفرام
تفتح لك نافذة جديدة بها الخصائص راجع الصورة
بعد الضغط على Frames page تفتح لك نافذة جديدة وهى للتحكم فى مقاس الفرام أوة ظهوره من عدمه
والآن جاء دور حفظ العمل والآن كما ترى أننا قمنا بإنشاء صفحتين منفصلتين ( رأس - جسم ) ولكن عند الحفظ سيكون العدد ثلاثة صفحات لأنك ستحصل على Index راقب الصور
هنا لحفظ الدليل index
وهنا لحفظ الرأس والتغيرات الت ىقمنا بها عليه
وهنا لحفظ التغيرات التى قمنا بها على الجسم
وبذلك نكون قد إنتهينا من طريقة إنشاء الفرامات بإستخدام القوالب التى هى فى البرنامج وبقيت الطريقة الثانية وهى بدون إستخدام الفرامات ولكنها بالكود فقط .
لمشاهدة المثال الذى تم الشرح عليه
فى المرفق نموذج الشرح يمكن إستخدامه بالتغير عليه ومراجعته.
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
تعليق