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

ارجوا مساعدتي بخصوص موقعي المصمم ب html

بدأه ااهات الحنين في 7 مايو 2012 · 13 رد · 1,795 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم وحمة الله وبركاته

اولا احب اشكركم على منتداكم الرائع جدا حقيقة وليست مجاملة

وثانيا انا جديدة في المنتدى وجديدة في التصميم

سؤالي هو انا فكرت في تصميم موقع خاص بي واحببت البدء باستخدام لغة الhtml حتى اكون ملمة باول لغات البرمجة

المهم انا قمت بتصميم ستايل الموقع الذي اريده وقمت بتقطيع الاستايل وبعد ذلك قمت بعرض تصميمي لم يظهر لي

التصميم بحجم المتصفح وايضا التصميم ظهر لي ليس في الوسط بل بمحاذاة اليسار

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

قمت بفتح ملف ال html لكي اضع compo box ولكن للاسف لم يضبط معي

للتوضيح ملف الhtml في المرفقات

موقعي-الاهلاوي.html

وايضا هذي صورة للتوضيح

1336400216341.png

ارجوا مساعدتي جزاكم الله خير

#2

واضح انك صممتي الواجهه بالفوتوشب ثمل حفظطيها بصغية HTML

في عندك اخطاء في تقطيع الاستايل , المناطق الي تبغي تضيفي عليها كود HTML قطعيها بالفوتشوب حتى تقدري تتعاملي معها

اما بالنسبة للتوسيط استخدمي خاصية margin وضعي لها القيمة auto هذا اذا كنتي تستخدمي CSS اما اذا تعملي على وسوم بشكل مباشرة ضعي القيمة center على خاصية align للجدول

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#3

هلا اخوي

اي انا قمت بتقطيع التصميم بالفوتشوب وانا اتعمل مع لغة html ولااعرف لغة CSS

لكن اخوي كيف اقدر اكتب فوق التصميم

وكيف اقدر اخلي التصميم موسع بحجم المتصفح وليس فقط التوسيط

اتمنى اني اكون عرفت كيف اوصل سؤالي لك وجزاك الله خير

#4

طيب هلا أنا القيقة مش فاهم ... انت عملت التصميم على الفتوشوب و قطعته فطلع عنك صور ... السؤال انت لما عملت التصميم كنت عارف قديش بدك عرض الموقع تبعك يكون و صممت بناء عليه .... ؟؟؟ إذا لأ لازم تعيد التصميم ... إذا آه القصة بسيطة .... ما بعرف على أي برنامج بتشتغل ... بس خلينا نحكي عن الـ Microsoft Sharepoint بدك أول شي ترسم شكل الموقع تبعك بالجداول إذا بتستعمل الجداول .... و مشان تقدر تكتب فوقها لا تستدعي الصورة من insert >>>> pictures استدعي الصورة كخلفية للـ Cell.. و بس القصة بسيطة مش صعبة .... إذا احتجت لشي اسأل و جاهزين للاجابة

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

#5
مجدي عوض كتب:

طيب هلا أنا القيقة مش فاهم ... انت عملت التصميم على الفتوشوب و قطعته فطلع عنك صور ... السؤال انت لما عملت التصميم كنت عارف قديش بدك عرض الموقع تبعك يكون و صممت بناء عليه .... ؟؟؟ إذا لأ لازم تعيد التصميم ... إذا آه القصة بسيطة .... ما بعرف على أي برنامج بتشتغل ... بس خلينا نحكي عن الـ Microsoft Sharepoint بدك أول شي ترسم شكل الموقع تبعك بالجداول إذا بتستعمل الجداول .... و مشان تقدر تكتب فوقها لا تستدعي الصورة من insert >>>> pictures استدعي الصورة كخلفية للـ Cell.. و بس القصة بسيطة مش صعبة .... إذا احتجت لشي اسأل و جاهزين للاجابة

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

هلا والله اخوي ومشكور على الرد

بالنسبة لحجم التصميم انا عملت ال wedth 780 و ال Hight= 1000

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

واتفضل هذا هو تصميم عملته اريدك ان تشرح لي كيف استطيع ان اكتب فوق التصميم بلغة ال html وكيف اجعله يظهر لي بعرض المتصفح لدي وشكرا

مجلد جديد ‫‬.rar

وجزاك الله الف خير يارب

#6

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

بعد كذا احذفي الصورة في هذا المكان واستبدليها بكود HTML

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#7
M.B.O كتب:

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

بعد كذا احذفي الصورة في هذا المكان واستبدليها بكود HTML

مشكور اخوي على الرد وجزاك الله خير راح اجرب طريقتك ان شاء الله

بس انا مستغربة مثلا ل كنت انا مصممة تصميم فيه ازار او Botton

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

نفس الصورة

عالعموم مشكور على المعلمة وراح اخذها بعين الاعتبار وبجربها باذن الله

#8

