html illustration copy - HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد

HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد

HTML5 چه امکاناتی در اختیار ما قرار میدهد ؟

در این مقاله (چرا html5) از هنرجو قصد معرفی html5 را داریم و برتری های آن نسبت به نسخه های قبلی ، معرفی تکنولوژی های جدیدی که همراه با خود آورده و مشکلاتی که حل کرده و وابستگی به تکنولوژی ها و زبان های دیگری را رفع کرده و قابلیت های جدید و تگ های جدید که با خود آورده است .

چرا html5

HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد | آموزش طراحی سایت تبریز هنرجو

 

  • با آمدن html5 انقلابی در طراحی وب بوجود آمد که نشان بر قدرتمند بودن آن دارد.
  • خیلی از وابستگی ها به افزونه ها کنار زده شد.
  • تکنولوژی هایی ارائه داد که برای انجام آنها نیاز به استفاده از js و ajax داشتیم که آن نیاز ها را رفع کرد .
  • قابلیت دستیابی به بخش های مختلف در صفحه :
    تگ های جدیدی که در html5 ارائه شد بار معنایی دارد و صفحه ی ما از لحاظ معنایی بهبود خواهد داشت.

این کار موجب درک راحت و کاوش راحت موتورهای جستجو خواهد شد که منجر به افزایش seo ما خواهد شد.

  • ویدیو و صدا
    وابستگی به افزونه های flash و js در این زمینه از بین رفت.
  • ِDTD
  • توسعه بازی های تحت وب
  • سازگاری با تمام مرورگر ها ازجمله مرورگر های گوشی
  • smart storage

لیست جزییات و تغییرات که در html5 ارائه شد :

۱٫ تگ های جدید در html5 (تگ های معنایی) :

 HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد | آموزش طراحی سایت تبریز هنرجو

  • section
  • article
  • aside
  • header
  • footer
  • nav
  • dialog
  • figure
  • summary
  • detail

۲٫ نوع های جدید در html5 به اصطلاح data type :

  • color
  • datalist
  • data
  • email
  • datatime
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

که وابستگی به js در این زمینه را تقریبا از بین برده است.

۳٫ نمایش عبارات ریاضی

در این html برای نمایش عبارات ریاضی مجبور به استفاده از تصاویر بودیم که به نوبه خود تاثیر نامطلوبی در سرعت لود صفحه داشتند.

۴٫ عناصر گرافیکی

HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد | آموزش طراحی سایت تبریز هنرجو
جهت رسم تصاویر وکتور | تصاویری بر برداری هستند (بدون پیکسل) که در صورت بزرگ و کوچک شدن افت کیفیت نخواهند داشت.
  • canvas
  • svg

۵٫ ویدیو و صدا

۶٫ تکنولوژی Drag and Drop

۷٫ GeoLocation

که قادر خواهیم بود موقعیت جغرافیایی کاربر را بدست بیاوریم و از آن استفاده کنیم .

۸٫ Local Storage

برای ذخیره سازی داده در مرورگر کاربر

۹٫ web worker

زمانی که یک کد سنگین js در مرورگر ما اجرا میشود و باعث کرش شدن یا به اصطلاح هنگ کردن مرورگر میشود ، مرورگر درخواست stop work آن اسکریپت را میدهد .

ولی در html5 با استفاده از این تکنولوژی قادر خواهیم بود کد js خود را به این تکنولوژی بدیم و آن را در پسزمینه اجرا کند بدون سنگین شدن مرورگر.

۱۰٫ server sent event

قادر خواهیم بود بدون اجازه کاربر صفحه وب را رفرش و بروزرسانی کنیم.

۱۱٫ webSql

 

در مقالات بعدی قصد معرفی و نحوه استفاده از هر کدام از موارد گفته شده را داریم ، انتقادات ، نظرات و پیشنهادات خود را برای ما ارسال کنید.

همچنین در صورت تمایل منبع معتبر و بروز همراه با مثال که میتونید برای یادگیری ازش در این زمینه استفاده کنید : w3schools


در صورت تمایل به شرکت در دوره های آموزشی طراحی سایت ، میتوانید به جهت مشاهده سرفصل ها به این صفحه مراجعه کنید و ضمنا جهت دریافت مشاوره رایگان و پشتیبانی میتوانید با شماره های زیر در تماس باشید :

☎ تلفن تماس ( ثابت ) : ۳۵۵۹۵۲۸۹-۰۴۱

☎ تلفن تماس ( مدرس ) : ۰۹۱۴۶۶۷۴۰۸۰

☎ تلفن تماس ( روابط عمومی ) : ۰۹۱۹۸۱۲۱۷۳۱


منبع : هنرجو | hoonarjo.com

دیگر مقالات مفید سایت آکادمی هنرجو:

 

یادگیری HTML به راحتی آب خوردن | اموزش تضمینی طراحی سایت تبریز

یادگیری HTML به راحتی آب خوردن

آموزش HTML کاملا راحت و مختصر

امروز در این مقاله (یادگیری HTML به راحتی آب خوردن) از آکادمی هنرجو قصد دارم html رو به راحتی هر چه تمام به دوستانی که تازه میخوان این زبان رو یادبگیرن و درکی ازش ندارن یاد بدم ، پس اگه تو مقاله ها و توضیحات دیگه سردرگم شدید این مقاله رو پیشنهاد میکنم بهتون با دقت بخونید تا متوجه داستان بشید .

