0

هیچ محصولی در سبد خرید نیست.

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

css

sass
مطالعه :

sass css چیست؟ پیش پردازنده های sass و less همچنین چندین افکت برای css در قسمت زیر توضیح داده‌شده‌است. برای درک هر کدام از موارد گفته‌شده ، پیشنهاد می شود تا پایان این مقاله همراه ما باشید. Lessچیست؟   یک کتابخانه پیش پردازنده برای css است تا از تکرار برخی کدها جلوگیری کند.اگر برای نوشتن کدهای css به زبان جاوا احتیاج داشته باشید اما استفاده از این زبان را بلد نباشید می توانید با استفاده از less کدهای جاوا را بنویسید بدون آنکه احتیاج به یادگیری این زبان داشته باشید. در css نمی توان توابع و یا متغیرهایی برای آن تعریف کرد اما از طریق قابلیت هایی که less به آن اضافه می کند می توان متغییر و توابع را اضافه کنیم. حتی با افزودن قابلیت های دیگری می توان نوشتار های تو در تویی را اضافه کنیم. در قسمت زیر یک مثال برای تعریف متغییر که css قادر به ساخت آن نبود ،  نوشته شده است برای تعریف متغیرها از @ استفاده می شود و برای مقداردهی علامت : به کار برده می شود.   @width: 17px; @height: @width + 8px; #header { width: @width; height: @height; } خروجی این قسمت به صورت زیر است. #header { width: 17px; height: 25px; } چگونه باید از less استفاده کنیم؟ ابتدا باید less را نصب کنید برای این کار فایل آن […]

menu-css-html
مطالعه :

همانطور که می دانید یکی از مهم ترین بخش های وب سایت منوی ناوبری می باشد. این قسمت جز بخش های بسیار تزئینی و تعاملی صفحه است. در این مقاله شما را با نحوه ی ایجاد منو و زیر منو آشنا خواهیم کرد. به طوریکه در پایان این آموزش شما می ­توانید یک منوی ناوبری تعاملی ایجاد نمایید. با تیم طراحی سایت اصفهان وب یار همراه باشید. منوی ناوبری لیستی جزو موارد اصلی سایت است که معمولاً از مجموعه‌ای از لینک ها یا آیکون‌ها تشکیل شده و از نظر ظاهری با سایر موارد سایت تفاوت‌ دارد. این منوی ناوبری مسیر هدایت کاربران  و چگونگی تعامل آنها با وب سایت را مشخص می کند. بدون وجود پیمایش در سایت، محتوای سایت بی نظم بوده و نمی تواند هدف سایت را نشان دهد. ساختار منوها باید ساده و البته جذاب باشند تا کاربران بتوانند به خوبی آن را درک کنند و همچنین با ایجاد خلاقیت و طراحی مناسب عناصر لازم برای چرخش کاربر در وب سایت را فراهم کنند. مرحله اول-ساخت منو ساده در مرحله ی اول آموزش ساخت منو در html ، باید کد های html مربوط به منوی اصلی در یک فایل با پسوند html نوشته و ذخیره شود. برای نوشتن منو در html تگ های ul و li مورد استفاده قرار می گیرد.

کد بالا یک فهرست توسط […]

فریمورک های css
مطالعه :

معرفی فریمورک های CSS : فریمورک یک فایل تحت یک چارچوب مشخص می باشد. این فایل به برنامه نویسان کمک می کند تا خط کد های کمتری را بنویسند و در زمان خود صرفه جویی کنند. هدف از طراحی آن ها این بود که برنامه نویس زمان بیشتری را صرف نیازمندی های برنامه کند. در این مقاله 5عدد از فریمورک های CSS را بررسی می کنیم. پس با وب یار همراه باشید تا این فریم ورک ها را با هم بشناسیم. فریمورک های css css هم مانند دیگر زبان ها فریمورک های زیادی دارد که در پایین به آن ها اشاره خواهیم کرد. bootstrap w3.css bumla pure.css tailwind فریمورک bootstrap در سال 2011 توسط یکی از توسعه دهندگان توییتر ارائه شد . هدف از ایجاد بوت استرپ ، طراحی یک وبسایت واکنشگرا بر پایه Html و CSS و Javascript بود. وبسایت واکنشگرا به این معنی است که در رزولوشن های مختلف وبسایت را طوری نشان دهد که کاربر احتیاجی به زوم کردن یا اسکرول کردن نداشته باشد. بوت استرپ در مدت زمان کوتاهی به محبوبیت چشم گیری رسید. از بوت استرپ، 4 ورژن مختلف عرضه شده که هنوز هم در حال توسعه می باشد. در حال حاضر بروز ترین نسخه این فریمورک نسخه 4.5.2 می باشد. ارقام استفاده از فریم ورک Bootstrap CSS رتبه اول در لیست بهترین چارچوب های […]