شوفي يا ستي الموضوع بسيط .... بالنسبة للطول والعرض ... العرض عادة بتراوح ما بين 900 لـ 950 أما الطول فهو أمر متروك بيعتمد على محتويات الصفحة يعني ممكن تعمل طول الصفحة 200 و لما تيجي تعبيها داتا توصل لل 2000 مشان هيك بدك توكني حذرة بالتعامل مع محتويات الـ Body بالذات مع الخلفية .... هلا أي موقع بالدنيا بينقسم لثلاثة أقسام رئيسة ... الأول هو الترويسة أو الـ Header إلى هو عمليا مكان ما بنحط الـ Banner للموقع .... انتي ممكن تصممي البنر بأبعاد 950 بارتفاع 300 مثلا و تحفظيه كصورة مستقلة و يفضل تكون بصيغة PNG و تصممي شكل الزر إلي بك إياه و تحفظي صورة مستقلة بصيغة الـ PNG و تصممي الفوتر و تحفظي بصيغة الـ PNG و خلفية الموقع و هيك ....

هلا مشان أسهل عليكي القصة بعد ما تحفظي الموصور كلها كل وحدة لحال .... بتفتحي برنامج الـ front page أو الـ Microsoft SharePoint Designer أو الـ Adobe Dreamweaver صفحة بيضة فاضية و إذا بتعرفي تستخدمي الجداول ارسمي الموقع بالجداول و بعدين تعالي على الخلية تبعت الـ Banner و استدعي صورة الـ Banner إلي حفظتيها على أساس إنها خلفية للخلية و هيك و لما بتيجي تعمل زر استدعي صورة الزر كصورة عادي من insert >>> Images ... بس القصة بسيطة على كل أنا نزلت الملفات بس أرجع من الشغل بشتغل عليه و بعملك اياه و برفه بس المهم انك تتعلمي ...

#9
majdimasood كتب:

شوفي يا ستي الموضوع بسيط .... بالنسبة للطول والعرض ... العرض عادة بتراوح ما بين 900 لـ 950 أما الطول فهو أمر متروك بيعتمد على محتويات الصفحة يعني ممكن تعمل طول الصفحة 200 و لما تيجي تعبيها داتا توصل لل 2000 مشان هيك بدك توكني حذرة بالتعامل مع محتويات الـ Body بالذات مع الخلفية .... هلا أي موقع بالدنيا بينقسم لثلاثة أقسام رئيسة ... الأول هو الترويسة أو الـ Header إلى هو عمليا مكان ما بنحط الـ Banner للموقع .... انتي ممكن تصممي البنر بأبعاد 950 بارتفاع 300 مثلا و تحفظيه كصورة مستقلة و يفضل تكون بصيغة PNG و تصممي شكل الزر إلي بك إياه و تحفظي صورة مستقلة بصيغة الـ PNG و تصممي الفوتر و تحفظي بصيغة الـ PNG و خلفية الموقع و هيك ....

هلا مشان أسهل عليكي القصة بعد ما تحفظي الموصور كلها كل وحدة لحال .... بتفتحي برنامج الـ front page أو الـ Microsoft SharePoint Designer أو الـ Adobe Dreamweaver صفحة بيضة فاضية و إذا بتعرفي تستخدمي الجداول ارسمي الموقع بالجداول و بعدين تعالي على الخلية تبعت الـ Banner و استدعي صورة الـ Banner إلي حفظتيها على أساس إنها خلفية للخلية و هيك و لما بتيجي تعمل زر استدعي صورة الزر كصورة عادي من insert >>> Images ... بس القصة بسيطة على كل أنا نزلت الملفات بس أرجع من الشغل بشتغل عليه و بعملك اياه و برفه بس المهم انك تتعلمي ...

مشكور اخي على المساعدة والرد الله يجزاك الف الف الف خير يارب

وساخذ بكلامك بعين الاعتار وعندي احساس ان شرحك راح يفيدني باذن الله

مشكور مرة اخرى

#10

اختى الكريمة الموضوع بسيط جدا

اذا كنتى تستخدمى التصميم بالفوتوشوب فيجب عليكي تقطبع الموقع بصورة افضل

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

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

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

ولكن ان استطعتى اختى رفع التصميم بصيغة psd

لاستطيع المساعدة اكثر

#11
mrmola كتب:

اختى الكريمة الموضوع بسيط جدا

اذا كنتى تستخدمى التصميم بالفوتوشوب فيجب عليكي تقطبع الموقع بصورة افضل

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

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

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

ولكن ان استطعتى اختى رفع التصميم بصيغة psd

لاستطيع المساعدة اكثر

الله يجزاك اخوي الف الف خير يارب وجعله في ميزان حسناتك يارب

اتفضل هذا ملف التصمي بصيغة psd

G.png

#12

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

موفقة و اذا احتجتي لشي انا جاهز

Website.zip

1
#13
مجدي عوض كتب:

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

موفقة و اذا احتجتي لشي انا جاهز

جزاك الله الف الف الف خير

وكثر الله من امثالك وجعله في ميزان حسناتك يارب

والله يسهلك امورك في الدنيا والاخرة يارب

والله يحققلك اللي تتمناه

وشكرا

#14

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

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