معرفی

HTML مخفف عبارت Hyper Text Markup Language است . که به معنی زبان نشانه گذاری ابرمتن هست.

مفسر این زبان همان مرورگرهایی است که همیشه استفاده میکنیم ، نحوه اجرا هم به این صورت است که کدهای یک صفحه از بالا به  پایین به صورت خطی اجرا میشن . در صورت اشتباه بودن یک خط هم باز هم خط های بعدی اجرا میشوند.

همچنین اگر با زبان هایی مثل php و دیگر زبان های تحت وب اشنا هستید ،لازمه بدونید که مرورگرها این زبان ها را نمیشناسند و کد مربوط به آنها در سمت سرور پردازش شده و در نهایت به کد های html تبدیل میشوند .

فایل های (سند) html با پسوند htm. و html. شناخته میشوند.

نکته : اچ تی ام ال زبان برنامه نویسی نیست ! این یک زبان برای نشانه گزاری کردن متن هست که مرورگر بفهمد .این قسمت از متن را چگونه باید نشان دهد ، مثلا ما با اچ تی ام ال یک تکه از متن سایت را Bold میکنیم در واقع با این زبان نشانه میگذاریم که ای مرورگر این تیکه از متن باید درشت نشون داده شود.

ساختار

در html نشانه هایی که میگذاریم رو با اسم تگ (برچسب) خواهیم شناخت .هر تک به طور کلی باز میشود و بسته میشود مانند پارانتز باز و پارانتز بسته که به صورت زیر است : (البته استثناءهایی هم وجود دارد که ذکر خواهم کرد).

<Tag open> .... Text .... </Tag Close>

خب این شد ساختار تگ ها ، حالا بخواهیم یک سند اچ تی ام ال ایجاد کنیم و استفاده کنیم باید چه کار کنیم ؟

بسیار ساده ، شما میتونید با هر ادیتور متنی از ساده ترین ها بگیر مثل نوت پد(notepad) و ویم(vim) تا پیشرفته ترین ها . فقط کافی هستش با این ادیتور های متن یک سند تازه باز کنید و با پسوند htm. یا html. ذخیره کنید .

حال ساختار یک سند html چگونه است ؟

<html>
<head>
      <title> this is my web site title </titel>
</head>
<body>
      <!-- you can add comment with this characters -->
</body>
</html>

توضیح سه تگ اصلی سند html

خب ، ساختار یک سند خالی اچ تی ام ال قسمت های قرمز رنگ هست که نوشتم ، حال بیاید هر کدوم رو بررسی کنیم .( دقت کنید هر تگ که باز و بسته میشود یک تگ شامل میشود یعنی در کد بالا قسمت های قرمز ۳ تگ وجود دارد ) :

  • html :
    تگ اول که همه چیز در آن قرار دارد نشان دهنده این است که این یک سند اچ تی ام ال است و مرورگر به واسطه آن تشخیش میده که این سند html  هست و همچنین المان هایی هم میشه بهش اضافه کرد مثلا ورژن اچ تی ام ال که داریم ازش استفاده می کنیم تو این سند.
  • تگ head یا به فارسی سر !
    اولین تگ در بدنه تگ اچ تی ام ال هستش . حاوی یک سری اطلاعات برای مرورگر و نیز جستجوگرها هاست (مثلا گوگل ، یاهو ، بینگ و …)
    اطلاعات این بخش نمایش داده نمی شود.
    ولی اطلاعاتی همچون عنوان صفحه ، کلمات کلیدی ، استایل های خارجی و داخلی ، جاوا اسکریپت های خارجی و داخلی ، آیکون صفحه ، توضیحاتی راجع به سازنده و … را تعریف میکند. که برای مرورگر و نیز ایندکس کردن توسط جستجوگرهای وب مانند گوگل و یاهو بسیار مهم است.
  • body :
    این قسمت بدنه سند ماست که به قولی اسمش روشه ، هرچیزی که شما وقتی یه سایت رو باز میکنید و میبینید تو این بخش قرار میگیره.
  • کامنت گذاری :
    همچنین برای ایجاد کامنت در html میتونید از کدی که تو کد بالا داخل body نوشتم استفاده کنید.
  • title :
    این تگ داخل تگ head نوشته میشه و عنوان سایت رو نشون میده ، محل نمایشش هم بالای تب مربوط به سایت بالای مرورگر هست.

نحوه باز و بسته شدن تگ ها در html

نکته : اگه ما چند تگ رو پشت سره هم باز کنیم ، نحوه بستن آنها چطور خواهد بود ؟ باید از داخلی ترین تگ (اخرین تگی که باز کردیم ) به سمت خارجی ترین تگ شروع به بستن تگ ها کنیم . به مثال زیر توجه کنید :

<html>
<head>
      <title> type here your title </title>
</head>
<body>
        <center><b><i><p> This is my first paragraph </p></i></b></center>
</body>
</html>

به نحوه باز و بسته شدن تگ ها دقت کنید .

اولین پروژه

