0

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

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

css

مفاهیم پایه اینترنت
مطالعه : 15 دقیقه

مفاهیم پایه ای اینترنت بیشتر کاربران مایل اند از اینترنت برای دریافت اطلاعاتی درباره موضوع مورد علاقه شان، انجام امور بانکی، بازی های آنلاین و خرید اینترنتی استفاده کنند، اما شاید بیشترشان اطلاعات اندکی از مفاهیم پایه ای اینترنت داشته باشند. با تیم طراحی سایت اصفهان وب یار همراه باشید تا به شما بگوییم اینترنت چیست و مفاهیم پایه ای اینترنت چه موضوعاتی را شامل می شود. آنچه در این مقاله خواهید خواند: .   اینترنت چیست؟ مرورگر چیست؟ لینک چیست؟ ایمیل چیست؟ آی پی چیست؟ دامنه چیست؟ زون چیست؟ سرور چیست؟ HTML و CSS چیست؟ طراحی و برنامه نویسی استاتیک چیست؟ طراحی و برنامه نویسی دینامیک چیست؟ .   1) اینترنت چیست؟ اینترنت که گاهی به سادگی « نت » خوانده می شود، یک سیستم جهانی از شبکه های کامپیوتری است؛ به عبارت دیگر، اینترنت، شبکه ای از شبکه هایی است که کاربران در صورت مجاز بودن می توانند از هر کامپیوتری که در این شبکه است اطلاعات مورد نظر خود را دریافت کنند، به اشتراک بگذارند و یا حتی با یکدیگر مکالمه داشته باشند!   تاریخچه اینترنت اینترنت در سال 1969 توسط آژانس پروژه های تحقیقاتی پیشرفته دولت آمریکا (ARPA)  به تصویب رسید و در ابتدا با نام ARPANet شناخته می شد. هدف اولیه از ایجاد اینترنت آن بود که کامپیوترهای تحقیقاتی دو دانشگاه مختلف بتوانند با یکدیگر […]

آموزش ساده CSS
مطالعه :

آموزش ساده CSS برای طراحی سایت Style دهی به عناصر HTML روش های گوناگونی دارد. اگر شما هم در نوشتن style عناصر خود دچار مشکل هستید و نمی دانید از کدام روش استفاده کنید با تیم وب یار از طراحی سایت اصفهان  همراه باشید. به طور کلی طریقه نوشتن css به سه صورت انجام می گیرد (internal, inline ,external)  اولین روش به آن internal style sheet می گویند. در این روش کد های css را درون فایل html و تگ head  قرار می دهیم. این روش زمان بارگذاری صفحه را افزایش می دهد. بنابراین اصلا توصیه نمی شود. تنها مزیت این روش نسبت به روش بعدی (درون خطی) این است که می تواند از خاصیت ارث بری کلاس ها استفاده کند؛ یعنی می توانید از یک style در چندین جای صفحه استفاده کنید. در ادامه مثالی از شیوه کد نویسی این روش را برایتان قرار می دهیم: <head> <style> h {color:silver;} p { margin-left:20px; } body { background-image:url(“images/bg.gif”); } </style> </head>   روش دوم از طریقه نوشتن inline style sheet ، css است. در این روش دقیقا style را درون عنصری تعریف می کنیم که می خواهیم به آن استایل بدهیم. این روش برای سایت هایی که تعداد صفحات کمتری دارند می تواند استفاده شود اما هرگز توصیه نمی شود زیرا مانند روش قبل سرعت بارگذاری صفحه را افزایش می دهد . مثال […]

طراحی سایت اصفهان
مطالعه :

