Archive for the ‘طراحی وب’ Category

چطور قالب بسازیم(سری دوم)

سپتامبر 13, 2007

در پی ادامه مبحث قبلی در دو ÷ست قبلی  به مراحل طراحی قالب و طور کلی توضیح دادیم.حال نوبت توضیح بیشتر در مورد هر مطلب می باشد و به ترتیب مراحل کار از قسمت طراحی و چگونگی کار با فتوشاپ توضیح می دهیم.

 فتوشاپ

برای شروع شما اولین کاری که باید انجام بدین اینکه باید طرح اولیه قالب رو در فتوشاپ ایجاد کنید یعنی طرحی که دوستدارین قالبش رو بسازین با فتوشاپ مثل یک عکس معمولی ایجاد کنید و کلیه بنر ها منو ها قسمت مربوط به پست را در آن ایجاد کنید و بعد اجزای آن رو از هم جدا کنید یعنی شما باید اول یه طرح به هم پیوستهاز قالب  ایجاد کنید و بعد اون ها رو از هم جدا کنید مثلا قسمت هدر جدا قسمت بالای پست.پایین پست و پایین قالب همه رو باید از هم جدا کنید.

مرحله بعد اینکه هر کدام از قسمت هایی که جدا کردید رو باید به طور مخصوص ذخیره کنید:یعنی طوری ذخیره کنید که بدون اینکه از کیفیت عکس کم بشه حجم عکس پایین بیاد چون این مسئله خیلی مهم که حجم عکس ها و در نتیجه حجم سایت کم باشه اصولا خیلی از بازدید کننده ها حوصله منتظر مودن برای لود شدن سایت سنگین نمی شن و خیلی راحت دکمه کلوز مرورگر رو می زنن و به همین راحتی شما خیلی از بازدید کننده هاتون رو از دست می دید حالا برای کم شدن حجم عکس در فتوشاپ ابزار مخصوصی قرار داره که میشه توسط اون حجم عکس ها را به طور قابل ملاحضه ای کم کرد ولی این مبحث برای خودش کلی آموزش نیاز داره که من نمیتونم در این فضای وبی همش رو توضیح بدم ولی می تونم به طور مختصر بهتون بگم که یکی از راه های کم کردن حجم  عکس این هست که ابتدا بای عکس مورد نظر رو در فتوشاپ باز کنید و بعد از منوی فایل قسمت Save for web و یا از کلیدهای میانبر Alt+Shift+Ctrl+S استفاده کنید که یک پنجره باز میشه در سمت راست در کادر بزرگ عکس مورد نظر رو می بینید که می خواهید حجم اون رو کم کنید و در سمت چپ امکاناتی برای تغییر مشخصات عکس دارین  در صورتی که اطلاعات لازم رو دراین رابطه دارین می توانید از گزینه ها استفاده کنید و تنظیم دلخواه را بروی عکس پیاده کنید و درصورتی که اطلاعاتی ندارید می تونید از گزینه های پیش فرض استفاده کنید که به صورت اتوماتیک حجم عکس را کم می کند.

خوب امیدوارم این مطالب رو متوجه شده و مورد استفاده تان قرار گیرد.

در ضمن این سری آموزش ها ادامه دارد در قسمت بعد در مورد چگونگی کار با برنامه های طراحی صفحات وب توضیح می دهیم.

چطور قالب بسازیم(سری اول)

سپتامبر 13, 2007

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

خوب حالا باید از کجا شروع کنیم.

۱.برای شروع کار شما باید اول کار با فتوشاپ,کورل درا,فلش,یا امثالهم را یاد بگیرید البته این بستگی به شکل و شمایل قالب طراحی شما داره ولی اگر قالب ها شما در سطح قالب های ما باشه فقط کافی فتوشاپ رو یاد بگیرید.

۲.باید کار با برنامه دریم ویر شرکت ماکرومدیا و یا فرونت پیج شرکت مایکروسافت رو یاد بگیرید.و اگر نظر nvdl ,dvمن رو راجب این برنامه ها می خواین بدونید من نظر اینه که کار با فرونت پیج به مراتب راحتر از  دریم ویر  هست ولی در عوض امکانات طراحی و کدنویسی در دریم ویر به مراتب بیشتر از فرونت پیج است.وخلاصه این که دریم ویر یه برنامه قوی ودر عوض حرفه می باشد و برای شروع پیشنهاد نمی شود و من خودم در ابتدای کار با فرونت پیج شروع کردم و از این تعداد قالب فقط ۶ تای آخر رو با دریم ویر طراحی کردم و ما بقی با فرونت پیج هست.

۳.دانستن مقدار کمی زبان برنامه نویسی تحت وب برای کار با کد های Html ,java که این به شما خیلی کم می کنه.

۴.دانستن کد ها و زبان اون سرویس وبلاگ نویسی که به شما وبلاگ داده مثل بلاگفا که یک سری تگ هستش که باید در جای خاص خودش قرار بگیرد.

حالا فعلا همین ها رو داشته باشین تا در پست های بعدی توضیحات تکمیلی ۴ گزینه بالا رو به شما توضیح دهیم.

منبع: تک پی سی