الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

إضافة نصوص في الفرونت بيج

مغلق
بدأه wdusif في 7 نوفمبر 2004 · 6 رد · 1,071 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

الاخوة الاعزاء

تحية طيبة

لدي تصميمم كامل لصفحة ويب مصمم بالفوتوشوب حيث يشقر التصميمم كامل مساحة الصفحة.

في التصميمم توجد مساحة مربعة بيضاء في الوسط اريد ان اجعلها المساحة التى يظهر فيها مضمون الموضوع حيث ان اسماء المواضيع عبارة قائمة بجانب الصفحة .

الاخواة العزاء اريد ان اعرف كيف يمكن ان اكتب في المساحة المحددة في التصميم في الفرونت بيج او اي برنامج اخر للتصميم .

ملحوظة :

حاولت استخدام فريم (Inital Frame) ولكن شكله يتعارض مع التصميم .

.jpg

______________________________________________________________________________

[وسط]9ber.gif

ip2location.png

______________________________________________________________________________

(فَقُلْتُ اسْتَغْفِرُوا رَبَّكُمْ إِنَّهُ كَانَ غَفَّارًا (10) يُرْسِلِ السَّمَاء عَلَيْكُم مِّدْرَارًا (11) وَيُمْدِدْكُمْ بِأَمْوَالٍ وَبَنِينَ وَيَجْعَل لَّكُمْ جَنَّاتٍ وَيَجْعَل لَّكُمْ أَنْهَارًا (12)

مَّا لَكُمْ لَا تَرْجُونَ لِلَّهِ وَقَارًا (13) وَقَدْ خَلَقَكُمْ أَطْوَارًا (14))

* سورة نوح[/وسط]

من اجمل المواقع على الاطلاق

القرآن الكريم

#2

في طريقة حلوة مرة لمصممين المواقع بالفوتشوب لكن بالتعاون مع دريم ويفر وليس (فرونت بيج) حقيقة لم أجربها مع فرونت بيج

وهي طريقة تقطيع الصور ثم save for web

وتحفظها على أنها صفحات html و gif معاً

فيظهر لك الموقع رائع

ثم يأتي بعد ذلك دور الدريم ويفر في التعديل

الدريم ويفر يستجيب لتقطيع الصور الذي فعلته في الفوتشوب فيقسم لك الموقع على جداول فتأتي أنت للصور التي بإمكانك الاستغناء عنها وتعويضها من الدريم ويفر مثل أن تكون الصورة مجرد لون فبإمكانك حذفها وتلوين الخلية من داخل الدريم ويفر (يفضل أن تأخذ رقم اللون السداسي من داخل الفوتشوب ثم تضعه في مربع رقم اللون في الدريم ويفر)

هذي الطريقة ممتازة ولكن مع الدريم ويفر ،، ولكنني لا أستخدمها لأنها تحتاج إلى دقة أكثر وحذف أي صورة يعني ربما يخلخل لك الموقع بالكامل لذا فإني جربتها ثم تركتها ولكني أرى مبرمجين كبار يستخدمونها

ولكن هناك طريقة أخرى ممتازة تصلح مع فرونت بيج ومع دريم ويفر ...

قسم الموقع المصمم بالفوتشوب بأداة التقطيع ثم احفظها على هيئة الصور واعرف مساحة كل صورة من حيث الطول والعرض

ثم في الفرونت بيج قسم الصفحة بالجدول ولتكن تقسيماتك دقيقة من حيث طول الخلية وعرضها ثم ايت بالصور وضع كل صورة في مكانها المناسب

لو كنت مثلاً تريد أن تكتب في خلية وتكون الصورة موجود في تلك الخلية ،،، هنا اجعل الصورة خلفية للخلية مع التأكد من ملائمة طول الصورة وعرضها مع طول الخلية وعرضها ثم اكتب داخل الخلية ماشئت ستجد أنها لا تتعارض

تأكد أولاً من كتابة هذا الكود في الـbody :

<body topmargin="0" leftmargin="0">

وفائدة هذا الكود لا يترك مساحات فارغة في أعلى الصفحة وأطرافها

أرجو أني قد ساعدتك ولو بشيء بسيط

#3

ممكن تعمل كدا بالفوتوشوب .. وهو ان تقوم بتجزئة صوره الموقع الى عده اجزاء مثلا البانر اللي فوق لوحده .. والقائمه على الجوانب لوحدها .. والمساحه الفارغه انت لست بحاجه لها ..

ومن ثم تدأ التصميم بالفرونت بيج ... بتقسيم الصفحة الى خلايا تناسب الصور .. ومن ثم ثلصق الصور باماكنها .. وطبعا الخليه الي كان المفروض فيها صفحه بيضاء بالصورة ما راح تحط بدل منها شي بالفرونت بج وبالتالي ستكتب بها كما تريد ..

#4

اعتقد أن الأخ محب و الأخت فلسطينية قد كفيا و وفيا... و ربما ماكنت لأجيب بأفضل مما أتيا به...

شكراً لكم شباب

Mohamad Al-Karbi

www.mkarbi.me

#5

الاخوة

محب , محمد

الاخت فلسطينية

تحية طيبة

وشكرا علي تفاعلكم موضوع

الاخ محب لا اريد ان ادخل الي تعقيدات الدريم ويفر لذالك اعتقد اني ساستعمل الطريق الثانية اللتي زكرتها الاخت فلسطينية

ولكن المشكة الاخرة التي تظهر هي عندما يكون النص الموضوع في الصفحة كبير تظهر الـScroll Bar's وهي المشكلة الكبيرة حيث تشوه شكل التصميم نهائياً.

اشكركم مرة اخرة

.jpg

______________________________________________________________________________

[وسط]9ber.gif

ip2location.png

______________________________________________________________________________

(فَقُلْتُ اسْتَغْفِرُوا رَبَّكُمْ إِنَّهُ كَانَ غَفَّارًا (10) يُرْسِلِ السَّمَاء عَلَيْكُم مِّدْرَارًا (11) وَيُمْدِدْكُمْ بِأَمْوَالٍ وَبَنِينَ وَيَجْعَل لَّكُمْ جَنَّاتٍ وَيَجْعَل لَّكُمْ أَنْهَارًا (12)

مَّا لَكُمْ لَا تَرْجُونَ لِلَّهِ وَقَارًا (13) وَقَدْ خَلَقَكُمْ أَطْوَارًا (14))

* سورة نوح[/وسط]

من اجمل المواقع على الاطلاق

القرآن الكريم

#6

السلام عليكم أخي wdusif

لم أفهم ما المشكله لو ظهر scollbar ؟؟ وكيف يتشوه الشكل عند ظهوره .؟؟

لو ترفق صور .. ممكن نساعدك بشكل أفضل باذن الله ..

كما يمكنك الاستفاده من موضوع سابق كنت قد تحدثت فيه عن خطوات تلافي التشوه الذي يحدث عند تغير وضوح الشاشة Resolution

رابط الموضوع : هنا

#7

الأفضل أن لا يظهر scrollbar

وهذا التفكير صحيح

لكن هذي المشكلة يمكن تلافيها بضبط عرض الجدول الذي يحوي الصور على 780px أو أقل

وإن شاء الله لن يظهر شريط scrollbar نشط

ثم اضبط عرض الصورة وطولها مع عرض الخلية وطولها ، وحينها إن شاء الله ما يكون في مشاكل

أو ممكن ترفق لنا الملف كما ذكرت الأخت فلسطينية حتى إن شاء الله نعرف المشكلة فين بالضبط ونساعدك ،،،

بارك الله في الجميع

هذا الموضوع مغلق.

مواضيع مشابهة