نحوه‌ ویرایش عملکرد و یا غیرفعال کردن دکمه‌ Backspace در مرورگر فایرفاکس

آموزش طراحی چیدمان یک ستونه با عرض متغیر با نرم افزار DreamWeaver

آخرین چیدمان قالب ، چیدمان یک ستونه با عرض متغیر می باشد . 3 چیدمان اصلی را در بخش های قبلی آموزش داده ام . (چیدمان دو ستونه با عرض ثابت /چیدمان دوستونه با عرض متغیر / چیدمان یک ستونه با عرض ثابت ) علاقه مندان به قسمت طراحی وب دقت داشته باشید که ابتدا و بعد از یادگیری زبان HTM. CSS و نرم افزار دریم ویور باید با انواع قالب بندی یک قالب وب سایت آشنایی کامل داشته باشید تا بتوانید اطلاعات دقیقی را در اختیار مشتریانی که قصد طراحی وب سایت برای آنها دارید ، بزارید .

1. نرم افزار DreamWeaver را اجرا کنید . یک صفحه HTML و یک صفحه CSS در یک فولدر به نام website4 ایجاد کنید . (ابتدا باید یک فولدر بر روی دسکتاپ با نام مورد نظر (نام وب سایت) ایجاد کنیم تا بعد از اینکه صفحات ایجاد شد ، هر فایل را در پوشه مورد نظر ذخیره نمائیم . به عنوان مثال پوشه website3 که درون آن یک پوشه دیگر به نام CSS وجود دارد )

آموزش طراحی چیدمان دو ستونه با عرض ثابت با نرم افزار DreamWeaver

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

من هر 4 نوع چیدمان را به صورت کاملا تصویری در 4 درس با نرم افزار DreamWeaver آموزش میدهم . امروز می خواهم چیدمان دو ستونه با عرض ثابت را برای شما با نرم افزار دریم ویور طراحی کنم .

1. نرم افزار DreamWeaver را اجرا کنید . یک صفحه HTML و یک صفحه CSS در یک فولدر به نام website1 ایجاد میکنم . (ابتدا باید یک فولدر بر روی دسکتاپ با نام مورد نظر ایجاد کنیم تا بعد از اینکه صفحات ایجاد شد ، هر فایل را در پوشه مورد نظر ذخیره نمائیم )

کار با تصاویر در نرم افزار DreamWeaver CS5

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

آشنایی با فرمت های تصویری 
در وب سایت از 3 فرمت برای تصاویراستفاده می شود .
فرمت اول JPG می باشد : این فرمت گزینه مناسبی برای عکس و تصاویر با رنگهای متفاوت می باشد .این فرمت بیشتر برای تصاویر کوچک که حجم آنها زیاد نمی شود ، پیشنهاد می شود بدلیل اینکه تصاویر رنگی با کیفیت بالا گزینه مناسبی برای این فرمت نمی باشند و در صورتیکه حجم فایل را بخواهید با نرم افزار کمتر کنید ، کیفیت تصاویر مورد نظر افت پیدا می کند . 
فرمت دوم  GIF می باشد : ایده آل برای تصاویر کوچک و یا تصاویر تک رنگ می باشد . من برای تصاویر آموزش از GIF استفاده میکنم بدلیل اینکه با کوچک کردن اندازه تصویر ، کیفیت کاسته نمی شود و حجم کمتری نسبت به فرمت JPG دارد تقریبا 50 درصد کمتر می باشد . 
فرمت سوم PNG می باشد : این فرمت تقریبا شبیه فرمت GIF می باشد با این تفاوت که GIF دارای پالت رنگ 8 بیت می باشد ولی PNG دارای پالت رنگ 24 بیت ،به همین دلیل حجم سایز فایل مورد نظر بیشتر می باشد . این فرمت برای تصاویری بیشتر برای تصاویری استفاده می شود که دارای پس زمینه نمی خواهیم باشد .

آموزش کار با متون در نرم افزار DreamWeaver CS5

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

آشنایی با نوع فونت در وب سایت - Font Family