آموزش جامع و تخصصی طراحی وب سایت
امروزه تقریبا در تمامی وبسایتهای معتبر که دارای محل فیزیکی جهت انجام فعالیت های خود هستند، نقشه محل فعالیت در صفحه تماس با ما دیده می شود. پیش تر در نوشته ای تحت عنوان " قرار دادن نقشه محل مورد نظر در صفحه تماس وب سایت " چگونگی انجام این کار را به صورت دستی از طریق وب سایت گوگل آموزش داده بودم اما با تغییرات سریع گوگل اکنون جای بسیاری از آیکون ها و بطور کلی روال انجام کار تغییر یافته است. در این آموزش قصد دارم سرویس رایگانی را به شما معرفی کنم که تنها با چند کلیک ساده در دو مرحله همه آنچه را که برای استفاده از نقشه گوگل نیاز دارید برای شما فراهم میکند. [بیشتر]همانطور که میدانید توسط CSS شما میتوانید یک پس زمینه برای عنصر مورد نظر خود قرار دهید. محدودیتی که در گذشته در CSS وجود داشت این بود که برای هر عنصر فقط یک پس زمینه میتوانستید قرار دهید و چنانچه نیاز به قرار گرفتن چند تصویر پس زمینه روی یکدیگر بود، باید از روش های غیر متعارف دیگر استفاده می شد. اما اکنون CSS3 به شما این امکان را می دهد که برای هر عنصر از چند پس زمینه استفاده نمائید. در این آموزش نحوه استفاده از Multiple Backgrounds را به شما نشان خواهم داد. [بیشتر]تا پیش از ظهور HTML5 بسیاری از موارد در طراحی و پیاده سازی صفحات وب یا ناممکن بود و یا نیازمند صرف ساعت ها زمان. در HTML5 امکانات بسیار کاربردی و جالبی وجود دارد که به شما کمک می کند تا وبسایتهایی جذاب و قدرتمند طراحی کنید. در برخی موارد استفاده از این قابلیت ها بسیار ساده است؛ تا حدی که تنها با افزودن یک تگ یا صفت قابل پیاده سازی هستند. عدم اطلاع از این تگ ها، صفات و خاصیت های کاربردی می تواند به بهای اتلاف ساعت ها وقت با ارزش یک طراح وب تمام شود. در این آموزش 10 مورد از پرکاربردترین عناصر موجود در HTML5 را معرفی خواهم کرد که استفاده از برخی از آنها در هر وبسایتی که طراحی میکنید اجتناب ناپذیر است. [بیشتر]شما میتوانید با استفاده از کدهای CSS تصاویر نشان داده شده در وب سایت خود را به صورت بر عکس و قرینه نشان دهید. فرض کنید در محلی از صفحه وب سایت خود تصویر فِلشی که به سمت راست اشاره می کند دارید. دیگر نیازی نیست برای نشان دادن فلشی به سمت چپ یک تصویر به حجم وبسایت خود اضافه کنید. کافیست با استفاده از این تکنیک تصویر موجود را قرینه کنید. همچنین متوانید تصاویر متنی، دکمه ها، تصاویر پس زمینه و ... در وب سایت خود را توسط این روش در جهت مخالف نمایش دهید. [بیشتر]از آنجا که جداول اطلاعات زیادی را در سطرهای نزدیک به هم نشان میدهند، ممکن است کاربر هنگام دنبال کردن محتوا در سطرهای مختلف درچار اشتباهاتی در برداشت اطلاعات شود. از این رو برای ایجاد تفاوت بین سطرها و قابلیت تمایز برای چشم هایی که سطر های نزدیک به هم را مشاهده میکنند، سطرهای جداول را به صورت یکی درمیان با رنگ های متفاوت نشان میدهند. اینکار از طریق تکنیک های مختلفی صورت میگیرد اما امروزه با ظهور CSS3 به سادگی توسط چند خط کد CSS و بدون نیاز به هیچگونه کد جاوااسکریپت و غیره می توان این قابلیت را به جداول نمایش داده شده در وبسایت خود اضافه کنید. [بیشتر]دکمه چاپ صفحات وب سایت یکی از قابلیت هایی است که بر حسب نیاز و نوع محتوا می تواند به وب سایت شما افزوده شود. شاید برخی از کاربران از نحوه پرینت گرفتن توسط امکانات پیش فرض مرورگر خود بی اطلاع باشند و نتوانند محل دکمه Print (کلید میانبر Ctrl+P) را به راحتی پیدا کنند و یا اینکه دکمه چاپ پیش فرض در مرورگر علاوه بر متن اصلی مورد نظر آنها، عناصر غیر ضروری دیگری مانند منوها، تبلیغات و غیره را در نسخه پرینت نشان میدهد. در این شرایط وجود یک دکمه پرینت که محتوای اصلی صفحه را تمیز و مرتب برای چاپ در اختیار آنها قرار دهد، کاربر را از سردرگمی و یا کارهای زمانبر نجات خواهد داد. در این آموزش چگونگی انجام اینکار توسط کدهای CSS و جاوااسکریپت نشان خواهم داد. [بیشتر]در این آموزش قصد داریم تنها با استفاده از کدهای CSS افکت هایی برای باکس های صفحات وب بوجود آوریم که تا پیش از ظهور CSS3 تنها با استفاده از تصاویر ممکن بود.انداختن سایه توسط تصاویر نه تنها زمان زیادی به واسطه طراحی گرافیکی در فتوشاپ طلب میکرد، بلکه باعث کاهش سرعت بارگزاری و افزایش حجم صفحات وب نیز می شد. اما با استفاده از CSS3 میتوان سایه ها و افکت های بسیار زیبایی را برای انواع باکس ها و جعبه های استفاده شده در وبسایت تنها با چند خط دستور ساده اعمال کرد. استفاده از این تکنیک بسیار ساده است و شما میتوانید با یادگیری فرمت کلی دستور افکت های مورد نظر خود را نیز بوجود آورید. [بیشتر]پنجره های پاپ آپ امروزه به یکی از پرکاربردترین عناصر صفحات وب تبدیل شده اند. یکی از دلایل محبوبیت این پنجره های مودال، کاهش تعداد postback ها یا رفتن از صفحه ای به صفحه دیگر است. لزومی ندارد برای نمایش یک پیغام چند خطی و یا یک فرم کوچک مانند فرم لاگین که تنها چند فیلد دارد، کاربر را به صفحه دیگری هدایت کنیم. در این ارسال نحوه ساخت یک پنجره مودال پاپ آپ بسیار کم حجم را شرح خواهم داد. سادگی این پنجره پاپ آپ به شما امکان میدهد به راحتی آن را برای وبسایت خود سفارشی کنید. [بیشتر]
tooran
چهارشنبه 18 فروردین 1395 ساعت 10:44
