0

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

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

html

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 منوی اصلی می باشد. تا اینجا تنها منو های اصلی طراحی شده است , حال برای این که منو هایی با زیر منو داشته باشیم […]

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

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

تگ های منسوخ شده html
مطالعه :

تگ­ های منسوخ شده­  html چندین تگ و خصوصیت html وجود دارد که توسط کنسرسیوم جهانی وب(سازمان­هایی که استانداردهای  html را تعیین می­ کنند) نامعتبر اعلام شده است و با عنوان تگ منسوخ شده html از آنها یاد می شود. نامعتبر به این معناست که این عناصر دیگر نباید مورد استفاده قرار گیرند و با روش­های دیگر جایگزین شده ­اند. اگرچه توصیه می­ شود که مرورگرهای وب همچنان از آن­ها پشتیبانی کنند،اما  بسیاری از آن­ها هنوز استفاده می­ شوند چرا؟ زیرا منسوخ شدن آنها , به­این معنا نیست که دیگر کارایی ندارند و نمی­ توان از آن­ها استفاده کرد. در این مقاله قصد داریم شما را با k’تگ های منسوخ شده html آشنا سازیم. با تیم طراحی سایت وب یار همراه باشید.   از جمله تگ های منسوخ شده html  عبارتند از : تگ acronym    یکی از تگ های منسوخ شده html ، تگ < acronym >می باشد که  از آن برای نشان دادن مخفف یک عبارت استفاده می­ شود. عبارت مخفف شده را باید بین دو تگ < acronym />< acronym > قرار دهیم.  اما HTML5 دیگر از این تگ پشتیبانی نمی­کند.   تگ <applet> یکی دیگر از تگ های منسوخ شده html ، تگ <applet> برای فراخوانی برنامه­های جاوا که تنها سمت کلاینت اجرا می­شود و applet نام دارد استفاده می­شود. HTML5 دیگر از این تگ پشتیبانی […]

آموزش HTML5
مطالعه :

آموزش HTML5 – تگ های معنایی در HTML5 آموزش طراحی سایت در این مقاله در راستای آموزش HTML5 با ادامه ی آموزش تگ های معنایی در خدمت شما عزیزان هستیم و به آموزش تگ های figure و figcaption ، article و time می پردازیم. در ادامه همراه ما باشید تا با این تگ های معنایی آشنا شوید. عنصر figure و figcaption در html5 تگ figure یک قسمت جداگانه در سند برای تصاویر، لیست کدها، نمودارها و غیره مشخص می کند. در صورتی که این تگ را بعداً حذف کنید تاثیری روی سند نمی گذارد. در واقع می توان گفت که این تگ یک موقعیت جداگانه دارد ولی با جریان اصلی سند در ارتباط است. در جدول زیر اولین نسخه از مرورگرهایی که از این تگ پشتیبانی می کنند برای شما نمایش داده شده است. Firefox   opera Internet explorer safari chrome 4.0 11.1 9.0 5.0 6.0 تگ figure از تگ های جدید و تگ های معنایی در HTML5 است. این عنصر از ویژگی های عمومی و رویدادهای عمومی در html پشتیبانی می کند. تگ figcaption توضیحی برای تگ figure ارائه می دهد. از این تگ هم در ابتدای عنصر figure و هم در انتهای آن می توان استفاده کرد. در مثال زیر می توانید نحوه ی استفاده از این دو تگ را مشاهده کنید. <figure> <img src=”image/fkcm9pWjvCT1VStySqeA2Tl72eJkfbmt4t8yenImKBVvK0kTmF0xjctABnaLJIm9.jpg” width=”140px” height=”170px” > […]

آموزش html5
مطالعه :

آموزش HTML5 – آموزش تگ های معنایی امروز در راستای آموزش HTML5 با آموزش تگ های معنایی details، summary، main و mark همراه شما عزیزان هستیم. در آموزش های قبلی سایر تگ های معنایی در HTML5 توضیح داده شد. در این مقاله آموزش تگ های معنایی را به پایان می رسانیم پس با ما همراه باشید. عنصر main در HTML5 تگ main از تگ های معنایی در HTML5 است که برای مشخص کردن محتوای اصلی سند استفاده می شود. این عنصر نمی تواند داخل تگ های <aside>، <nav>، <footer>،<header> و <article> قرار گیرد و در هر سند فقط می توان از یک تگ main استفاده کرد. تگ main در HTML5 جدید است و از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند. در جدول زیر می توانید اولین نسخه ی مرورگرهایی که از عنصر main پشتیبانی می کنند را ببینید. Firefox   opera Internet explorer safari chrome 4.0 11.1 پشتیبانی نمی شود 5.0 6.0 به کد زیر دقت کنید. <main> <article> <h1 >New HTML5 Elements</h1> <p> The most interesting new HTML5 elements are:<br> New semantic elements like header, footer, article, and section.<br> New attributes of form elements like number, date, time, calendar, and range.<br> New graphic elements: svg and canvas.<br> New multimedia elements: audio and video. </p> </article> </main> خروجی کد بالا: عنصر mark در HTML5 تگ […]

آموزش تگ های معنایی HTML5
مطالعه :

آموزش طراحی سایت HTML5 – تگ های معنایی در مقاله ی قبلی آموزش طراحی سایت HTML5 را شروع کردیم و درباره ی تگ های معنایی صحبت کردیم. در این مقاله به ادامه ی آموزش تگ های معنایی می پردازیم. همانطور که قبلاً هم اشاره کردیم استفاده از این تگ ها در طراحی سایت باعث می شود تا هم برنامه نویسان و هم موتورهای جستجو ساختار سایت را به آسانی تشخیص دهند و در سئوی سایت تاثیر مثبت دارد. پس خواندن این مقاله را از دست ندهید. در این آموزش درباره ی تگ های section ، aside و nav صحبت می کنیم.   عنصر section در HTML5 تگ section که یک تگ جدید و از تگ های معنایی HTML5 است، یک بخش مجزا در سند تعریف می کند. در واقع از این تگ برای محتواهایی استفاده می شود که با هم ارتباط معنایی دارند و معمولاً برای این محتواها می توانیم یک heading تعریف کنیم. تگ section از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند. در جدول زیر اولین نسخه ای از مرورگرها که از این تگ پشتیبانی می کنند، نشان داده شده است. Firefox opera Internet explorer safari chrome 4.0 11.1 9.0 5.0 6.0   در کد زیر می توانید نحوه ی استفاده از عنصر section را مشاهده کنید. < ! DOCTYPE html > < html […]