ساخت گالری تصاویر در CSS در این نوشته سعی داریم شما را با نحوه ی ساخت گالری تصاویر در CSS آشنا کنیم. Css زبان مکمل html است و زبانی است که در کنار html قرار می گیرد تا شما با استفاده از آن بتوانید به عناصر خود رنگ، پس زمینه، فونت، سایز و.. بدهید کاری که با html قادر به انجام آن نیستید. در این نوشته با یکی دیگر از کار کرد های استفاده از css  آشنا می شوید. در مثال های زیر با استفاده از css گالری ساخته شده است. شما می توانید خودتان کد ها را استفاده کنید و چگونگی ایجاد یک گالری را مشاهده کنید. با تیم طراحی سایت اصفهان وب یار همراه باشید. مثال1: <html> <head> <meta charset=”utf-8″> <title>گالری عکس سایت</title> <style> div.img { margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 5px; border: 1px solid #ffffff; } div.img a:hover img { border:1px solid #0000ff; } div.desc { text-align: center; font-weight: normal; width: 120px; margin: 5px; } </style> < /head> <body> <div class=”img”> <a href=”klematis_big.htm” target=”_blank”> <img src=”img/action-sms.jpg” alt=”Klematis” width=”110″ height=”90″> </a> <div class=”desc”>Add a description of the image here</div> < /div> <div class=”img”> <a target=”_blank” href=”klematis2_big.htm”> <img src=”img/az-bulksms.jpg”  alt=”Klematis” width=”110″ height=”90″> < / a> <div class=”desc”>Add a description of the […]

مطالعه :

شفاف کردن تصاویر در CSS یکی از قابلیت های دیگری که CSS3 دارد شفاف کردن تصاویر می باشد اگر شما هم مایل به شفاف کردن تصویری در سایت خود هستید اما روش آن را نمی دانید با تیم طراحی سایت اصفهان وب یار همراه باشید شفاف کردن تصاویر  در cssرا می توان با خاصیت opacity انجام داد به طوری که هر چقدر مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر کمتر باشد عکس شفافیت کمتری دارد .این خاصیت میزان شفافیت و وضوح یک عنصر راازصفر  تا یک مشخص می کند که صفر به معنای وضوح کامل و یک به معنای عدم وضوح کامل است مقدار پیش فرض یک ست که همان عکس اصلی را نشان می دهد  بنابراین با کاهش مقدار opacity می توان شفافیت یک عکس را کم کرده و کاری کنید که محتوای پشت آن نیز دیده شود . برای مقدار opacity  علاوه بر عدد بین صفر تا یک ، inherit را هم می توان قرار داد که در این صورت عنصر شفافیت خود را از عنصر مادر (parent)به ارث می برد . شکل کلی استفاده از این خاصیت به صورت زیر است opacity: value | inherit ; در ادامه مثالی از شفاف کردن یک تصویر را برای شما قرار می دهیم <!DOCTYPE HTML> <html> <head> <style> Img-opacity{. Opacity:0.4; Width:150px; Height:150px; </head> <body> <img src=”1.jpg”   class=”img-opacity”> […]

css Shapes
مطالعه :

اشکال در CSS اگر شما نیز یک طراح وب سایت هستید، قطعا برای شما هم رخ داده است که بخواهید با استفاده از اشکال در CSS چندضلعی ها و طرح های زیبا رسم نمایید. خوب است بدانید، بیش‌تر شکل‌ها در CSS با ترکیبی از چند ضلعی ها به وجود آمده اند، حتی شکل مثلث! در ادامه با ما همراه باشید تا با رسم اشکال در CSS دستورات کلی آن را فرا بگیرید.     روش های رسم اشکال در CSS برای رسم اشکال در CSS روش های مختلفی وجود دارد. اکثر پارامترهایی که در ساخت اشکال CSS مورد استفاده قرار می گیرند، به شرح زیل می باشد: – Border-radius – Border – Transform – Clip-path – Box-shadow در ادامه هر کدام را با ذکر مثال توضیح می دهیم.   Border-radius Border Radius در CSS میزان خمیدگی لبه های چند ضلعی را مشخص می کند. این پارامتر بر اساس پیکسل یا درصد مقدار دهی می کند. با استفاده از Border Radius می توان اشکالی مانند دایره و بیضی رسم کرد.   دایره: .circle{ height: 250px; width: 250px; border-radius:50%; background-color:#29DBC7; }   Border با استفاده از این ویژگی می توانید خط باریکی در اطراف شکل ایجاد نمایید. شکل زیر تنها با استفاده از border و بدون در نظر گرفتن width و height (مقدار صفر) طراحی شده است.   مثلث رو  به بالا: […]

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

نحوه­ ی ایجاد منو و زیر منو با HTML و CSS همانطور که می دانید یکی از مهم ترین بخش های وب سایت که منوی ناوبری می باشد و جز بخش های بسیار تزئینی و تعاملی صفحه است. در این مقاله شما را با نحوه ی ایجاد منو و زیر منو آشنا خواهیم کرد. به طوریکه در پایان این آموزش شما می ­توانید یک منوی ناوبری تعاملی ایجاد نمایید. با تیم طراحی سایت اصفهان وب یار همراه باشید. در مرحله ی اول باید کد های html مربوط به منوی اصلی در یک فایل با پسوند html نوشته و ذخیره شود. برای نوشتن منو در html تگ های ul و li مورد استفاده قرار می گیرد. <!DOCTYPE html> <head> <title>DropDown Menu with HTML and CSS</title> </head> <body> <nav> <ul> <li><a href=”#”>طراحی سایت </a></li> <li><a href=”#”>سئوسایت </a></li> <li><a href=”#”>طراحی فروشگاه اینترنتی </a></li> <li><a href=”#”>درباره وب یار</a></li> <li><a href=”#”>تماس با وب یار</a></li> </ul> </nav> </body> </html> کد بالا یک فهرست توسط ul ایجاد می کند و آیتم­ های منو در درون این فهرست و در تگ li قرار می گیرند. کد های بالا لیستی از منوی ساده ی عمودی فاقد زیر منو را نمایش می دهد که شامل 5 منوی اصلی می باشد. تا اینجا تنها منو های اصلی طراحی شده است، حال برای این که منو هایی با زیر منو داشته باشیم […]