اگر من بخوام دو قالب طراحی کنم خیلی چیزهاش یکسان هستند. مثلاً اندازه طراحی که در فتوشاپ مثلا می کنم و تنظیم اندازه در css و اینکه padding و اینا نداشته باشه. میشه از دسته بهم بگید. ممنون میشم. اندازه طراجی در فتوشاپ برام خیلی مهمه
برای طراحی یک قالب چه چیزی نیاز هست بدونم؟ مثلا در فتوشاپ که بخوام طراحی کنم همیشه این سوالم بود که چه اندازه ای مناسبه طرح منه! و در نوشتن کد هاش باز برام این سوال بوده که چطوری خیلی خوب بنویسم کدهامو. خواهش می کنم در این مورد توضیح (کامل ترجیحا) بدهید. سپاس دارم آقا پویا جان بالاخره شما به داد ما رسیدی. خدا ازت راضی باشه.
دوست عزیز طراحی قالب وب بسته به نوع قالب مخاطبان سایت و مشتری متفاوت است چه از لحاظ اندازه چه رنگبندی و ...... اندازه رو از روی رزولیشنی که بیشتر بازدید کننده ها ی وب سایتت دارن تنظیم میکنند اصولا مثلا الان بیش از 70% کاربران از رزولیشن 1024x768 به بالا استفاده میکنند که این میشه یکی از بیس های اندازه گذاری قالب البته عرض بیشتر مهم هست چون طول بسته به مطالب داخل وب سایت تنظیم میشه.
برای کدنویسی قالب هم بهتر هست از html/css به صورت tabaleless استفاده کنی یعنی بدون استفاده از جداول و با استفاده از تگهای div p li ul span و تگهایی تو این رنج سایتتو بسازی.
امیدوارم اون چیزی که میخواستی رو از توضیحاتم فهمیده باشی
سایز قالب 2 حالت داره:ثابت باشه یا با % نسبت به عرض تغییر کنه.
اگه عرض متغییره که هیچی، ولی اگه ثابته ، باید کمتر از 1024 باشه که تو این رزولوشن اسکرول افقی نداشته باشه. (معمولا کمتر از 1000 پیکسل استفاده میشه)
تو فتوشاپ در واقع یه نمای کلی طراحی میشه. بعد از اسلایس، قسمت هایی از اسلایس که بدون عکس ( یا با عکس کم حجم تر مثل گرادینت های افقی و عمودی/ پترن و...) میشه به وجود آورد رو به صورت repeat در بکگراند div ها میذاریم.
مثلا تو این قسمت از طرح:
بخشی که با رنگ سبز مشخص کردم، داره به صورت افقی تکرار میشه و ما میتونیم یه div بذاریم و عکس ی با width کمتر رو تو بکگراندش تکرار کنیم.
* اسلایسی که فتوشاپ اکسپورت میکنه با table دست شده، باید با div ها و margin و padding همون شکل کلی رو با استفاده از عکس های اکسپورت شده در بکگراند div ها به وجود بیاریم.
----------------
حالا تو کد نویسی ؛ با padding و margin در فایل css اندازه ها تنظیم میشن؛
در هر مرحله صفحه باید با مرورگر های مختلف تست بشه که بعدا مشکلی پیش نیاد.
تو این مرحله بعضی مرورگر ها مثل IE6 و 7 یا اپرا ممکنه رفتار های عجیبی با padding ها و margin ها و positon ها و حتی float ها داشته باشند که برای حل این مشکل، برای اون مرورگر ها کد CSS جداگانه ای نوشته میشه که فقط تو همون مرورگر اجرا بشه...
وبسایتی که پوسته دو منو ای داره و کامل هست یعنی وسط نیست. از چپ به راست کاملا و به دیواره ها چسبیده، این نوع طرح مثلا در فتوشاپ بخوایم داشته باشیم چه پیکسلی شما تعیین می کنید؟
واسه عرض متغییر دیگه فرقی نمی کنه!
مثلا میشه با عرض 900 تو فتوشاپ طراحی کرد، بعد عرض قسمت هایی که باید کش بیاد با % مشخص میشه.
مثل همین قالب مجیدآنلاین:
آقایون مخصوصا داش پویا جان گلم من یک مشکلی دارم. خوب یک چیز هایی رو فهمیدم اما نمی دونم چرا نمی تونم بهتر طراحی کنم. من یک طراحی کردم خیلی ساده. یک عنوان هست که دو گوشه ثابت داره و یک وسط متغیر. یک بخش بدنه هست که تغییر می کنه و یک عکس زیرش که ثابت هست. مشکل من اینه که اینهارو نمیتونم خوب کنار هم جفت و جور کنم. همینطور نحوه div بندی هم بلد نیستم. چون مثلا id داریم و class نمی دونم آیا هر بخش یک id می خواد یا هر چند بخش یک id . لطفا اگر متوجه مشکل من شدید حتماً می دونید مشکل اصلی من چیه. اون رو برام توضیح بدید. خیلی خیلی خیلی ممنونم
شما کارت رو بزار تا بهت بگم مشکلات کجاست و چطوری میتونی رفعش کنی مشکلات رو در مورد id و کلاس هم بسته به نیاز باید گذاشت مثلا برای اکثر عناصر اصلی صفحه باید کلاس تعریف کرد تا انعطاف گرافیکی بالا بره یعنی راحت تر بشه روش به وسیله css مانور داد و id هم اکثرا برای کدنویسی و آدرس دهی محل المان استفاده میشه.
چرا سفارش سیمان به صورت عمده میتواند سرمایهگذاری بهتری باشد؟
