0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی 09133886881 احمدپور

css

10 افکت css
مطالعه :

معرفی css در این مقاله تیم طراحی سایت اصفهان وب یار قصد دارد شما را با 10 افکت css آشنا کند. css زبانی برای استایل دهی به عناصر html است که به کمک آن می توانید به زیباسازی صفحات وب بپردازید. هنگامی که تگ هایی مانند <font> به  html اضافه شدند، توسعه دهندگان وب را دچار نگرانی کرد؛ چرا که اضافه کردن رنگ و فونت در سایت های بزرگ در هر بخشی از صفحه بسیار زمان بر بود. برای حل همین مشکل، کنسرسیوم جهانی وب (W3C) پروژه CSS را شروع کرد. با امکاناتی که css در اختیارمان قرار می دهد می توانیم طرح های بسیار زیبایی در صفحات سایت ایجاد کنیم. در این مقاله 10 افکت css را در اختیار شما دوستان وب یار قرار می دهیم. با ما همراه باشید تا قدرت  css را به شما نشان دهیم.   1- تصویر سه بعدی ممکن است در بعضی از سایت ها دیده باشید که وقتی موس را روی تصویر می برید، تصویر به صورت سه بعدی در می آید و متنی که در پشت آن پنهان شده به نمایش در می آید. در این قسمت می خواهیم این افکت زیبا را با کدهای html و css ایجاد کنیم بدون این که از کد جاوا اسکریپت استفاده نماییم. کد html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <link rel=”stylesheet” href=”style.css” type=”text/css”> […]

از بین بردن border تصاویر در برخی از مرورگرها
مطالعه :

حذف border تصاویر در مرورگرها برخی از مواقع هنگامی که شما یک تصویر را بر روی یک صفحه­ ی وب لینک می دهید ، بعضی از مرورگرهای وب به­ طور خودکار یک حاشیه در اطراف تصویر اضافه می­ کنند. در این مقاله به معرفی روش­ هایی می­ پردازیم که با استفاده از آن­ ها بتوانیم این border تصاویر را از بین ببریم و یا ایجاد کنیم. برای حذف border تصاویر در برخی از مرورگرها ، دو روش مختلف css  وجود دارد. از بین بردن border تصاویر در روش اول می­ توان  css , style را به­ صورت داخلی به تگ img اضافه کرد. لذا برای از بین بردن border تصاویر باید مقدار border attribute تگ img را صفر و یا none در نظر گرفت. <a href=”#” target=”_blank”> <img src=”#” alt=”example of image without a border” style=”border: 0 or none;”> </a>   با توجه به این­که روش اول (inline styles) مدت زمان زیادی است که دیگر استفاده نمی­ شود ، امروزه بهتر است برای نوشتن یک  style  از یک external stylesheet به جای اضافه کردن style به­ صورت مستقیم به تگ­ های html استفاده کرد. بنابراین برای از بین بردن border تصاویر ،  یک فایل با نام style.css ایجاد کرده و کد زیر را به آن اضافه می کنیم. a img { border: 0; } یا a img { border: none ; […]

کد html قرار دادن متن در اطراف تصاویر
مطالعه :

چگونه می­ توان واژه­ ها را در اطراف تصویر قرار داد؟ شاید یکی از اولین چیز­هایی که می­ خواهید در طراحی سایت از آن­ استفاده کنید ، تصاویر ­باشد. اما نه فقط یک تصویر ساده ای که در جای خود محصور شده است. بلکه می خواهید ایده های خلاقانه خود در طراحی سایت بکار ببرید و متون سایت را در اطراف تصاویر قرار دهید. در صورتی که می خواهید طریقه ی قرار دادن متن در اطراف تصاویر با استفاده از html را یاد بگیرید ، با تیم طراحی سایت اصفهان وب یار همراه باشید. همچنین اگر قصد دارید از کد css برای قرار دادن متن در اطراف تصاویر استفاده کنید ، لازمه است که مقاله ی چیدمان مکان عکس در کنار مطلب توسط css را مطالعه فرمایید. اما چگونه می­ توان توسط html تصاویر و کلمات را در کنار یکدیگر به­ کار برد؟   نحوه ی چینش متون در اطراف تصویر شما می­ توانید با استفاده از خصوصیت ALIGN تصاویر را در صفحه قرار دهید و این خصوصیت دارای چهار مقدار TOP,LEFT,RIGHTو Bottom می­باشد. مقدار انتخابی شما برای این خصوصیت تعیین خواهد کرد که متن مجاور در اطراف تصویر چگونه قرار گیرد.  اگر تصویر داخل یک تگ<p> یا <h1> قرار داده شده باشد و خاصیت ALIGN تنظیم نشده باشد, مقدار پیش­فرض Bottom می­باشد. در صورتی که از کد html زیر […]

تایپوگرافی
مطالعه :