حال کدی که در بالا نوشتم رو بیاید استفاده کنیم و تگ های جدیدی که نوشتم رو توضیح بدم .

  • اول نوت پد رو باز کنید .
  • حالا کد بالا رو کپی و پیست کنید.
  • حالا این save as رو بزنید و پسوند فایل رو از txt به اچ تی ام ال تغییر بدید و ذخیره کنید.
  • حالا به مرورگر بازش کنید ، مثلا فایرفوکس یا اکسپرور خودمون.

خب این شد اولین پروژه اچ تی ام ال شما ، حالا تگ های جدید بالا رو توضیح میدم :

  • center : از اسمش معلومه ، هرچیزی داخل این تگ ، وسط چین میشه .
  • b مخفف bold هست و متن داخلش رو درشت میکنه .
  • i مخفف italic هست و متن داخلش رو مورب میکنه.
  • p این تگ هم مخفف paragraph هست (پاراگراف) و کلا هر متنی که خواستید تو سند html بنویسید رو داخل این تگ قرار بدید.

به طور کلی باید html رو بیسش رو یاد گرفته باشید. الان ، فقط تگ ها تعداد بیشتری دارن و و اکثرا همین مدلی هستن تو اموزش بعدی مواردی که نیاز داره بهشون اشاره کنم رو میگم خدمتتون ، از این سایت میتونید تمام تگ های اچ تی ام ال رو ببینید که لیست شده .

تگ هایی که تو نسخه جدید html5 منسوخ شدن هم ذکر شده. این سایت منبع عالی هست برای یادگرفتن اچ تی ام ال درباره هر تگ میتونید مثال های مختلف پیدا کنید و اموزشش روان هست .

امیدوارم تو این مقاله به راحتی هرچه تمام تر تونسته باشم اچ تی ام ال رو برای کسانی که قصد یادگرفتن این زبان رو دارن به نحوه احسنت تونسته باشم بگم .

در صورت داشتن سوالی زیر همین پست کامنت کنید دوستان.

منبع: آکادمی هنرجو

دیگر مقالات مفید سایت آکادمی هنرجو:

4 May FL Blog 848x480 - ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

چگونه می توانم مشتریان را به خرید محصولات خودم تشویق کنم؟ این اولین سوالی است که هرکسی که می خواهد وب سایت فروشگاهی را ایجاد کند ممکن است بپرسد. یکی از پاسخ ها این است که وب سایت فروشگاهی شما باید شامل ویژگی هایی باشد که مشتریان مجذوب آن شوند و بتوانند به راحتی محصول دلخواه خود در آن خریداری کنند. ما تعدادی از این ویژگی ها را شناسایی کرده ایم که هر وبسایت بزرگ فروگاهی باید داشته باشد. اول، بیایید نگاهی به آنچه شما ممکن است نیاز به اضافه کردن این ویژگی ها داشته باشید بیاندازیم. ابزار های مهم برای یک وب سایت بزرگ فروشگاهی چیست؟ وردپرس یک پایگاه عالی برای ساختن هر فروشگاه الکترونیکی است. علاوه بر این، وردپرس با پلاگین هایی که دارد شما را قادر به اضافه کردن ویژگی ها و قابلیت های بیشماری بدون نیاز به برنامه نویسی پیچیده مانند Toolset می کند. همچنین ترکیب آن با WooCommerce یک ترکیب قدرتمند از ابزارهای بی نظیر را برای مدیریت سایت فروشگاهی شما به ارمغان خواهد آورد.

جستجو سفارشی

جستجوی سفارشی یک راه عالی برای کمک به مشتریان در پیدا کردن مواردی است که آن ها در اسرع وقت به آن نیاز دارند و از هرگونه حواس پرتی اجتناب ناپذیر است.

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد
ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

فرض نکنید که خریداران از آیتم دقیق مورد نظر خود آگاه هستند، مخصوصا اگر آن ها فقط به فروشگاه پنجره نگاه می کنند. جستجوی سفارشی به شما اجازه می دهد تا تعدادی از فیلتر ها را ارائه دهید تا مشتریان بتوانند جستجوی خود را محدود کرده و دقیقا همان چیزی را که می خواهند پیدا کنند.

صفحه محصول دقیق

صفحه محصول یک قطعه مهم در کانال فروش وب سایت شماست. در حالی که صفحه اصلی یا صفحه های دسته بندی نشان می دهد که موجودی شما چقدر انبوه است، صفحه محصول شانس شما را برای فروش اقلام فردی به مشتری ها را بیشتر می کند. هنگامی که خریداران در صفحه WooCommerce مورد نظر قرار می گیرند، می خواهید به آن ها چیزی را بدهید که جذاب و مجذوب کننده باشد. 

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد
ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

نه تنها شما باید تصاویر عالی و متن توصیفی داشته باشید، بلکه باید اطمینان حاصل کنید که صفحه محصول WooCommerce خود را سفارشی کنید. یک قالب محصول سفارشی، یک پنجره فروشگاه منحصر به فرد ارائه می دهد که به فروش و بهتر دیده شدن اقلام شما کمک می کند. نه تنها شما می توانید صفحه خود را سبک نگه دارید و سرعت لود شدن صفحات سایت خود را افزایش دهید، شما همچنین می توانید سایر ویژگی های مهم را به آن مانند زمینه های سفارشی، طبقه بندی ها و پیشنهادات ویژه اضافه کنید. 


