جلسه 12- دوره ی web programming (تگ SVG قسمت 1و2)

جلسه 12- دوره ی web programming (تگ SVG قسمت 1و2)

  مشخصات آموزش

  •   مدت زمان مجموعا 28 دقیقه
      حجم فایل مجموعا 24 مگابایت
      زبان آموزش فارسی
  •   لینک دانلود

جلسه 12 - دوره ی web programming (تگ SVG قسمت 1و2)

 جلسه 12 – دوره ی web programming – تگ SVG در HTML5 (قسمت 1و2)

با سلام به کاربران learningtv و علاقه مندان به طراحی وب و به خصوص دوره ی web programming.

تا اینجا 11 جلسه کامل از HTML5 را به صورت کامل گذراندیم و تقریبا نکات کلیدی طراحی وب را در این دوره ی web programming فرا گرفتیم.چند جلسه اخیر هم کمی با گرافیک در HTML  و با قابلیت ها تگ canvas در HTML آشنا شدیم.

اما در این جلسه آموزش تگ SVG را شروع می کنیم و به صورت کاملا مفصل به آموزش این تگ در HTML5 خواهیم پرداخت.تقریبا جلسات مربوط به تگ SVG در HTML5 از جلسه 12 دوره ی web programming حداقل هفت قسمت خواهد شد که در این پست دو قسمت ابتدایی قرار می گیرد.

در تگ SVG هم مانند تگ Canvas کمی با جاوا اسکریپت سرو کار خواهیم داشت که چندان پیچیده نخواهد بود.در جلسه اول (قسمت اول) به یادگیری اشکال هندسی مثل rectangle,circle,arc,ellipse,polygon,… در تگ SVG می پردازیم و خواهیم فهمید که چطور این اشکال را در تگ SVG ایجاد کنیم.اما در جلسه دوم(قسمت دوم) نکته تازه ای یاد می گیریم و آن هم این است که یک بار یک طراحی کنیم و چند بار بتوانیم از طراحی انجام شده به وسیله تگ SVG استفاده کنیم.این کار با استفاده از خصوصیت (Attribute) ای به نام Xlink:href و تگ use در داخل تگ SVG میسر خواهد شد.در ادامه همین جلسه دوم یاد می گیریم که چطور یک عکس با هر فرمتی مثل png,jpeg,gif,… را در داخل تگ SVG قرار بدهیم و در بخش انتهایی قسمت دوم – جلسه 12 دوره ی web programming کار با متن در داخل تگ SVG در HTML5 را فرا خواهیم گرفت و مقدمه ای خواهد شد برای جلسات آتی برای استایل دهی به متن در داخل تگ SVG.

امید است که این آموزش تصویری را دانلود کرده باشد و مورد استفاده شما قرار گرفته باشد و سهم کوچکی در افزایش دانش شما در برنامه نویسی وب (web programming) داشته باشیم.

پیشاپیش از نظرات، انتقاد ها و پیشنهاد های  شما در مورد این دوره ی web programming که حاوی فیلم های آموزشی به زبان فارسی در مورد برنامه نویسی وب می باشد استقبال خواهیم کرد و منتظر حمایت های شما هستیم.

با تشکر/

۴ Responses to “جلسه 12- دوره ی web programming (تگ SVG قسمت 1و2)”

  1. مهدی گفت:

    چرا نظر من تایید نشده بعد دو روز ؟ 🙁

  2. مهدی گفت:

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

    یه سوال داشتم ازتون.
    اول از همه تشکر میکنم بابت آموزش های بسار عالی تون.دوم اینکه استاد به نظرتون این تگ های canvas و svg جزو تگ های پرکاربرد و مورد نیاز هستند ؟ به نظرتون بهتر نیست بجای اینهمه دردسر شعاع و ضلع و مختصات و ….. یه فایل عکس قرار بدیم؟
    چون من ریاضیم یکم ضعیفه میخاستم ببینم این دو تگ جز تک های مهم هستند یا خیر که اگه نیستم زیاد خودمو درگیرشون نکنم.البته آموزش های مربوط بهشونو کامل دیدم.ولی مثل جلسه های گذشته کامل متوجه نشدم

    ممنون میشم راهنمایی کنید
    مرسی

    • سید عبدالله محمودزاده گفت:

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

      زیاد جای مشکل خاصی نیست. 🙂

      موفق باشید.

      • مهدی گفت:

        خیالمو راحت کردی استاد..دستت درد نکنه..بابت آموزشاتون هرچی تشکر کنم بازم کمه.واقعا عالییییی.حقا که “زکات علم یاد دادنشه” رو انجام دادید
        اجرتون با امام زمان (عج)

ارسال دیدگاه

نام (*)
پست الکترونیکی (*)
وبسایت

  مشخصات مدرس

سید عبدالله محمودزاده
دانش آموخته ی رشته ی مهندسی نرم افزار می باشد. زمینه ی تخصصی وی: برنامه نویسی Application ها ویندوزی به زبان C#.NET طراحی پایگاه داده (SQL server,MySQL,Access ) تکنولوژی های کار با منابع داده (ADO.NET,Linq,Entity Framework) برنامه نویسی وب (HTML5,CSS3,JavaScript,Jquery,Ajax,PHP,Jason) می باشد.

  دوره‌های پیشنهادی

لوگوی جشنواره وب و موبایل ایران