تایپوگرافی در طراحی سایت در این پست قصد داریم به اهمیت تایپوگرافی در طراحی سایت و تأثیر مستقیم آن بر سئو سایت بپردازیم. همانطور که قبلاً هم اشاره کردیم بسیاری از سایت ها داده محور و مطلب محور هستند و محتوای سایت در آن ها بسیار حائز اهمیت است. بنابراین می بایست توجه ویژه ای به سبک و سیاق نوشته ها در طراحی سایت داشته باشند. تایپوگرافی در بر دارنده ی احساس کاربر نسبت به ظاهر نوشته های موجود در سایت است. در حقیقت تایپوگرافی در طراحی سایت به جذب کاربران در سایت و افزایش فهم آن ها از محتوا کمک شایان توجهی می کند. جالب است بدانید نظر طراحان بزرگ و وب مستران در مورد اهمیت به کاربردن تایپوگرافی در طراحی سایت، آن است که ۹۵% طراحی، طراحی تایپوگرافی سایت می باشد. امروزه تایپوگرافی به عنوان یک هنر و تکنیک چیدن حروف نیز شناخته می شود که نقش به سزایی را در طراحی سایت و بهینه سازی آن ایفا می کند. بنابراین اگر شما یک طراح وب سایت هستید فونت یا فونت های به کار رفته در وب سایت خود را منحصر به فرد قرار دهید و قالب و طراحی آن را به کمک تایپوگرافی انحصاری کنید. در ادامه به بیان تعدادی از تکنیک های مهم تایپوگرافی در طراحی سایت می پردازیم. تکنیک های مهم تایپوگرافی در طراحی سایت […]

مطالعه :

‌تایپوگرافی در طراحی سایت امروزه برای افزایش کسب در آمد، ایجاد سایت و بهینه سازی آن مهم می باشد. از جمله مواردی که باید در طراحی سایت در نظر گرفت، ‌تایپوگرافی در طراحی سایت یا تایپوگرافی(typography) است. تایپوگرافی در طراحی سایت سبب می شود که سایت مورد پسند اکثر کاربران واقع شود. البته اجباری در تایپوگرافی سایت نیست، اما با این کار می توانید سایت زیبا تر و بازدید کننده ی بیشتری را فراهم آورید. در این مقاله می خواهیم آموزش دهیم که اصلا تایپوگرافی چیست و چه قوانینی را باید در آن رعایت کرد. پس برای این که بتوانید سایتی مطلوب برای کاربران خود طراحی کنید ، تا آخر این مقاله همراه ما باشید. ‌تایپوگرافی در طراحی سایت چیست؟ هر جا که نوشته باشد، تایپوگرافی نیز به همراه آن وجود دارد. در واقع ‌تایپوگرافی در طراحی سایت (typography in website) به فونت های به کار رفته در وب گفته می شود. فونت هایی که توسط html  و css تعریف شده و باعث خوانایی بهتر نوشته ها ، تشخیص حروف و سرعت بیشتر در خواندن محتوای وب سایت می شود. همان طور که در مقاله های قبلی از اهمیت محتوای وب سایت صحبت کردیم، آگاه باشید که فونت صفحه نیز برای مخاطب ارزش دارد. چون با ظاهر سایت می توانید حس بهتری را به آن ها منتقل کنید. تفاوت سهولت […]

Minify Html JavaScript and CSS
مطالعه :

آموزش سئو Minify Html JavaScript and CSS به عمل حذف فاصله‌ها و کدهای اضافی که باعث سنگینی صفحات سایت می‌شود Minify گفته می‌شود، MiniFy را با فشرده‌سازی کدهای سایت اشتباه نگیرید. در این آموزش می‌خواهیم شما را با Minify کردن کدهای قالب سایت آشنا کنیم. قابلیت Minify چیست؟ Minify کاری هست که یک بهینه‌ ساز وبسایت باید انجام دهد، با Minify می‌توان حجم قالب را کم کرد و سرعت لود سایت را چندین برابر کرد. تأثیر این عمل بخوبی در سایت‌های آنلالیز سئوی On Page نمایش داده می‌شود.   Minify Html JavaScript and CSS   چگونه Minify را در وردپرس استفاده کنم؟ استفاده از Minify در وردپرس بسیار آسان است، هم می‌توانید قالب خود را Minify نمایید و یا می‌توانید با استفاده از پلاگین‌ها wp-Minify و یا wp super cache و یا دیگر پلاگین‌های cache وردپرس این عملیات را انجام دهید. ولی پیشنهاد می‌شود از پلاگین استفاده W3 Total Cache نمایید. برای راه اندازی minify با استفاده ازW3 Total Cache به منوی Minify در پلاگینW3 Total Cache بروید. معرفی ابزار برای Minify کردن استاندارد کدها سایت های زیادی وجود دارند که به صورت آنلاین این کار را برای شما انجام میدهند. http://htmlcompressor.com/compressor http://tools.w3clubs.com/cssmin http://www.willpeavy.com/minifier http://www.minifyweb.com http://jscompress.com http://cssminifier.com http://refresh-sf.com/yui https://developers.google.com/speed/docs/insights/MinifyResources http://www.minifyjavascript.com استفاده از روش دستی هدف اصلی من از ارسال این آموزش ، آموزش این بخش است. ۱ – html : […]