بیشتر بخوانید »»» چگونه یک توسعه دهنده وب حرفه ای شویم 


توصیه های مربوط به محصول

راه دیگری که برای کمک به بازدیدکنندگان در پیدا کردن آنچه که در وب سایت WooCommerce شما نیاز دارند و به شما در فروش یا فروش متقابل مشتریان در این فرایند کمک می کند، ارائه توصیه های مربوط به محصوللات شما است. شما می توانید این کار را به روش های مختلف و در نقاط مختلف در سراسر سفر مشتری انجام دهید. شما می توانید ویدجت های محصول یا لغزنده های مربوطه را در زیر عکس و توضیحات محصول نمایش دهید.

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد
ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

بعد از اینکه یک مورد به سبد خرید اضافه شد، می توانید یک محصول مربوطه را نمایش دهید. اگر فردی قبل از تکمیل خرید خود از وب سایت خارج شود، می توانید پنجره های مربوط به محصول مربوطه را نیز نمایش دهید.

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد
ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

هدف این است که به دقت نیازهای خود را بر مبنای رفتار و نمایه خود ارزیابی کرده و آن ها را با یک مورد مرتبط با محصولی که علاقه مند شده اند یا موردی که می تواند جایگزین فعلی که در حال جستجو هستند، دقیقا همان چیزی نیست که آن ها دنبالش بودند، شوند.

دسته بندی محصولات به صورت اسلایدر

راه دیگری که برای مجبذوب کردن بازدیدکنندگان به مشاهده بیشتر بخش های مختلف و ماندگاری زیاد در فروشگاه شما وجود دارد، این است که نشانگرهای دسته بندی محصولات را در اطراف سایت نمایش دهید.

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد
ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

ویدجت های مربوط به محصول در مواردی که مورد توجه بازدیدکنندگان قرار می گیرند ضروری است. اما دسته بندی محصولات آن ها را به موجودی معرفی می کند که ممکن است حتی در زمان معامله خرید آن ها را آگاه نکرده باشد یا صرفا به آن توجه نکرده باشد. این یک راه عالی برای الهام بخشیدن به مشتریان است که در اطراف خود نگه داشته و تمام خرید خود را انجام دهند در حالی که در وب سایت شما هستند.

چند زبانه کردن سایت فروشگاهی خود

یکی از ساده ترین و مقرون به صرفه ترین راه ها برای گسترش سایت خود و راه یابی به بازارهای جدید و جذب مشتریان جدید ایجاد یک وب سایت چند زبانه است. مشتریان جدید نه تنها قادر به درک شما خواهند بود، بلکه می توانید وب سایت خود را با استفاده از پول صحیح، مالیات و ارائه حمل و نقل رایگان نیز محلی سازی کنید.

ویژگی هایی که باید سایت فروشگاهی شما داشته باشد
ویژگی هایی که باید سایت فروشگاهی شما داشته باشد

این جایی است که یک افزونه چند زبانه باید در تصویر وارد شود. به طور خاص، برای تکمیل این نیاز به دو پلاگین نیاز دارید. WPML افزونه چندزبانه وردپرس است. افزونه WooCommerce چند زبانه رایگان، مانند چسبی است که WPML را به وب سایت WooCommerce شما متصل می کند. با قابلیت های چند زبانه ای که در سایت شما برنامه ریزی شده است، مشتریان بین المللی را اکنون می توانید به وب سایت خود وارد کنید و آن ها هم تجربه خود را به عنوان یکپارچه و با تجربه به عنوان کسانی که به کسب و کار شما آشنا هستند، به دیگران منتقل کنند.

منبع: آکادمی هنرجو

دیگر مقالات مفید سایت آکادمی هنرجو:

wordpress and rss 1 848x372 - RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

به عنوان یک وبلاگ نویس، شما احتمالا تا به حال با یک آیکون نارنجی با خوراک RSS آشنا شده اید. اگر به دنبال این هستید فکر که RSS چیست و چگونه می توانید از RSS برای رشد سایت وردپرسی خود استفاده کنید، به جای درستی مراجعه کرده اید. در این مقاله، ما توضیح خواهیم داد که RSS چیست، مزایای RSS چیست و چگونه می توان از از آن برای رشد وبلاگ وردپرس شما استفاده کرد. پس در ادامه لطفا با ما همراه باشید.

RSS چیست؟

RSS یک نوع فید وب است که به کاربران و برنامه ها اجازه می دهد به روز رسانی های منظم را از یک وب سایت یا وبلاگی انتخابی خود دریافت کنند. RSS مخفف “Really Simple Syndication” یا “Summary Site Summary” است، اما اغلب به عنوان خوراک یا خوراک خبری سایت نامیده می شود. در روزهای اول دنیای وب، اگر شما می خواستید پیگیری وب سایت مورد علاقه خود را به روز رسانی کنید، شما مجبور به نشانه گذاشتن آن در مرورگر خود و  به طور دستی بررسی کردن آن می شدید تا ببینید که آیا  در سایت مورد نظر شما هر گونه به روز رسانی وجود دارد یا خیر. خب، این دقیقا همان چیزی است که RSS می کند و انجام آن را برای شما ساده و راحت خواهد کرد. درواقع RSS به شما اجازه می دهد که در کمترین زمان به راحتی از آخرین به روز رسانی های وب سایت مورد علاقه خود باخبر شوید. RSS به وبلاگ نویسان و ناشران اجازه می دهد تا به طور خودکار محتوای خود را سندیکا کنند، به طوری که کاربران می توانند آن را در ایمیل، خواننده خوراک و یا دستگاه های دیگر بخوانند.

