0

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

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

html

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

همانطور که می دانید یکی از مهم ترین بخش های وب سایت که منوی ناوبری می باشد. این قسمت جز بخش های بسیار تزئینی و تعاملی صفحه است. در این مقاله شما را با نحوه ی ایجاد منو و زیر منو آشنا خواهیم کرد. به طوریکه در پایان این آموزش شما می ­توانید یک منوی ناوبری تعاملی ایجاد نمایید. با تیم طراحی سایت اصفهان وب یار همراه باشید. مرحله اول-ایجاد یک منوی ساده در مرحله ی اول باید کد های 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 منوی اصلی می باشد. مرحله دوم- ساخت زیر منو تا اینجا تنها منو های اصلی طراحی شده است، حال برای این که منو هایی با زیر منو داشته باشیم […]

مطالعه :

گرافیک های بردار مقیاس پذیر(svg) یک قالب تصویر بردار مبتنی بر زبان نشانه گذاری گسترده برای گرافیک دو بعدی با پشتیبانی از تعاملی و متحرک سازی است. مشخصات SVG یک استاندارد باز است که توسط کنسرسیوم وب جهانی از سال 1999 توسعه یافته است. فایل SVG چیست؟ یک فایل SVG ، مخفف فایل گرافیکی بردار مقیاس پذیر ، یک نوع فایل گرافیکی استاندارد است که برای ارائه تصاویر دو بعدی در اینترنت استفاده می شود. SVG یک فرمت گرافیکی بردار مبتنی بر زبان نشانه گذاری توسعه پذیر (XML) برای وب و سایر محیط های نرم افزاری (اندروید، آی او اس، ویندوز) است. اگرچه سخت است اما (XML)  از برچسب هایی مانند HTML استفاده می کند. به عنوان مثال ، نمی توانید یک تگ بسته را حذف کنید. زیرا این باعث می شود فایل نامعتبر باشد و SVG ارائه نمی شود.     انعطاف پذیری SVG کد SVG را می توان از طریق CSS یا JavaScript دستکاری کرد. این به SVG انعطاف پذیری و تطبیق پذیری می دهد که هرگز با فرمت های گرافیکی سنتی PNG ، GIF یا JPG مطابقت ندارد. SVGیک استاندارد W3C است. به این معنی که می تواند به راحتی با سایر زبانها و فن آوریهای استاندارد باز از جمله JavaScript ، DOM ، CSS و HTML به راحتی کار کند. تا زمانی که W3C استانداردهای صنعت […]

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

آموزش طراحی سایت HTML5 – تگ های معنایی در مقاله ی قبلی آموزش طراحی سایت HTML5 را شروع کردیم و درباره ی تگ های معنایی صحبت کردیم. در این مقاله به ادامه ی آموزش تگ های معنایی می پردازیم. همانطور که قبلاً هم اشاره کردیم استفاده از این تگ ها در طراحی سایت باعث می شود تا هم برنامه نویسان و هم موتورهای جستجو ساختار سایت را به آسانی تشخیص دهند و در سئوی سایت تاثیر مثبت دارد. در این آموزش درباره ی تگ های section ، aside و nav صحبت می کنیم. پس خواندن این مقاله که توسط تیم طراحی سایت اصفهان وب یار تهیه شده را  از دست ندهید.   عنصر section در HTML5 تگ section که یک تگ جدید و از تگ های معنایی HTML5 است، یک بخش مجزا در سند تعریف می کند. در واقع از این تگ برای محتواهایی استفاده می شود که با هم ارتباط معنایی دارند و معمولاً برای این محتواها می توانیم یک heading تعریف کنیم. تگ section از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند. در جدول زیر اولین نسخه ای از مرورگرها که از این تگ پشتیبانی می کنند، نشان داده شده است. FirefoxoperaInternet explorersafarichrome4.011.19.05.06.0 در کد زیر می توانید نحوه ی استفاده از عنصر section را مشاهده کنید. <!DOCTYPE html> <html> <head> </head> <body> <section> […]

9 تگ مهم HTML5
مطالعه :

در این مقاله قصد داریم شما را با چند تگ مهم html5 آشنا کنیم و موارد استفاده آن ها را به شما معرفی کنیم.اما قبل از آن می خواهیم در مورد چگونگی به وجود آمدن html5 مطالبی را بیان کنیم. HTML5 بعد از معرفی xhtml 1.0 سازمان w3c قصد داشت روی xhtml 2.0 کار کند . اما سازندگان مرورگر هایی مثل chrome , firefox و….. با هم جلساتی داشته و طی این جلسات به این نتیجه رسیدند که فضای وب خشک شده و تصمیم گرفتند نسخه ای از html را تحت عنوان html5 معرفی کنند. سازمان w3c نیز پس از مدتی که مشاهده کرد مردم به سمت این نسخه ی html کشیده شدند،کار کردن روی xhtml 2.0 را متوقف کرد وhtml5 را به عنوان استاندارد های جدید معرفی کرد. این نسخه ی html از تگ های معنا دار استفاده کرده و تگ ها خیلی مختصر تر از نسخه های قبلی شدند. در ادامه تعدادی از این تگ ها را به شما معرفی میکنیم. DOCTYPE HTML : این تگ باعث می شود تا ما متوجه شویم که کد های HTML با چه ورژنی از آن نوشته شده اند. در جدول زیر DOCTYPE ورژن های مختلف را مشاهده می کنید.   همین طور که در جدول بالا مشاهده کردید در این ورژن از HTML تگ ها بهینه شده اند. طراحی وب سایت […]

HTML YouTube Video
مطالعه :

در این مقاله قصد داریم به آموزش HTML YouTube Video  بپردازیم. پس با ما همراه باشید. شاید شما نیز هنگام آپلود کردن ویدیو در سایت‌ تان به مشکلاتی از قبیل افت سرعت سایت، نخواندن فرمت و…برخورده اید. از عمده دلایلی که افراد به سراغ آپلود فیلم در سایت خود نمی روند، می توان به درگیری با فرمت ویدئو اشاره کرد، چرا که ممکن است همه مرورگرها فرمت فیلم‌تان را نتوانند باز کنند و شما مجبور به تغییر فرمت متناسب با مرورگرتان شوید، که این خود شاید کاری سخت و یا وقت‌گیر باشد. در این بخش راهی ساده با استفاده از سوشیال مدیای یوتیوب در اختیار شما قرار می دهیم. آپلود ویدئو به کمک YouTube یوتیوب سال هاست که با خدمات ارزشمند خود به یاری کاربران و انواع نیازهای آنان پرداخته است. شما برای استفاده از امکانات پخش فیلم یوتیوب در سایت خود کافیست در آن عضو شده و ویدئوی خود را آپلود کنید. شناسه و یا IDیی رایگان (به طور مثال : tgbNymZ7vqY) یوتیوب به شما می دهد. نحوه استفاده از این شناسه را در بخش بعد به شما آموزش می دهیم. پخش ویدئوی YouTube در HTML با استفاده از تگ <iframe>  و تعیین src attribute می توان به راحتی فیلم یوتیوب را در کد HTML خود اجرا کنید. iframe width=”420″ height=”315″> src=”https://www.youtube.com/embed/tgbNymZ7vqY” </iframe>   توجه شود که درون تگ […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله میخواهیم 3 لیست مهم در HTML5 را به شما بگوییم. 3 لیست مهم در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم :     Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید: انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند چه آیتمی اول و یا اخر باشد. برای نوشتن چنین لیست هایی باید […]