9 ویژگی مهم CSS در طراحی وب
مطالعه :

در این آموزش از تیم وب یار شما را با 9 ویژگی مهم CSS در طراحی وب که دانستن آن برای هر طراح سایت الزامی است آشنا می‌کنیم. 9 ویژگی مهم CSS در طراحی وب در طی یادگیری css به طور کامل با تمامی ویژگی های Css آشنا شدیم و یادگرفتیم که هر کدام از این ویژگی ها چه کاربردی دارند و چگونه باید از انها استفاده کنیم،در این مقاله نیز میخواهیم به صورت کاملا خلاصه با 9 ویژگی کاربردی css آشنا شویم . 1) font-face     یکی از ویژگی های  CSS3 که درسال های اخیر باعث تحولاتی در بخش طراحی وب شده  font-faceاست. این ویژگی به ما  این امکان را میدهد  که هر فونتی که می خواهیم ، به راحتی با فرمت های مختلف و تنظیمات دلخواه در هر بخش از کدCSS  استفاده کنیم. از این ویژگی برای انتخاب ازبین چندین هزار فونت رایگان ، برای صفحه وب خود استفاده کنید. @font-face { font-family: Blackout; src: url(“assests/blackout.ttf”) format(“truetype”); } 2)  media از کوئری های media برای ساخت صفحات واکنش گرا یا طراحی وبسایت بر اساس شرایط دستگاه مورد استفاده قرار میگیرند. با استفاده از کوئری media  و ویژگی min-width  ما می توانیم عناصر صفحه ی وب را به شکل بهتری و با توجه به شرایط موجود به نمایش کاربر در بیاورید. @media screen and (max-width: 960px) { } 3)   clearfix استفاده […]

ویژگی Float و Clear در CSS
مطالعه :

در این مقاله با دو مبحث یعنی ویژگی Float و Clear در CSS و موضوع محل قرارگیری عناصر با خواص float و clear آشنا می شویم، با ما همراه باشید. محل قرارگیری عناصر با خواص float و clear امروز قصد بیان سه ویژگی مهم و کاربردی در CSS رو داریم. برای آشنایی کامل با Property های position و float ،clear تا انتهای مطلب با تیم طراحی سایت اصفهان وب یار همراه باشید. خاصیت position در ویژگی Float و Clear در CSS خاصیت position برای تعیین موقعیت عناصر در یک صفحه تعیین می شود؛ هم چنین با استفاده از این ویژگی می توانید عناصر را در صفحه وب پشت سر هم قرار دهید . ویژگی position دارای 4 مقدار اصلی می باشد که هر کدام دارای کاربرد مخصوص به خود است.در ادامه به بررسی چهار مقداری که ویژگی position دارد، می پردازم. Static تمام عناصر HTML به طور پیش فرض دارای مقدار استاتیک هستند به عبارتی نوشتن و یا ننوشتن مقدار static در هنگام کد نویسی تاثیری نخواهد داشت و عناصر در همان محلی که هستند نمایش داده می شوند. عناصری که از ویژگی static استفاده می کنند از ویژگی های top و right ,bottom ,left تبعیت نمی کنند. Fixed عناصری که مقدار position آن ها fixed می باشد حتی در صورت Scroll خوردن صفحه و یا تغییر اندازه پنجره مرورگر […]

انتخابگرها - CSS Selectors
مطالعه : 7 دقیقه

معرفی انتخابگر ها در CSS     همانطور که می دانید برای استایل دادن به المان های صفحه وب در فایل CSS، ابتدا باید المان HTML مورد نظر را با استفاده از انتخابگر های CSS مشخص کنیم؛ اما گاهی انتخاب کردن ها دشوار می شود و معلوم نیست اشکال کدنویسی از کجا ناشی شده است. تیم طراحی سایت اصفهان وب یار، نحوه ی انتخاب دقیق و سریع المان های HTML را در این مقاله آموزش می دهد که امیدواریم مورد استفاده شما برنامه نویسان و نوآموزان خوش آتیه قرار بگیرد.   لیست انتخابگرها (CSS Selectors List)   نوع انتخابگر مثال توضیح .class .Buttons همه المان هایی که کلاس Buttons دارند را انتخاب می کند .class1.class2 <div class=”name1 name2″>…</div> همه المان هایی که هر دو کلاس name1 و name2 را دارند، انتخاب می کند .class1 .class2 <div class=”name1″> <div class=”name2″> … </div> </div> همه المان هایی که کلاس name1 را دارند و از نوادگان المانی با کلاس  name2 هستند را انتخاب می کند #id #unique المانی با “id=”unique را انتخاب می کند * * همه المان ها را انتخاب می کند element p همه پاراگراف ها را انتخاب می کند element,element div, p همه <div> ها و همه <p> ها را انتخاب می کند element element div p همه پارگراف های داخل همه <div> ها را انتخاب می کند element>element div […]