نصب قالب به صفحه

stalker

Member
سلام
نمی دونم درست اومدم یا نه ولی امیدوارم که جواب بگیرم
من تا الان فهمیدم که قالب هایی که داره طراحی میشه عبارته از یک تصویر که مثلا توی فتوشاپ طراحی میشه
حالا سوال من اینه که چطور باید این تصویر رو لینک بندی کنیم
یه جایی دیدم که از تگ map استفاده شده بود
منتها من از این تگ چیزی میدونم اینکه اصلا اچ تی ام ال هست یا نه
و دیگه اینکه تصویر رو چطوری میشه تقسیم بندی کرد
این رو هم بگم که من تاحالا با اچ تی امل صفحات رو جدول بندی می کردم بعد عکس هایی رو برای ردیف ها و ستون ها طراحی میکردم
ولی تازه فهمیدم که میشه یک تصویر یک پارچه طراحی کرد ولی بقیه مراحل رو هنوز نفهمیدم
اساتید خواهش می کنم راهنمایی کنید
 

DaRiOuShJh

Member
سلام
نمی دونم درست اومدم یا نه ولی امیدوارم که جواب بگیرم
من تا الان فهمیدم که قالب هایی که داره طراحی میشه عبارته از یک تصویر که مثلا توی فتوشاپ طراحی میشه
حالا سوال من اینه که چطور باید این تصویر رو لینک بندی کنیم
یه جایی دیدم که از تگ map استفاده شده بود
منتها من از این تگ چیزی میدونم اینکه اصلا اچ تی ام ال هست یا نه
و دیگه اینکه تصویر رو چطوری میشه تقسیم بندی کرد
این رو هم بگم که من تاحالا با اچ تی امل صفحات رو جدول بندی می کردم بعد عکس هایی رو برای ردیف ها و ستون ها طراحی میکردم
ولی تازه فهمیدم که میشه یک تصویر یک پارچه طراحی کرد ولی بقیه مراحل رو هنوز نفهمیدم
اساتید خواهش می کنم راهنمایی کنید

سلام
دوسته عزیز این نوع طراحی سره دراز داره
بسته به اینکه چه طوری میخواید سایتتون باشه مراحل مقادیری فرق داره
ولی من روشه اصلی رو میگم
سایته خودم رو هم 5 سال پیش به همین روش درس کردم
همینطور فروم رو

1. طراحیه قالب در فتو شاپ با پیکسلی که میخواید طراحی بشه
بسته به نوعه محتوا و دلخواهه شما میتونه 780 در ... پیکسل یا 1000 در .... و همینوطر ... باشه
استاندارد همون اولیه
height مهم نیس چه قد باشه ولی width باید دقیق همین حدودا باشه

2. هر بلایی خواستید تو فتو شاپ سرش میارید

3. در مرحله یه آخر شما باید ذخیره کنید معمولا با پسونده jpg
شما باید بسته به طراحیتون و استفاده از کدهایه table div td و ... به همون مقدار و پیکسل تقسیم کنید و ببرید
فتوشاپ خودش میتونه ببره ولی اینطوری به مراتب دقیق تر و بهتره

در این مرحله کار آمدترین ابزار rulers یا همون ctrl + R در فتوشاپ هست که به دقیق تر در اومدنه تیکه ها کمک میکنه

4. اون قسمت هایی که میشه از background repeat استفاده کنید رو هم مشخص کنید

سادس و کار آمد
طراحانه حرفه ای از همین روش استفاده میکنن

-------------------------------------

روشه map هم روشه فدیمی هست و برایه html
با فرانت پیج راحت میشه استفاده کرد از این روش
به نظره من اصلا به کار نمیاد و روشه قبل بهتره چون:

1. از rollover نمیتونید استفاده کنید
2. منسوخ شده
3. حجمه کار رو میبره بالا چون باید از کله عکس معمولا استفاده کنید

موفق باشی عزیز:wink:
 

stalker

Member
ممنون از توضیحاتتون
من یه مشکل دیگه هم دارم
دفعه پیش اندازه فونت ها و بقیه چیز ها رو با توجه به صفحه کامپیوتر خودم طراحی کردم ولی وقتی سایت رفت رو اینترنت تو بعضی از مانیتور ها اندازه ها ریخته بود به هم
آیا استاندارد خاصی وجود داره که صفحه ها همه جا یه شکل نمایش داده بشه ؟
 

DaRiOuShJh

Member
ممنون از توضیحاتتون
من یه مشکل دیگه هم دارم
دفعه پیش اندازه فونت ها و بقیه چیز ها رو با توجه به صفحه کامپیوتر خودم طراحی کردم ولی وقتی سایت رفت رو اینترنت تو بعضی از مانیتور ها اندازه ها ریخته بود به هم
آیا استاندارد خاصی وجود داره که صفحه ها همه جا یه شکل نمایش داده بشه ؟

:wink:خواهش
هه هه هه
اشتباهی تشکر کردم
اندازه یه فونت اگه یا استایل و ... طراحی بشه ثابت باید باشه چه تو resolution های مختلف چه سیستم های مختلف
ولی شاید از فونتهایه خاصی استفاده کردید که هعمومی نیستن و طرف بیاد داشته باشتشون تا نشون بده درغیره این صورت از یه فونته پیش فرض استفاده میکنه
 

stalker

Member
مگه فونت tahoma فونت خاصیه ؟
بعد هم مشکل من بیشتر با تصاویره
مثلا من یه جدول طراحی کرده بودم با سه ستون که ستون وسطی بزرگتر از دو تا ستون اطرافش بود بعد هم یه پس زمینه برای هر ستون طراحی کردم
که مثلا عرض تصویر ستون های کوچیک 140px بود و عرض ستون بزرگ 780px .این اندازه ها هم موقع طراحی تصویر هم تو نوشتن کد اعمال شد
ولی توی بعضی از کامپیوتر ها پس زمینه ها نصفه می افتاد
نمی دونید مشکل از کجا بود ؟
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
شما سایز فونت را بر چه مبنایی گرفتید، بیشنر بر جسب pt توصیه می شود.
فونت های پیش فرض برای ویندوز: arial, verdana, times new roman, tahoma
فونت های پیش فرض ویندوز : sans-serif, helvetica
مثال:
HTML:
<style type="text/css">
body {
font: normal bold 10pt arial, verdana, tahoma, sans-serif, helvetica, 'times new roman' ;

}

</style>
 

DaRiOuShJh

Member
شما اگه تونستی صفحه رو یا لینکی به اون رو بزار تا ببینیم مشکل از کجاس

شما پیکسلی کار کردی یا درصدی؟
اینا جمعشون 1060 میشه حدودا که از 1024 هم بیشتره
 

جدیدترین ارسال ها

بالا