0

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

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

html

آموزش تگ های معنایی 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>   توجه شود که درون تگ […]

معرفی attribute های مختلف html
مطالعه : 5 دقیقه

معرفی attribute های html Html به ما قدرت قرار دادن متن، تصویر، فیلم، لینک دهی، استفاده از استایل دهی css و امکانات فراوان دیگری را با استفاده از تگ هایی که دارای ویژگی های مختلفی هستند می دهد. پس از یادگیری تگ های html لازم است که با attribute های html و ویژگی های تک تک آن ها آشنا شوید.در این بخش از آموزش می خواهم برخی ویژگی ها و attribute های html را آموزش دهیم. با تیم طراحی سایت اصفهان وب یار همراه باشید. attribute های html چیست؟ تگ های html می تواند ویژگی هایی داشته باشد که توضیحات بیشتری در رابطه با آن تگ بدهد یا حالت و موقعیت آن تگ را در خروجی به ما نشان دهد که به آن Attribute گفته می شود . در کجا استفاده می شود؟ یک attribute برای تعریف ویژگی ها و خصوصیات زبان html و در بین تگ ها استفاده می شود. نحوه نمایش attribute های html چگونه است؟ ساختار کلی Attribute به صورت زیر می باشد که در آن name نام ویژگی و value مقدار ویژگی می باشد که باید داخل دابل کوتیشن قرار بگیرد. “value” Name: در زیر مثالی برای تگ lang در html5 زده شده که نوع زبان را مشخص می کند. lang مخفف کلمه language می باشد که به معنی زبان می باشد. fa برای مشخص کردن […]

تفاوت HTML5 و HTML4
مطالعه : 4 دقیقه

مقایسه HTML5 و HTML4   قبل از شروع بررسی تفاوت HTML5 و HTML4 و مقایسه این دو مورد، بد نیست بدانید HTML مخفف HyperText Markup Language و به معنی زبان نشانه گذاری ابرمتن می باشد. در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا با ویژگی های HTML4 ، HTML5  و XHTML بیشتر آشنا شوید.   XHTML چه تفاوتی با HTML4 دارد؟ HTML4 قدیمی ترین نسخه ی HTML است که هنوز هم مورد استفاده بعضی از مرورگرهاست. HTML4 در ابتدا توسط تیم برنرز لی (Tim Berners-Lee) در سال 1990 توسعه یافت. HTML4 دستور نحو بسیار آزادی دارد؛ مثلاً بستن تگ ها در اغلب موارد اختیاری است. برای نمونه تگ پاراگراف در HTML4 با شروع پاراگراف جدید به شکل اتوماتیک بسته می شود. این آزادی برای برنامه نویسان تازه کار عالی بود و HTML را سازگار کرده بود؛ اما به هرحال شاید شما بخواهید نتیجه خاصی را در همه مرورگرها به شکل یکسان ببینید ولی ممکن است تفاوت ساختاری مرورگرها در تفسیر HTML به گونه ای باشد که منظور شما را از کدی که به شکل آزاد نوشته اید به درستی متوجه نشوند. برای رفع مشکل یادشده، XHTML معرفی شد؛ XHTML مخفف eXtensible HTML و به معنی HTML قابل گسترش می باشد و در واقع گویش خاصی از XML (زبان نشانه گذاری تعمیم یافته) است. مهمترین تفاوت XHTML […]

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