چگونه خوراک RSS  کار می کند؟

خوراک RSS با انتشار آخرین مطالب خود در یک سند XML ساختار یافته کار می کند. این خوراک شامل مقالات کامل یا خلاصه و ابرداده برای هر آیتم مانند تاریخ، نویسنده، دسته و غیره است. این سند XML پس از آن می تواند با کمک برنامه های خوراک خوان RSS عمل دریافت و خواندن را نیز انجام دهد. بسیاری از برنامه های خوراک خوان RSS برای همه سیستم عامل ها، دسکتاپ ها و حتی دستگاه های تلفن همراه نیز موجود هستند. در اینجا یک سند XML که مثالی از خوراک RSS هست را مشاهده می کنید:

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟
RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

بسیاری از سیستم های مدیریت محتوای وب مانند وردپرس از پشتیبانی خوراک RSS برخوردارند. به طور پیش فرض هر صفحه وبی که شما با استفاده از وردپرس منتشر می کنید حاوی یک برچسب متا است که به مکان خوراک RSS سایت شما اشاره می کند. شما می توانید RSS را دروردپرس غیر فعال کنید.

مزایای RSS چیست؟

RSS برای به اشتراک گذاشتن محتوای وبسایت شما برای دیگر کاربران بسیار موثر است. RSS برای به اشتراک گذاشتن محتوای وبسایت شما برای دیگر کاربران بسیار موثر است. با استفاده از خوراک RSS می توانید به روز رسانی های وبسایت مورد علاقه خود رادر مرورگرهای وب (به جز Google Chrome) دریافت کنید. مشترکین مجبور نیستند آدرس وب سایت شما را به خاطر بسپارند، زیرا می توانندبا استفاده ار RSS  به پیگیری تمام وبسایت شما بپردازند. محتوای شما قابل حمل می شود و مشترکان شما حتی می توانند آن را برای خواندن آفلاین در نظر بگیرند. RSS همچنین به ایجاد اطمینان و اعتماد وب سایت شما و محتوای شما کمک می کند. مشترکین RSS بیشتر احتمال دارند که محتوای شما را در اطراف حلقه های اجتماعی خود به اشتراک بگذارند و کلمه ای در مورد وب سایت شما منتشر کنند. با استفاده از RSS feeds، شما می توانید به وب سایت های مورد علاقه خود مشترک شوید و همه آنها را در یک مکان بخوانید. به عنوان یک ناشر محتوا، به شما کمک می کند تا به سرعت اخبار و وبلاگ های مورد علاقه خود را اسکن کنید. 


بیشتر بخوانید »»» آموزش طراحی سایت


نحوه استفاده از RSS

ما توصیه می کنیم با استفاده از Feedly، آن را به عنوان یک افزونه ی مرورگر و همچنین از برنامه تلفن همراه برای دستگاه های iOS، Android و Kindle  که در دسترس است، استفاده کنید. با استفاده از Feedly، شما می توانید اشتراک RSS خود را در دستگاه های خود همگام سازی و از هر زمان که شما آنرا ترک کردید، خواندن را ادامه دهید. اضافه کردن وب سایت های مورد علاقه خود به Feedly واقعا ساده است، فقط آدرس وب سایت را وارد کنید و بر روی دکمه افزودن کلیک کنید تا مشترک شوید.

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟
RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

شما همچنین می توانید سایت های مورد علاقه خود را به موضوعات دسته بندی کنید. خوانندگان خوراکی rss مانند Feedly با ویژگی هایی برای چاپ، به اشتراک گذاری و مقالات ایمیل که جالب هستند پیدا می شوند.

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟
RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

چگونه خوراک RSS خود را ارتقا دهیم

به عنوان یک کاربر وردپرس، وب سایت شما یک خوراک RSS را منتشر می کند. شما می توانید بازدید کنندگان را برای اشتراک در RSS خود تشویق کنید و با اضافه کردن یک آیکون RSS به نوار کناری یا یکی دیگر از مکان های برجسته خود. RSS خود را با استفاده از یک سرویس مانند Feedburner یا Feedblitz برای کسب اطلاعات بیشتر در مورد فید های موجود مجهز کنید. Feedburner همچنین جعبه اشتراک ایمیل را دارد که می توانید به نوار کناری وبلاگ خود اضافه کنید. اما از آنجایی که در Feedburner کمی ناامنی وجود دارد، ممکن است بخواهید از گزینه های دیگر برای ایجاد خبرنامه روزانه یا هفتگی در وردپرس  استفاده کنید. علاوه بر این گزینه های اشتراک ایمیل FeedBurner بسیار قوی نیست، ما توصیه می کنیم با استفاده از Aweber یا MailChimp این کار را انجام دهید. با آموزش تکنیک های وردپرس و یادگیری مهارت ها برای مدیریت بهتر وب سایت وردپرسی خود، می توانید یک سایت حرفه ایی با رتبه بالا نزد موتور های جستجو داشته باشید. هر یک از موارد ذکر شده را در زیر به همراه توضیحات کامل برای شما عزیزان آورده ایم و هیچ جای نگرانی وجود ندارد چون هدف ما اینست.

