PDA المساعد الشخصي الرقمي

عرض كامل الموضوع : How to make templates using frontpage



روكساس
03-04-2009, 13:29
hi every one

well, i'm confused and i need your help
can anybody tell me how to make website's layouts and templates ? all what i found in the internet is about making a website using frontpage
and i already have a website but i don't know how to make a templates and things like that

so , if you are able to tell me how , i'll appreciate that

روكساس
04-04-2009, 10:23
anyone ?

عبقرينو2
04-04-2009, 17:13
الصراحة مدري أكتب لك إنجليزي أو عربي

راح أكتب لك عربي وإذا تبين إنجليزي أعيد كتابته

المهم لو بحثتي مجرد بحث بسيط لوجدتي أن templates

هي مواقع جاهزة تم تصميمها أو برمجتها بشكل معين وهي جاهزة لإدخال البيانات عليها

أشبه ماتكون بالهيكل العظمي وبعدين تكسيها بما تريدين

في العادة الناس يعدلون عليها بالفرونت بيج عشان كذا دائما يطلع لك وفي برنامج إحترافي وههو دريم ويفر

بس الشغل الإحترافي يكون بالتعديل عن طريق لغة البرمجة نفسها {HTML و CSS} وفي العادة فقط html

في المرفقات وضعت لكي قالب كمثال

راح تلقي فيه ملف blank وهو يحتوي الصفحة بلغة html ومعها الصور والتنسيق بلغة css
وهي فارغة من المحتويات وماعليكي إلا وضع ماتريدين في الفراغات أو حتى تعدلي على القالب بالفرونتبيج أو غيره

وكمان ملف sample وهو نفس القالب الفارغ ولكن تم إدخال معلومات تجريبية فيه

وملف Fonts ويحتوي الخطوط المستخدمة في القالب أو في صور القالب حتى لا يتم تشويه الموقع بخطوط لاتناسبه

هذا شرح بسيط بالنسبة للقوالب

وهذه صورة القالب نفسه بعد إضافة بياناته

http://www.mexat.com/vb/attachment.php?attachmentid=784874&stc=1&d=1238864901

ولو مافهمتي أو بغيتي طلب محدد أنا موجود

ومعليش على التأخير

تحياتي

عبقرينو

روكساس
05-04-2009, 14:07
lool there is no difference if it is arabic or english , it is all about my computer system can't use arabic language to write
what you posted is usful


well, i've made a layout using photoshop with navigation and 3 columns
then i used slice tool, after that i choosed sve for web .
( on frontpage , i opened the layout there ( which is HTML Document
so i want to code this layout but the coding thing appears like what is shown in document that i attached with my reply
i know i used a lot of pictures and that is why the codes contain images codes
so my question is , how can i modify the code in order to make it like other templates codes , so i can use it for my website ?
i'm soo sorry for bothering you

عبقرينو2
05-04-2009, 16:59
حاولي تشوفي له حل جهازك ولو أنه أفضل لك أنك تظليين مع الإنجليزي {تعودنا نعيش بالإنجليزي في الجامعة وأثرت على حياتنا}

المهم بما أنك فهمتي السالفة الأولى فنجي للسالفة الثانية

شغل الفوتوشوب يطلق عليه واجهات {واجهة موقع}

والواجهة عادة تخرج من الفوتوشوب كاملة بكل محتوياتها فيصعب تعديلها عادة بالفرونتبيج أو غيره

نظرا لأنه أي تحريك في جزء من الجداول إلي فيها الصور راح تتأثر فيه باقي الجداول

عالأقل لازم تسوي نقاط للتمدد حتى لو تمدد الموقع للأسفل لا يتأثر أي شيء

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

فالجزء الأوسط فيه وهو المحتوى --- مهما كانت الصور كبيرة أو صغيرة والدروس طويلة أم قصيرة فإنه سوف يتمدد بدون مشاكل

تستطيعين وضعه في الفرونت بيج لتجربي

وفي العادة يقسم الموقع لثلاثة أقسام

القسم العلوي وسمى {header} وهو الذي تكون فيه البنرات والروابط الرئيسية للموقع وعادة يكون ثابت في جميع صفحات الموقع والمنتدى

القسم الأوسط وهو الذي يتمدد للأسفل {عادة} ويكون فيه محتوى الموقع مهما كان {مثل المواضيع هنا وردودها وقوائمها}

القسم السفلي وفي العادة يسمى {footer} ويحتوي عادة بيانات الموقع مثل الإصدار وإسم المصمم وحقوق الطبع وإصدارة البرنامج وعادة يكون ثابت ولا يتغير مثل header


so my question is , how can i modify the code in order to make it like other templates codes , so i can use it for my website ?
إذا ما إكتشفتي التعديلات التي تحتاجيها

فلازم تقولي لي شنو تبين تسويين فيه أو شنو تخيلك له بعد التعديل ؟

حتى أقدر أتوقع شنو يحتاج تعديلات

ولو مافهمتي شي إحنا موجودين

تحياتي

عبقرينو

روكساس
05-04-2009, 17:37
umm , well when i tried the code that i attached in my previous post , i tried it in my site nothing happened to the theme in the site
so, when i took a look on other layouts codes i found there is some fonts codes and colores codes ....and so on
and as you noticed in my code there is no any codes like that , they are all images codes
and yah i know about header , body and footer , and i think they are most important things in coding , right ? and as you get i don't know how to make them or put them in the code
i have a question , should i make the header and the footer only in photoshop ? i mean the background colors should be done by front page , should not they ? cause i made the background in photoshop

lool about my computer , it is creazy , i can sell it with one SR only

i'll see the template that you made , brb on wednesday