۱- برای ساخت یک لیست ایمیل از خوراک RSS استفاده کنید

اگر شما قبلا لیست ایمیل را نمی ساختید، باید بلافاصله شروع به ساخت آن کنید. این جایی است که شما به OptinMonster نیاز دارید. این بهترین نرم افزار تولید سرب در بازار است و به شما اجازه می دهد تا بازدید کنندگان وب سایت را به مشترکین تبدیل کنید.

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟
RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

۲- از RSS Feed برای رشد رسانه های اجتماعی استفاده کنید

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟
RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

وب سایت های رسانه های اجتماعی مانند فیس بوک و توییتر می توانند به بهبود ترافیک وب سایت شما کمک کنند. با این حال، برای فعال نگه داشتن پروفایل های رسانه های اجتماعی شما باید به طور منظم مطالب ارسال کنید. با استفاده از RSS feeds با IFTTT، شما می توانید پست های جدید وبلاگ خود را به طور خودکار در تمام پروفایل های رسانه های اجتماعی خود به اشتراک بگذارید.

۳- ایجاد وبلاگ با استفاده از ویجت RSS

وردپرس با یک ویجت پیش فرض RSS همراه است که می توانید به نوار کناری خود اضافه کنید و آخرین پست های هر وبلاگ دیگر را نمایش دهید. شما می توانید از این ویجت برای وبلاگ های خود استفاده کنید.

RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟
RSS چیست؟ چگونه از RSS در وردپرس استفاده کنیم؟

source

دیگر مقالات مفید سایت آکادمی هنرجو:

بهینه سازی وب سایت 800x480 - آموزش بهینه سازی وب سایت

آموزش بهینه سازی وب سایت

بهینه سازی وب سایت چیست؟

بهینه سازی وب سایت و یا سئو (Search Engine Optimization) به مجموعه اقداماتی گفته می شود که طی آن وب سایت شما

در نتایج حاصل از جستجوی یک کلمه یا عبارت در موتورهای جستجو، در جایگاه مناسبی (مثلا در صفحه اول) نمایش داده می شود.

چه چیزی در بهینه سازی وب سایت اتفاق می افتد؟

برای درک معنای واقعی بهینه سازی وب سایت (SEO)، بیایید این جمله را در این سطر قطع کنیم و به پارت های زیر نگاهی بیاندازیم:

  • کیفیت ترافیک: شما می توانید تمام بازدید کنندگان در جهان را جذب کنید، اما اگر آنها به سایت شما می آیند به این دلیل است

که گوگل به آنها می گوید (به عنوان مثال) شما یک منبع برای خرید و فروش کامپیوتر، لپ تاپ و موبایل های اپل هستید و کاربر وقتی

آن چیزی را که به دنبال آن بوده است در سایت شما پیدا کرده باعث خواهد شد در سایت شما مدت زمان زیادی بماند و این ماندگاری

سبب بهبود کیفیت وب سایت شما خواهد شد، اما زمانی که واقعا شما یک منبع خرید و فروش محصولات اپل نیستید و این ها فقط

ظاهرسازی بوده تا کاربر برای وب سایت خود جذب کنید، کاربر فورا وبسایت شما را ترک خواهد کرد و این یک نمره منفی برای ترافیک

وب سایت شما خواهد بود.

  • تعداد ترافیک: هنگامی که شما افراد مناسب و هدفمند را از طریق جستجو در صفحات اینترنت و نتایج موتور جستجو به سایت

خود جذب کنید، تعداد ترافیک وب سایت شما بیشتر و بهتر خواهد شد.

  • نتایج ارگانیک: تبلیغات بخش مهمی از فرایند بهینه سازی وب سایت شما و جذب کاربر را تشکیل می دهند. ترافیک ارگانیک

ترافیکی است که شما به گوگل یا وب سایت های دیگر برای تبلیغ سایت خود پول نمی دهید و به صورت طبیعی و با رعایت نکات و

اصول بهینه سازی وب سایت، سایت خود را در نتایج موتورهای جستجو بالا می آورید.

چگونه بهینه سازی وب سایت (SEO) کار می کند؟

شما ممکن است فکر کنید که موتورهای جستجو مانند یک وب سایت هستند که شما از آنها بازدید می کنید که مثلا یک سوال را در

آن تایپ کنید و دنبال جوابش بگردید و گوگل، یاهو، بینگ یا هر موتور جستجو دیگری که شما از آن استفاده میکنید بطور جادویی

لیست طولانی از لینک های مربوط به صفحات وب به طور بالقوه مه می تواند به سوال شما پاسخ دهد را برای شما می آورد.

درست است اما آیا تا به حال فکر کرده اید که چه چیزی در پشت این فهرست جادویی پیوندها  و لینک های صفحات قرار دارد؟

در اینجا نشان می دهد که چگونه کار میکند: گوگل (یا هر موتور جستجو که از آن استفاده میکنید) دارای یک خزنده است که خارج

می شود و اطلاعاتی را در مورد تمام محتوایی که می توانند در اینترنت پیدا کنند جمع آوری می کند. خزنده ها همه ی آن ها ۱ و ۰

را به منظور ایجاد یک شاخص به موتور جستجو می برند. این شاخص سپس توسط یک الگوریتم تغذیه می شود که تلاش می کند

تمام داده ها را با جستجوی شما مطابقت دهد. عوامل بسیاری وجود دارد که به یک الگوریتم موتور جستجو می آیند، و در اینجا

چگونگی انجام کار گروهی از کارشناسان اهمیت دارد:

بهینه سازی وب سایت
بهینه سازی وب سایت

این تمام بهینه سازی وب سایت برای موتورهای جستجوگر است. بخشی از بهینه سازی جستجوگرها این است که افرادی که همه این محتوا

ها را بنویسند و آنرا در سایت های خود قرار دهند، سپس محتوای این سایت ها و خود سایت ها را در اختیار موتورهای جستجو قرار میدهند

تا  آنها بتوانند آنچه را که مشاهده می کنند را درک کنند و کاربرانی که وارد می شوند از طریق جستجو آنچه را که می بینند را دوست بدارند.

بهینه سازی می تواند انواع مختلفی داشته باشد. همه چیز این است که اطمینان حاصل کنید که برچسب های عنوان و توضیحات متا هر دو

آموزنده و طول مناسبی برای اشاره به لینک های داخلی در صفحات شما داشته باشند.


بیشتر بخوانید »»» چگونه یک توسعه دهنده وب حرفه ای شویم 


آموزش SEO

هدف این بخش از مقاله آکادمی هنرجو این است که به شما کمک کند چیزی را که میخواهید درباره بهینه سازی وب سایت برای موتورهای

جستجوگر یاد بگیرید. اگر شما کاملا به این موضوع جدید هستید، از همان ابتدا شروع کنید و راهنمای مبتدیان را برای بهینه سازی وب

سایت برای موتورهای جستجوگر بخوانید. اگر به یک موضوع خاص نیاز دارید، هرجا که مناسب باشد، سوال کنید. اینجا یک مرور کلیست:

ایجاد یک سایت سئو فرندلی (بکارگیری اصول بهینه سازی سایت در بستر طراحی وب سایت)

هنگامی که شما آماده اید برای شروع و راه اندازی فرایند بهینه سازی وب سایت، وقت آن است که تکنیک های SEO را به یک سایت اعمال

کنید، چه آن سایت تازه طراحی شده باشد و یا یک وب سایت قدیمی است که می خواهید آن را بهبود ببخشید. این صفحات به شما کمک

می کند تا همه چیز را از انتخاب یک نام دامنه سئو فرندلی تا انتخاب بهترین روش برای دادن لینک های داخلی آغاز کنید.

محتوا و نشانه گذاری مربوطه

سایت تا زمانی که محتوایی ندارد، یک سایت واقعی نیست. اما SEO برای محتوا دارای متغیرهای خاصی است که ما به آن بخش خاصی

داده ایم. از اینجا شروع کنید اگر درباره تحقیقات درمورد کلمات کلیدی، نحوه نوشتن کپی سئو فرندلی و نوع نشانه گذاری که به موتورهای

جستجو کمک می کند درک دقیقی از آنچه که محتوای شما واقعا در مورد آن است، داشته باشند.

موضوعات مربوط به پیوند

در مورد همه چیزهایی که شما تا به حال نیاز دارید که در مورد پیوندهایی که از متن لنگر به تغییر مسیر دارند مطلع شوید. این سری از

صفحات را بخوانید تا بدانید چگونه و چه زمانی برای استفاده از لینک های nofollow مناسب است و چه زمانی نیست. اگر بیشتر به

سمت لینک بیلدینگ ها (برای بهبود رتبه بندی سایت خود با به دست آوردن لینک ها)  بروید، به طور مستقیم به راهنمای مبتدی برای

لینک بیلدینگ را خواهید دید.

تکامل جستجوگرها

الگوریتم های موتور جستجو اغلب تغییر می کنند و تاکتیک های SEO در پاسخ به آن تغییرات تکامل می یابند. بنابراین اگر کسی به

شما مشاوره SEO را ارائه می دهد که به درستی از سئو درک و دانشی ندارد و آن را احساس نمی کند، به سراغ یک متخصص بروز

در زمینه بهینه سازی وب سایت برود. 

source

دیگر مقالات مفید سایت آکادمی هنرجو:

 

how to brief a web designer 388161091 848x480 - آموزش طراحی سایت

آموزش طراحی سایت

طراحی سایت حرفه بسیار خوبی است مخصوصا در دنیای اینترنتی امروز ما. اگر شما واقعا خوب کار می کنید و علاقمند به این حرفه هستید،

می توانید این تخصص را یاد گرفته و با انجام پروژه های متعدد مشتریان پول کسب کنید و حتی می توانید در سایت های انجام کار عضو

شوید و پروژه های پول سازی دیگری را نیز دنبال کنید. اگر می خواهید بدانید که چگونه طراحی وبسایت را یاد بگیرید، شما به جای مناسبی

آمده اید پس در ادامه با ما همراه باشید.

شروع

 

طراحی سایت
طراحی سایت

گام اول: توجه داشته باشید که طراحی سایت متفاوت است. طراحی وب طراحی کتاب نیست، طراحی پوستر نیست، طراحی تصویر نیست و

بالاترین دستاوردهای این رشته ها، اهداف طراحی وب نیستند. اگرچه برخی از وب سایت ها می توانند مکانی برای انجام بازی ها و تماشای

فیلم ها باشند و البته این وبسایت ها میتواند بسیار دوست داشتنی و پر طرفدار بنظر برسد، اما این سایت ها نمونه هایی از طراحی بازی ها

و داستان سرایی فیلم ها هستند، نه طراحی وب.

گام دوم: درک کنید که طراحی وب سایت چیست. طراحی سایت ایجاد محیط های دیجیتال است که: تسهیل و تشویق فعالیت های انسانی؛

منعکس یا انطباق با صدای فرد و محتوا؛ و با گذشت زمان را به آرامی تغییر دهید و همیشه هویت خود را حفظ کنید.

گام سوم: تعیین کنید که از چه منبعی می خواهید استفاده کنید. منابع اصلی وبسایت ها، فیلم ها و کتاب ها هستند. برخی از وبسایت های

محبوب Codecademy و W3Schools هستند. با این حال، تعداد بسیار زیادی وجود دارد، بنابراین آزادی انتخاب را دارید. اگر یک سایت

را انتخاب کرده اید ثبت نام کنید. شما می توانید پیشرفت خود را به این ترتیب ذخیره کنید. اگر فیلم ها را انتخاب کرده اید، همه ویدیوهایی

را که لازم دارید را نشانه گذاری کنید. اگر کتاب را برای یادگیری انتخاب کرده اید به کتابخانه یا کتاب فروشی محلی خود بروید.

اگر می خواهید ارزان تر (یا حتی رایگان) باشد، کتاب های الکترونیکی یا فایل های PDF را دانلود کنید و در صورت موجود بودن منابع مالی

لازم از یک طراح وب حرفه ای درس های فردی را یاد بگیرید.

گام چهارم: اگر قبلا برنامه ی طراحی وب را دانلود نکرده اید، دانلود کنید. در حالی که Notepad کار خواهد کرد، اما ایده خوبی است که یک

برنامه مانند Adobe Dreamweaver، Microsoft Expression Web یا KompoZer را داشته باشید. برنامه های بسیاری وجود دارد و

هر کدام را که بخواهید می توانید دانلود کنید.


بیشتر بخوانید »»» چگونه یک توسعه دهنده وب حرفه ای شویم 


یادگیری

طراحی سایت
طراحی سایت

گام اول: با HTML شروع کنید. HTML یک نیاز مطلق برای هر طراح وب است. مفهوم برچسب ها، کلاس ها، شناسه ها، ورودی ها و غیره

است و جدیدترین نسخه آن HTML5 است. HTML5 شامل برخی از فناوری های جدید است، بنابراین احتمالا بهترین گزینه برای یادگیری

است. XHTML نیز یکی دیگر گزینه هاست اما قواعد آن کمی دشوار است.

گام دوم: CSS را نیز به همراه HTML یا بعد آن یاد بگیرید. CSS  مخفف “Cascading Style Sheet” است. بدون CSS، طرح های زیبا

در برخی از وب سایت ها وجود نخواهد داشت. HTML فقط اسکلت است، اما CSS چیزی است که یک وب سایت رنگارنگ و زیبا را ایجاد

می کند. قواعد CSS کمی دشوار است به عنوان مثال، اگر شما فراموش کردید که نقطه انتهایی هر خط را بگذارید، باید خود را برای سردرد

ناشی از پیدا کردن مشکل و حل آن و متوجه این که چه اتفاقی افتاده است آماده کنید.

گام سوم: یادگیری جاوا اسکریپت و جی کوئری برای کسانی که قصد ایجاد وبسایت های ساده را دارند اختیاری است، اما اگر وبسایت های

تعاملی را میخواهید، ضروری است. اگر شما قصد استفاده از jQuery را دارید، فقط نیاز به یک دانش اساسی از جاوا اسکریپت دارید،

زیرا jQuery باعث می شود که همه چیز بسیار ساده باشد. با استفاده از jQuery، می توانید ویدجت هایی مانند آکوردئون، تقویم و غیره

را وارد کنید. همچنین سبک های مختلف آن نیز وجود دارد، بنابراین می توانید سبک مورد نظر خود را برای وب سایت خود انتخاب کنید.

گام چهارم: امکان رفتن به سمت زبان های پیشرفته تر PHP، MySQL، Perl، Ruby و برخی دیگر نیز وجود دارد. باز هم، این برای سازندگان

وبسایت های ساده اختیاری است، اما برای وبسایت های تعاملی و بزرگ خیلی مفید است. بعضی از این زبان ها مانند PHP، نیاز به سرور

تست دارند، بنابراین مطمئن شوید که یک حساب کاربری با یک شرکت میزبانی وب داشته باشید یا نرم افزار سرور را بر روی رایانه خود نصب

کنید.

منبع: آکادمی هنرجو

دیگر مقالات مفید سایت آکادمی هنرجو: