آموزش HTML | آموزش کامل HTML و HTML5 | صفر تا صد
زبان HTML، پایه و اساس صفحات وب را تشکیل میدهد و اولین قدم برای شروع طراحی صفحات وب محسوب میشود که ما در این دوره آموزشی یعنی دوره آموزش html یا آموزش تصویری html5 به صورت جامع html و html5 رو مورد بررسی قرار خواهیم داد.
HTML مخفف کلمات Hyper Text Markup Language است که ترجمه فارسی آن برابر با زبان برچسبگذاری ابر متن خواهد بود. HTML یک زبان برنامهنویسی نیست بلکه یک زبان برای نشانهگذاری یا Markup است. تفاوت یک زبان برنامهنویسی و یک زبان نشانهگذاری در شکل محتوای آنهاست. زبانهای برنامهنویسی برای اجرای یک تابع، انجام کارکردی منطقی و… استفاده میشود اما HTML در واقع سنگ بنایی برای نمایش و تحویل محتوا است. در یک زبان برچسب یا نشانهگذاری ابزار اصلی ما تگها هستند، آنها به ما قدرت نمایش محتوا در قالبهای متفاوت را میدهند.توصیه میشود ( دوره آموزشی طراحی سایت ) را نیز مشاهده کنید
HTML با استفاده از تگ های (برچسب) مخصوصی که دارد ، یک صفحه وب را نشانه گذاری میکند و به این وسیله ساختار اصلی یک صفحه وب را تشکیل میدهد. هر یک از این تگ ها برای مرورگر معنا و مفهوم خاصی دارند و برای ایجاد یک عنصر خاص باید از یک تگ خاص استفاده کرد برای مثال تگ img برای تصاویر در آموزش html.
نسخههای مختلف HTML
تا به کنون برای HTML پنج نسخه به اضافه یک نسخه (XHTML) توسعه داده شده است.
- HTML در ابتدا در سال ۱۹۹۱ منتشر شد.
- HTML 2.0 در ۱۹۹۵ منتشر شد.
- HTML 3.2 در ۱۹۹۷ منتشر شد.
- HTML 4.01 در ۱۹۹۹-۲۰۰۰ منتشر شد.
- و HTML5 که آخرین و پیشرفتهترین نسخه از HTML است را در سال ۲۰۱۴ منتشر کردند.
هدف این دوره آموزش html در ابتدا آشنایی شما با مبانی HTML –که تقریبا در تمام نسخهها یکی است- و پس از آن آشنا کردن شما با مفاهیم پیشرفته در HTML5 است.
HTML5 چیست؟
HTML5 آخرین نسخه تکامل یافته و استاندارد HTML است. در واقع HTML5 نسخه جدیدی از زبان HTML است که دارای عناصر، ویژگی ها و رفتارهای جدید است و مجموعه ای بزرگ از فن آوری هایی که امکان ساخت وب سایت ها و برنامه های متنوع و قدرتمند را فراهم می کند را در خود جای داده است.
همانطور که گفته شد HTML5 با HTML تفاوت هایی دارد. هدف بسیاری از تغییرات عمیق در این زبان این بود که بسیاری از راه های جدیدی را که توسعه دهندگان از آن استفاده می کردند، استاندارد کند و همچنین مجموعه ای از بهترین روش ها در رابطه با توسعه وب را بهبود بخشد.
تفاوت های HTML5 با نسخه های قبلی HTML
به طور کلی تفاوت HTML5 با نسخه های قبلی را می توان در موارد جدید اضافه شده و موارد حذف شده در این نسخه خلاصه کرد. این حذف و اضافه عناصر همگی در راستای اهداف جدید زبان برنامه نویسی وب است و تجربه بهتری را برای کاربران اینترنت به همراه دارد که در این دوره آموزشی یعنی آموزش html به این تفاوت ها اشاره خواهیم داشت.
جزییات کامل دوره آموزش کامل html و html5:
قسمت اول : مقدمات کار آموزش html
- آشنایی با نحوه ساخت فایل های html
- آشنایی با ساختار html
- آشنایی با اعلان DOCTYPE
- آشنایی با تگ title
قسمت دوم : آشنایی با تگ های Heading و Paragraph
- آشنایی با تگ های h1,h2,h3,h4,h5,h6
- آشنایی با تگ p
- آشنایی با تگ pre
- آشنایی با تگ hr
- آشنایی با تگ br
قسمت سوم : آشنایی با Attribute ها و لینک ها در html
- آشنایی با صفت یا Attribute
- آشنایی با صفت title
- آشنایی با تگ a
- آشنایی با صفت href
- آشنایی با صفت target
- آشنایی با لینک های داخلی و خارجی
قسمت چهارم : آشنایی با تصاویر در آموزش html
- آشنایی با تگ img
- آشنایی با صفت src
- آشنایی با صفت width
- آشنایی با صفت height
- آشنایی با صفت alt
- آشنایی با نحوه لینک کردن یک تصویر
قسمت پنجم : آشنایی با صفت style در آموزش html
- آشنایی با صفت style
- آشنایی با خاصیت color
- آشنایی با خاصیت background-color
- آشنایی با خاصیت text-align
- آشنایی با خاصیت border
- آشنایی با خاصیت font-size
- آشنایی با خاصیت rgb
قسمت ششم : آشنایی با المنت های قالب بندی
- آشنایی با المنت b
- آشنایی با المنت strong
- آشنایی با المنت i
- آشنایی با المنت em
- آشنایی با المنت u
- آشنایی با المنت ins
- آشنایی با المنت big
- آشنایی با المنت small
- آشنایی با المنت sup
- آشنایی با المنت sub
- آشنایی با المنت del
- آشنایی با المنت mark
قسمت هفتم : آشنایی با جداول در آموزش کامل HTML
- آشنایی با تگ Table
- آشنایی با تگ tr
- آشنایی با تگ th
- آشنایی با تگ td
- آشنایی با صفت border
- آشنایی با صفت cellspacing
- آشنایی با صفت cellpadding
- آشنایی با صفت width
- آشنایی با صفت align
- آشنایی با صفت bgcolor
قسمت هشتم : آشنایی با لیست ها در آموزش کامل HTML
- آشنایی با تگ ul
- آشنایی با تگ li
- آشنایی با تگ ol
- آشنایی با صفت type
- آشنایی با خاصیت list-style-type و مقادیر مختلف آن
- آشنایی با تگ dl
- آشنایی با تگ dt
- آشنایی با تگ dd
- آشنایی با کامنت گذاری
قسمت نهم : آشنایی با تگ های div و span در آموزش html
- آشنایی با تگ های block و inline
- آشنایی با تگ div
- آشنایی با تگ span
قسمت دهم : آشنایی با صفات class و id
قسمت یازدهم : آشنایی با موجودیت ها
- آشنایی با کاراکترهای رزرو شده
- آشنایی با موجودیت lt&
- آشنایی با موجودیت gt&
- آشنایی با موجودیت nbsp&
- آشنایی با موجودیت amp&
- آشنایی با موجودیت quot&
- آشنایی با موجودیت copy&
- آشنایی با موجودیت pound&
- آشنایی با موجودیت cent&
قسمت دوازدهم : آشنایی با فرم ها در آموزش HTML
- آشنایی با تگ form
- آشنایی با تگ input
- آشنایی با صفت type و مقادیر آن
- آشنایی با تگ fieldset
- آشنایی با تگ legend
قسمت سیزدهم : آشنایی با تگ head
- آشنایی با تگ link
- آشنایی با favicon
- آشنایی با آدرس های نسبی و مطلق
- آشنایی با تگ base
- آشنایی با تگ script
قسمت چهاردهم: آشنایی با متاتگ ها در آموزش html
- آشنایی با تگ meta
- آشنایی با متاتگ charset
- آشنایی با متاتگ description
- آشنایی با متاتگ keywords
- آشنایی با متاتگ author
- آشنایی با متاتگ viewport
قسمت پانزدهم : آشنایی با تگ های اصلی html5
- آشنایی با مفهوم تگ های معنادار
- آشنایی با تگ header
- آشنایی با تگ aside
- آشنایی با تگ section
- آشنایی با تگ article
- آشنایی با تگ footer
- آشنایی با تگ nav
قسمت شانزدهم : آشنایی با تگ figure و details در آموزش تصویری html5
ویژگی های دوره
- تعداد جلسات 24
- امتحانات 0
- مدت 4 ساعت و 37 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- دانشجویان 10517
- ارزیابی ها بله
-
فهرست دروس
- مقدمات کار و آشنایی با HTML
- شروع کدنویسی با HTML
- آشنایی با تگ های عنوان و پاراگراف
- آشنایی با Attribute ها و لینک ها در html
- آشنایی با تصاویر در html
- آشنایی با صفت Style در html
- آشنایی با المنت های قالب بندی در html
- آشنایی با جداول در html
- آشنایی با لیست ها در html
- آشنایی با تگ های div و span در html
- آشنایی با صفات class و id در html
- آشنایی با موجودیت ها در html
- آشنایی با فرم ها در html
- آشنایی با تگ head در html
- آشنایی با متاتگ ها در html
- آشنایی با تگ های اصلی در html5
- آشنایی با تگ figure و details در html5
- رسم اشکال گرافیکی در html5 با SVG
- آشنایی با ویدیو و صدا در html5
- نحوه استفاده از GeoLocation در html5
- آشنایی با نحوه Drag and Drop در html5
- نحوه استفاده از WebStorage در html5
- نحوه استفاده از WebWorker در html5
-
ویدیو ها و فایل های دوره
-
nahid.a
آموزش با توضیحات کامل
عالی هست پیشنهاد میکنم
-
ali999
عااالی
با عرض سلام و خسته نباشید.مطالب خیلی کامل و واقعا قابل فهم جای سوال نمیذارید .ممنون از شما و سایت خوبتون
-
mohammadreza13
عالی بود
خیلی خوب بود هیچ جا با ایین کیفیت ندیده بودم
-
hanisoli
Hani
روان و قابل فهم.خیلی ممنون
-
hamid1346
اکستنشن ها
سلام و عرض ارادت و خداقوت واقعا زحمت کشیدین و نکات خوب و کلیدی در آموزش مطرح کردین خدا حفظتون کنه یه سوال داشتم در مورد اکستنش ها من اکثر اکستنشهای ضروری رو نصب کردم مثل emmet و یا lorem ipsum و بقیه ولی عمل نمی کنن و در extension manager نشون میده که با موفقیت نصب شدن ..میتونید کمک کنید مشکل رو رفع کنم ؟ ممنون
372 دیدگاه
این سایت عالیه
ببخشید یه سوال داشتم توی این دوره در مورد اینکه چطور ازفونت خاصی استفاده کنیم یا چطور یه فونت ایکن از fontawesome رو وارد پروژه کنیم توضیح ندادین یا اینها مربوط بهcss میشه واگراینطوره در دوره css خودتون به این موضوع پرداختین؟ ممنونم
سلام و درود
بله این موارد در دوره آموزش کامل CSS آموزش داده شده
موفق و پیروز باشید
ممنون از اموزش عالی شما.اونقدر دلنشین صحبت میکنید که ادم اصن احساس خستگی نمیکنه
سلام و درود
خیلی ممنون بابت نظر بسیار ارزشمند شما خوشحالیم که دوره ها مورد توجه تون قرار گرفتن
موفق و پیروز باشید
با عرض سلام و خسته نباشید
خیلی ممنون از آموزش جامع و کاملتون
ما که هم استفاده کردیم و هم لذت بردیم
واقعا دستتون درد نکنه
سلام و درود
با تشکر از نظر بسیار ارزشمند شما
خوشحالیم که دوره ها مورد توجه شما واقع شدن
موفق و پیروز باشید
در واقع می خوام با گرویتی فرم یه فرم به صورت ادرس زیر طراحی کنم که با وارد کردن تعداد کاراکتر ها قیمت فرم تغییر کند اگر راهنمایی کنید ممنون میشوم
سلام و خسته نباشید من میخواستم من می خوام با html یه بخشی را طراحی کنم که وقتی متنی را در ناحیه متنی قرار میدهد تعداد کاراکتر های موجود را بشمارد آیا این کار با html امکان پذیر می باشد؟
سلام و درود
این مورد با جاوا اسکریپت انجام پذیر است که میتونید از طریق لینک زیر این دوره آموزشی را مشاهده کنید
آموزش جاوا اسکریپت از مقدماتی تا پیشرفته
موفق و پیروز باشید
استاد جساراتن عذر میخوام
نمیشه دوره css تون را لطف کنید قیمتش کمتر کنید
تو این وضع یکم قدرت خرید کم شده
ما هم شیفته نحوه تدریستون شدیم
ممنون از زحماتی ک میکشید
سلام و درود
با تشکر از نظر ارزشمند شما
یک کد تخفیف برای شما ایجاد و به ایمیل شما ارسال شد که امیدواریم مفید واقع شود
موفق و پیروز باشید
درود استاد…
استاد در ویدیو هاتون با استفاده از کیبورد یه متنی را انتخابی میکردید
چطوری این کار را انجام دادید
ممنون
استاد در فیلم های اموزشی با کیبورد یه تیکه از متن را انتخاب میکردید
میشه بگید جوری این کار را انجام دادید ؟
و اگه امکانش هست یک سری از این ترفند ها ک به سریع نوشتن کمک میکنه را بگید
باسلام …و خسته نباشید خدمت استاد
ممنون از اموزش خوبتون
استاد در فیلم های اموزشی با کیبورد یه تیکه از متن را انتخاب میکردید
میشه بگید جوری این کار را انجام دادید ؟
و اگه امکانش هست یک سری از این ترفند ها ک به سریع نوشتن کمک میکنه را بگید
سلام و درود
با تشکر از نظر ارزشمند شما
برای این مورد از ترکیب کنترل های Shift و End استفاده کنید
چشم حتما داخل دوره ها این نکات گفته خواهند شد
موفق و پیروز باشید
فایل های اموزشو از کجا میتونم دریافت کنم؟تو لیست دانلود ها وفایل زیپ قرار داده شده نبود.
سلام و دورد
آخرین درس با نام ” دانلود ویدیو ها و فایل های دوره ” باز کنید و میتونید فایل ها رو دانلود کنید
موفق و پیروز باشید
سلام ممنون از دوره فوق العادتون . واقعا مرسی
سلام و درود
با تشکر از نظر ارزشمند شما خوشحالیم که دوره براتون مفید واقع شده
موفق و پیروز باشید
با سلام و تشکر از آموزش عالی تون
صفت style برای چه تگ هایی استفاده میشه ؟
سلام و دورد
تقریبا برای همه تگها استفاده میشه
موفق و پیروز باشید
سلام
من هم بابت آموزش های بی نظیر و کامل شما تشکر می کنم. فقط ای کاش زمان حدودی برای تکمیل دوره ها مثل css و php بگید و این خیلی میتونه به برنامه ریزی ما کمک کنه. امکانش هست پایان آموزش این دوره ها رو هرچند حدودی بگید؟ و اینکه برای فریم ورک ها مثل laravel برنامه ای برای تهیه آموزش دارید؟
خیلی ممنونم
سلام و دورد
با تشکر از نظر ارزشمند شما
دوره CSS کامل شده و میتونید دوره رو مشاهده کنید برای دوره PHP هم معلوم نیست اما تا یک ماه دیگه بخش زیادی از دوره تکمیل میشه
فریم ورک لاراول فعلا بنده خودم برنامه ای براش ندارم اما سعی میکنیم با همکاری مدرسان آموزش تک این دوره رو هم ضبط بکنیم
موفق و پیروز باشید
سلام وقت بخیر. آموزش هاتون واقعا عالی و بدون نقصه.
یه سوال داشتم.. اگه با وردپرس بدون کد نویسی به راحتی میشه یاست طراحی کرد، پس دیگه چه نیازی به یادگیری Html. Css و امثال این ها است؟؟؟؟
سلام و دورد
با تشکر از نظر ارشمند شما
جواب بسیار ساده است ، شما هر سایتی رو هم راه اندازی کنید نیاز پیدا میکنید که بعضی از قسمت های سایتتون رو سفارشی سازی کنید که در این صورت یا باید به یک طراح سایت هزینه بپردازید تا کار رو انجام بده یا اینکه خودتون یاد میگیرد و تغییرات رو انجام میدید
موفق و پیروز باشید
سلام ، ممنون برای اموزش های خوبتون ،من یه سوال برام پیش اومده ، تو نصب extension ها من نمیتونم Brackets-Icons
رو نصب کنم ، extension error میده میدونید مشکل از کجاست ؟راستش خودم فکر میکنم فایل گیت مشکل داره
سلام و دورد
با تشکر از نظر ارزشمند شما
متاسفانه تابحال همچین اروری توی نرم افزار Brackets برای بنده پیش نیومده اما این مورد رو گوگل کنید منابع زیادی وجود دارن که به این موارد پرداختن
موفق و پیروز باشید
سلام استاد خسته نباشید
میخواستم بدونم با موبایل هم میشه سایت رو ساخت؟
خواهش میکنم جواب بدید
خیلی ممنون از اموزش فوق العادتون
سلام و دورد
با تشکر از نظر ارزشمند شما
نرم افزار هایی برای کدنویسی در موبایل وجود دارن اما میشه گفت که عملا کدنویسی با موبایل امکان پذیر نیست
موفق و پیروز باشید
سلام مجدد ممنون که جواب دادین فقط یک سوال دیگر این که اموزش طراحی قالب وب با فتوشاپ چرا سایز سند باز شده در فتوشاپ همخونی با صفحه های وب سایت های دیگه نداره خیلی کوچیک تره
خواهش میکنم
سایز سند باز شده در فتوشاپ ربطی به سایز صفحات وب نداره ، طراحی قالب در فتوشاپ فقط یک طرح اولیه و راهنماست
موفق و پیروز باشید
سلام ممنون از اموزش های خوب و رایگانتون من الان فتوشاپ برای طراحی قالب وب را بلدم میخوام بدونم که فقط یاد گرفتن زبان HTML برای برنامه نویسی وب خوبه؟
سلام و دورد
با تشکر از نظر ارزشمندتون
شما ابتدا دوره html رو یاد بگیرید بعد از html قدم بعدی برای شما به ترتیب css و جاوااسکریپت خواهد بود
موفق و پیروز باشید
سپاسگزارم از پاسخگوییتون
مشکل حل شد و تونستم ثبت نام کنم
پاینده باشید
با سلام ووقت بخیر متاسفانه نمیتونم تو سایت ثبت نام کنم هربار پیغام میده یک چیزی اشتباه است دوباره تلاش کنین
میشه لطفا راهنمایی کنین چطور ثبت نام کنم؟
سپاسگذارم از پاسخگویی شما
سلام و دورد
لطفا از طریق آی دی تلگرامی که در قسمت تماس با ما قرار داده شده با ما در اتباط باشید
موفق و پیروز باشید
سلام من طراحی وب رو می خوام شروع کنم لطفا یه نقشه راه بدید آیا آموزشایی که تو این سایت مثل همین html کامل هست که بشه وقت گذاشت و بعدش عملی بتونیم واقعا سایتی طراحی کنیم . مرسی از شما
سلام و درود
در آمورش تک سعی ما بر این هست تا آموزش هایی که تولید میشن از لحاظ محتوا پربار و کامل بوده و در نهایت هنرجو بعد از اتمام دوره بتواند در عمل محتوا را به کار بگیرد و از تخصص خود به صورت عملی استفاده کند
برای تسلط بر طراحی سایت طبیعتا باید یکسری مباحث رو یاد بگیرید که واقعا در این زمینه مسلط بشید که به همین منظور دوره هایی در سایت منتشر شدن که به ترتیب زیر پیشنهاد میکنیم مشاهده کنید :
1- دوره آموزش کامل HTML و HTML5
2- دوره آموزش کامل CSS و CSS3
3- دوره آموزش ریسپانسیوسازی قالب با CSS3
4- در این مرحله میتونید آموزش های رایگان سایت رو به دلخواه مشاهده کنید تا تسلط شما بیشتر شود
5- دوره آموزش جاوا اسکریپت از مقدماتی تا پیشرفته
6- دوره آموزش بوت استرپ 4
در نهایت دوره ای رو بهتون پیشنهاد میکنیم که در حال حاضر این دوره در حال طراحی و ضبط قرار دارد که دوره بسیار جامعی هست و با این دوره آموزشی هنرجوهای سایت آموزش تک مستقیما میتوانند وارد بازار کار بشن و از تخصص خودشون کسب درآمد کنن : دوره پکیج طراحی قالب وردپرس
امیدوارم که توضیحات روشن و مفید بوده باشه
موفق و پیروز باشید
ساییتون واقعا عالیه!
فقط اگه میشه html رو با نوت پد پلاس پلاس هم اموزش بدید
سلام و دورد
با تشکر از نظر ارزشمند بسیار شما
ببینید ++Notepad یک نرم افزار ویرایش متن هست مانند Brackets یا Visual Studio Code و حالا حتی با یکسری امکانات کمتر نسبت به این نرم افزار ها و HTML یک زبان استاندارد تگ نویسی هست که هیچ فرقی نمیکنه که شما در کدوم نرم افزار HTML رو بنویسید ، کد و نتیجه ای که میگیرید در همه یکی هست
موفق و پیروز باشید
سلام اگه میشه افزونه هایی که برای تکست ادیتور براکت نصب کردید رو بگید، من خیلی باهاش حال کردم برا تمرین عالیه
سلام و درود
متاسفانه دقیقا حضور ذهن ندارم که چه افزونه هایی نصب کرده بودم اما داخل گوگل سرچ کنید Brackets Plugins همه افزونه ها همراه با تصاویر و توضیحاتشون براتون میاد که میتونید استفاده کنید
موفق و پیروز باشید
با سلام و عرض خسته نباشید
من webworker رو اونقدر متوجه نشدم، امکانش هست یه مثال واضحتر بزنید؟
ممنونم از دوره خوبتون
سلام و درود
خیلی ساده است همونطوری که داخل دوره هم گفتیم زمانی که شما میخواید یک کار سنگین یا یک اسکریپت سنگین رو داخل صفحه وب خودتون اجرا کنید خوب این اسکریپت باعث میشه که صفحه وب شما سرعتش کاملا بیاد پایین یا اصلا صفحه رو کلا از کار بیاندازه اما با web worker شما دیگه همچین مشکلی نخواهید داشت چون شما اسکریپت سنگین تون رو به web worker میدید و worker هم بدون درگیر کردن صفحه شما اسکریپت رو اجرا میکنه و نتیجه رو در آخر تحویل شما میده
امیدوارم توضیحات روشن و مفید بوده باشه
موفق و پیروز باشید
سلام آقای مصطفی زاده
تگ Convas در اچ تی ام ال چیکار میکنه و اینکه تو آموزشتون قرارش نمیدین؟
سلام و درود
تگ canvas برای رسم اشکال گرافیکی به کار برده میشه ، سعی میکنیم حتما آموزشش بدیم
موفق و پیروز باشید
سلام استاد، توی قسمت background ها وقتی میخوام از تصویر png یا svg در حالت repeat استفاده کنم حدود یک پیکسل بین تصاویر فاصله میوفته، هر چقدر تصویر اصلی رو کوچیک و بزرگ کردم تو ایلاستریتور باز نتیجه همون فاصله ی یک پیکسلی بود، خروجی هایی که گرفتم یک بار برای وب، یک بار به صورت معمولی با فرمت png و یک بار هم svg
سلام و دورد
دقت کنید که حاشیه های تصویرتون فضای خالی نداشته باشه
اگر بازهم مشکل داشتید میتونید از قسمت تماس با ما با آی دی تلگرام بنده در ارتباط باشید
موفق و پیروز باشید
سلام ممنون از آموزش خوبتون
برنامه ی breackets و notepad++ رو از کجا میشه دانلود کرد ؟ من چند ورژن دانلود کردم ولی با این ورژن اصلیه که تو فیلمای شما هست متفاوته
چیکار کنم ؟ خودتون جایی قرار ندادین برم دانلود کنم ؟
بابت همه چیز ممنون
سلام و درود
با تشکر از نظر ارزشمند شما
بنده یسری پلاگین ها داخل نرم افزار نصب کرده بودم به همین دلیل شاید کمی از لحاظ ظاهری متفاوت بوده باشه در غیر این صورت نرم افزار رو شما میتونید از سایت های دانلود ، دانلود کنید و هیچ فرقی هم با نسخه داخل ویدیوی آموزشی نداره یا اینکه میتونید از ادیتور های دیگه هم استفاده کنید مثل visual studio code که ادیتور خیلی خوبی هست یا اگه میخواید از brackets استفاده کنید میتونید وارد این سایت بشید و دانلود رو انجام بدید:
http://brackets.io/
موفق و پیروز باشید
آهان ممنونم
سلام آقای مصطفی زاده خسته نباشید.
ببخشید چطور میشه تو یک صفحه که دو تا Audio یا Video گذاشتیم کاری کرد که با پخش یکی از اونها اون یکی، پخشش متوقف بشه؟
سلام و درود
اینکارو میتونید با استفاده از جاوا اسکریپت انجام بدید:
برای Audio ها کد زیر رو داخل اسکریپت هاتون قرار بدید:
document.addEventListener('play', function(e){
var audios = document.getElementsByTagName('audio');
for(var i = 0, len = audios.length; i < len;i++){ if(audios[i] != e.target){ audios[i].pause(); } } }, true);
برای Video ها هم کافیه وقتی المنت ها رو با tagname شون انتخاب میکنیم به جای audio در کد video رو قرار بدید
موفق و پیروز باشید
عالیه ممنون
سلام خسته نباشید.
یه سوال در رابطه با قسمت Video و Audio داشتم. چطور میشه برای ویدیو یا صدایی که در وبسایت قرار میدیم فایل دانلود گذاشت؟
برای دانلود در قسمت کنترلر که کلیک میکنم، مینوسیه Download faild
ممنون
سلام و درود
با یک تگ a براحتی میتونید اینکارو انجام بدید
به این صورت که تگ a تون رو مینویسید و داخل href آدرس ویدیو یا هر فایلی که دارید رو قرار بدید بعد از این کار شما یک لینک دانلود خواهید داشت
موفق و پیروز باشید
دستتون درد نکنه درست شد.
عذر میخوام در قسمت Web worker هر کدی که شما نوشتید رو نوشتم ولی اون عدد 50 نمایش داده نمیشه.
انگار اصلا محاسبه نمیکنه. میشه راهنمایی کنید.
مشکل حل شد. ممنون
خواهش میکنم
پیشنهاد میکنم سورس کد های دوره رو دانلود کنید و کد هارو چک کنید ، به احتمال زیاد جایی رو اشتباه نوشتید در غیر اینصورت مطمئنا کدتون کار خواهد کرد
موفق و پیروز باشید
نمیتونم تو سایتتون عضو بشم
علتش چیه؟
سلام دورد
چه خطایی دریافت میکنید؟
سلام در قسمت اشنايي با تصاوير html چرا زماني كه من كد رو ميزنم بعدش اجرا ميگيرم تو گوگل تصوير نمياره؟ مخصوصا زماني كه ٣ تا تصوير را ميخواهيم كنار هم قرار دهيم نميشه
يا زماني كه بخوايم از تصوير لينك بگيريم تصوير رو من نميتونم باز كنم چون گزينه view image نداره تو گزينه ها برا من
سلام و درود
لطفا از طریق آیدی تلگرامی که در قسمت تماس با ما قرار داده شده کد خودتون رو برای بنده ارسال کنید
موفق و پیروز باشید
چرا فیلم چهارم HTML باز نمیشه؟
سلام و درود
درس مورد نظر بررسی شد اما مشکلی مشاهده نمیشه ، لطفا دوباره بررسی بفرمایید
موفق و پیروز باشید
واقعا عالیه
این آموزش منو از سردرگمی نجات داد
خیلی ممنون
سلام و دورد
خوشحالیم که این دوره آموزشی برای شما مفید واقع شده
از نظر ارزشمندتون سپاسگزاریم
موفق و پیروز باشید
با سلام خدمت مدرس خیلی خوب اقای کریم مصطفی زاده من میخوام از صفر تا صد طراحی وب رو یاد بگیرم و بتونم برای خودم و یا برای کسی که درامد داشته باشم سایت درست کنم و علاقه خیلی زیادی دارم و وقتم هم ازاد هست..
خواهش میکنم تمام برنامه نویسی هایی که لازمه رو کاملا یاد بگیرم برای طراحی وب رو به ایمیل من بفرستید
با تشکر
سلام و درود
با تشکر از نظر ارزشمند شما
ببینید زبان هایی که پایه و اساس طراحی صفحات وب رو تشکیل میدن چند مورد هستن که بعد از یادگیری این زبان ها شما وارد فریم ورک هایی میشید که از خود این زبان ها نشات گرفته شدن
که اینجا ما به ترتیب بهشون اشاره میکنیم:
1- HTML
2- CSS
3- JavaScript
4- PHP
همون طور که عرض کردم بقیه زبان هایی که شما برای بالا رفتن لول کاری تون یاد خواهید گرفت فریم ورک هایی هستن که برای این زبان ها ساخته شدن برای مثال فریم ورک jquery برای جاوا اسکریپت ، فریم ورک لاراول برای PHP و یا اینکه فریم ورک Bootstrap که بر پایه سه زبان HTML ، CSS و جاوا اسکریپت ساخته شده
امیدوارم توضیحات کامل و مفید بوده باشه
موفق و پیروز باشید
سلام. وقتتون بخیر و ممنون از اموزش خوبتون
من یه مشکلی با برنامه bracket پیدا کردم . اوایل اینجوری نبود اما الان هر ورژنی که نصب میکنم همین مشکل رو داره !
موقع زدن ایکن لایو ، رنگش صورتی میشه و می نویسه :
brackets live preview not updating due to syntax error
ممکنه راهنمایی کنین؟ و بفرمایید که شما با چه ورژنی کارمیکنین. ممنون
سلام و درود
بنده در حال حاضر از نرم افزار Visual Studio Code استفاده میکنم و به شماهم پیشنهاد میدم این نرم افزار رو
موفق و پیروز باشید
درود بر شما مدرس عزیز:
روش تدریستون بسیار سلیس و کامل بود.
ممنون بابت زحماتتون, پاینده باشید.
سلام و درود
از اینکه این دوره آموزشی مورد توجه و رضایت شما قرار گرفته بسیار خوشحالیم
با سپاس از نظر ارزشمند شما
موفق و پیروز باشید
سلام
من تمامی آموزش های مربوط به وب رو خریداری کردم و در حال یادگیری هستم و من در خارج از ایران هستم سوالی از حضورتان دارم اینه که من چگونه میتونم کار بگیرم لطفآ راهنمای کنین با تشکر فراوان از آموزش های خیلی خوبتون
سلام و درود
پاسخ به ایمیل شما ارسال شد
موفق و پیروز باشید
دستتون واقعا درد نکنه . لطفا آموزش های رایگان بیشتری بزارید .
سلام و درود
با تشکر از نظر ارزشمند شما
بله حتما سعی خواهیم کرد آموزش های رایگان رو بیشتر کنیم
موفق و پیروز باشید
بله بنده از موبایل استفاده میکنم سیستم خانگی یا لپتاپ ندارم. از اینکه پیگیر هستین واقعا تشکر میکنم. و تشکر ویژه بابت آموزشهای فوق العاده شما که اینهمه وقت گذاشتین و این آموزشهارو در اختیار دوستان قرار دادین.
دوره html عالی بود حتی یدونه سایت با همین گوشی درست کردم.
آرزوی سربلندی و موفقیت براتون دارم در پناه حق باشید.
سلام و درود
خواهش میکنم ما در خدمت هستیم و حتما پیگیری ها رو برای سایر دستگاه ها بیشتر خواهیم کرد که تا حد امکان هیچ مشکلی وجود نداشته باشه
از اینکه دوره های آموزش تک مورد توجه شما واقع شده بسیار خوشحالیم و از اینکه نظرات ارزشمند خودتون رو با ما در میان میزارید از شما سپاسگزاریم
موفق و پیروز باشید
سلام
مرسی از سایت آموزشی خوبتون.
ویدیو ها مثه اینکه برداشته شدن.
چون امروز که خواستم ادامه ویدیو html رو ببینم هیچ ویدیویی وجود نداشت حتی ویدیوهای قبلی.
ثبت نام هم کردم.
ممنون میشم بررسی کنید.
مرسی از وقتی که واسه دوستان میذارید.
سلام و درود
با تشکر از نظر ارزشمند شما
طی بروزرسانی های اخیر یکسری خطاها به وجود آمده که به زودی رفع خواهند شد
در صورتی که با موبایل سایت رو مشاهده میکنید لطفا با لپتاپ یا کامپیوتر خانگی هم سایت رو تست کنید
از صبر و شکیبایی شما سپاسگزاریم
موفق و پیروز باشید
سلام استاد آیا برنامه ای برای آموزش کامل دوره php هم دارین ؟
با تشکر از زحماتتون
سلام و درود
بله حتما در آینده آموزش داده خواهد شد اما طبیعتا بر اساس حساسیتی که ما برای کامل بودن دوره ها داریم کمی طول خواهد کشید
از صبر و شکیبایی شما سپاسگزاریم
موفق و پیروز باشید
سلام
تشکر بابت سایت خوبتون
یه مشکلی داشتم فیلم های قسمت سوم و چهارم باز نمیشه میخواستم بدونم مشکل از سایته
سلام و درود
با سپاس از نظر ارزشمند شما
قسمت های مورد نظر بررسی شدند اما مشکلی برای مشاهده این قسمت ها دیده نمیشه
لطفا شما کش مرورگرتون رو خالی کنید و دوباره بررسی بفرمایید
موفق و پیروز باشید
با سلام مجدد
بنده کش مرورگر رو هم خالی کردم و حتی با کامپیوترهای مختلف امتحان کردم بعضی از فیلم ها رو اجرا نمی کنه و پیغام This content is protected, please login and enroll course to view this content!
رو میده
که وقتی با نام کاربری و رمز هم دوباره وارد میشم باز همین مشکل هست
سلام و درود
دروس مورد نظر کاملا بررسی شدن و مشکلی از لحاظ فعال بودن ندارن
لطفا اگر بازهم مشکل دارید از قسمت تماس با ما ، با ما در ارتباط باشید
موفق و پیروز باشید
سلام قسمت ورود و ثبت نام غیر فعاله
سلام و درود
با عرض پوزش از شما ، مشکل برطرف شد
موفق و پیروز باشید
سلام.
آموزش ها عالی هستن و راحت میشه یاد گرفت دمتون گرم
میخام با جاوا اسکریپت سایت بنویسم نمیدونم از کجا شروع کنم راهنمایی میکنید؟
سلام و درود
از اینکه آموزش ها مورد توجه شما همراه عزیز ما قرار گرفته بسیار خوشحالیم
اگر در حال حاضر به HTML و CSS مسلط هستید قدم بعدی برای شما فراگیری جاوا اسکریپت هست که آموزش جاوا اسکریپت از مقدماتی تا پیشرفته در سایت قرار گرفته و میتونید مشاهده کنید
موفق و پیروز باشید
سلام
مرسی عالیه واقعا
سلام و درود
با سپاس از نظر ارزشمند شما
موفق و پیروز باشید
استاد بنظرم جلسات بیست تا بیست و سه واقعا برای مبتدی ها واقعا گنگه اصلا ما با کد های جاوا اسکریپت اشنایی نداریم خیلی گنگه برامون بنظرم نباید این اموزش ها رو اضاف بکردی چون واقعا نمیفهمیم ..
سلام و درود
علیرضا جان ببین این دوره همونطور که از اسمش پیداست آموزش کامل HTML و HTML5 هست و مباحثی که بهش اشاره کردی جزو مباحث اصلی HTML5 هست ، بلاخره هر دوره ای یک پیشنیاز یا همنیازی داره که باید یاد گرفت و این دلیل نمیشه که بگیم چون این دوره یک پیشنیازی داره باید ناقص آموزش داده بشه! بلکه دانشجو باید پیش نیاز دوره ها رو ببینه تا بتونه به بهترین شکل ممکن مباحث رو یاد بگیره ..
الان به فرض مثال مباحثی که بهش اشاره کردی ، درسته که داخل HTML5 هست اما پیش نیازش آموزش جاوا اسکریپت هست که باید جاوا اسکریپت رو یاد بگیری تا بتونی این مباحث رو بهتر متوجه بشی
امیدوارم که موضوع کاملا برات روشن شده باشه ، برای مثال الان ما در حال ضبط دوره آموزش Bootstrap 4 هستیم و پیشنیاز های این دوره HTML ، CSS ، Flexbox و تا حدی جاوا اسکریپت هست و نمیتونیم بگیم که چون کاربر با اینا آشنا نیست خوب دوره رو به صورت کامل پوشش ندیم
موفق و پیروز باشید
این قسمتها برای من خیلی مفید بودن
شما هم وقتی متوجه اهمیتش میشین که به جاوا اسکریپت برسین
لازم نیست کدهای جاوا اسکریپت رو الان یاد بگیرید
همین که یه آشنایی پیدا کنید با این قابلیتهای HTML5 کافیه.
خیلی بهتون کمک میکنه
من به آموزشی نیاز داشتم که یه توضیح اجمالی بده این موارد رو که خدا رو شکر پیدا کردم.
سلام و وقت بخیر و خدا قوت به تیم کاری آموزش تک
جناب مصطفی زاده خیلی سپاسگذارم ازتون بابت دوره فوق العاده ای که تولید کردن به این دلیل که
خیلی روان و ساده تدریس انجام گرفته و هر کسی متوجه اطلاعات این دوره میشه…. یک تشکر ویژه
هم ازتون دارم به این دلیل که وقت میذارید و همیشه پاسخگو هستید و راهنمایی میکنید….
سلام و درود
در ابتدا که خیلی خوشحالیم که دوره ها لایق و مورد رضایت شما همراه عزیز ما قرار گرفتن
ماهم از شما خیلی سپاسگزاریم که با نظرات خودتون به ما انرژی و قوت قلب میدید
ما در خدمت هستیم
موفق و پیروز باشید
واقعا ممنون به خاطر این اموزش عالی من منتظرم تا این دوره اموزش تمام شه و حتما چند دوره دیگر را خریداری میکنم
واقعا ممنونم با اموزش کامل شما راحت میتونیم html رو کامل یاد بگیریم
سلام و درود
خیلی خوشحالیم که این دوره آموزشی مورد توجه شما همراه عزیز ما قرار گرفته
نظرات ارزشمند شما انرژی بخش ما هستند از نظر ارزشمند شما سپاسگزاریم
موفق و پیروز باشید
درود و خسته نباشید خدمت آقای مصطفی زاده.سپاسگزارم از اینکه این دوره آموزشی رو با کیفیت عالی رایگان در اختیار ما گذاشتید، من در حال دیدن آموزش این دوره هستم و حتما به امید خدا بعد از تکمیل و یادگیری این دوره برای خرید آموزش های بعدی لازم هزینه میکنم با نهایت خوشحالی و افتخار.از آقای شکری هم سپاسگزارم برا ی دوره آموزشی افترافکت.براتون آرزوی سلامتی و موفقیت میکنم.
سلام و درود
از اینکه دوره های آموزشی آموزش تک مورد توجه شما قرار گرفته بسیار خوشحالیم
ماهم از همراهی دوستانی چون شما سپاسگذاریم
با آرزوی سربلندی و موفقیت روزافزون برای شما
موفق و پیروز باشید
با سلام و عرض خسته نباشید خدمت جناب آقای مصطفی زاده .
دوره css شما را خریداری کردم و بسیار مفید بود .
ممنونم از شما و سپاسگزارم .
سلام و درود
از اعتماد و همراهی شما بسیار سپاسگذاریم.
مایه خوشحالی ماست که این دوره آموزشی برای شما عزیز مفید واقع شده
با تشکر از نظر و دیدگاه ارزشمند شما
موفق و پیروز باشید
سلام من دوتا دوره آموزشی خرید کردم اما هنوز به جیمیل نفرستادید . بی زحمت راهنمایی کنید
سلام و درود
ابتدا از خرید و اعتماد شما سپاسگذاریم
دوره های آموزش جاوا اسکریپت از مقدماتی تا پیشرفته و آموزش کامل CSS و CSS3 بلافاصله برای شما فعال شده و متوانید فهرست دروس رو مشاهده کنید
ایمیل تکمیل سفارش نیز برای شما ارسال شده است
موفق و پیروز باشید
استاد شرمده ولی پروژه های هر جسله کدوم قسمت هست ؟
سلام و درود
در قسمت اول این دوره آموزشی قرار داده شده که میتونید دانلود کنید
موفق و پیروز باشید
سلام
وقتی میخوام برای صدا و ویدئو autoplay بزارم کار نمیکنه برای ویدئو وقتی از صفت muted استفاده میکنم پلی میشه خودکار ولی صدا رو هر کاری کردم درست نشد از درست بودن کد هم مطمعنم و اینکه برای هیچ کدومشون گذینه دانلود نمیاد دوستانی هم این مشکل براشون پیش اومد بود و راهنمایی که کردین رو هم چک کردم ولی فرقی نکرد
کدتون رو از طریق تلگرام بفرستید ببینم
ای دیتون رو از کجا بردارم؟
صفحه تماس با ما
باسلام
تا الان تقریبا نصف دوره ها رو دیدم و واقعا یاد گرفتم چون تا حالا آموزشی به این تمیزی و کاملی ندیده بودم
ممنون از سایت خوبتون
سلام و درود
از نظرات بسیار ارزشمند شما سپاسگذاریم
امیدواریم در این راه بتونیم همواره آموزش هایی درخور شما عزیزان آموزش تک رو تولید کنیم
موفق و پیروز باشید
تا درس نه دیدم و عالی یاد گرفتم استاد بازم ممنونم خیلی ممنونم خیلی خوشحالم خداوکیلی 🙂
راستی همچنان مشتاق دوره css هستم 🙂
سلام و درود
از اینکه این دوره آموزشی مورد استقبال شما واقع شده بسیار خوشحالیم…
دوره css به زودی منتشر خواهد شد
موفق و پیروز باشید
یعنی اموزش بهتر از این با این فن بیان ندیدم عالی هستین استادم من با سایت شما امروز اشنا شدم و خیلی خوشم اومد از داشتن همچین سایتی ببخشید ایا این سایت اموزش css هم داره که بعد از اموزش html برم دور css ؟
سلام و درود علیرضا عزیز
با این نظرات ارزشمند و زیبای شما مطمئن باشید که قدرت ما برای ادامه راه دوچندان خواهد شد ، از نظر بسیار ارزشمند شما سپاسگذاریم
بله دوره آموزش کامل css و css3 هم به زودی در سایت منتشر خواهد شد و این افتخار رو داریم تا یک دوره تک و درخور شما عزیزان رو منتشر کنیم
موفق و پیروز باشید
استاد خوبم ببخشید این دوره در حال رکورد هست ؟ یعنی دارید فیلم میگرید ؟
فقط هر چه سریع تر منتشرش کنید عالیههههه سایتتون
بله در حال رکورد قسمت های پایانی آموزش هستیم و حداکثر تا یک هفته بر روی سایت قرار میگیره … از شکیبایی شما عزیزان سپاسگذاریم
استاد با نظرتون باور کنید اینقدری شاد شدم که حد نداره بهترین هستید شک نکنید خداییش تا حالا همچین سایتی که اینقد به فکر کاربراشه ندیدم واقعا تکید موفق باشید همیشه طرفدارتونم 🙂
ما هم با نظرات ارزشمند شما بسیار خوشحال شدیم ، امیدواریم که همواره بتونیم رضایت و خوشنودی شما عزیزان رو داشته باشیم…
موفق و سربلند باشید
ممنون از سایت خوبتون
سلام و درود
ممنون از نظر خوب شما…
موفق و پیروز باشید
آقای مصطفی زاده سلام
خیلی ممنونم از سایت خوبتون
من هر چند روز یکبار سایتتون رو چک میکنم ببینم آیا آموزش جدیدی قراردادین یا نه و یه چند مورد از آموزش های سایتتون رو خریداری کردم
میدونم الان مشغول آماده سازی دوره سی اس اس هستید و با توجه به اینکه روی مباحث این دوره تسلط دارم اما بازهم بیصبرانه منتظر این دوره هستم چون میدونم نکاتی رو مطرح میکنید که لازم و در موارد زیادی جدید هستند که تا به حال به اونها برخورد نکردم
اما به هر حال لازمه بدونید که ما منتظر دوره های جدید در سطح های بالاتر هستیم
مثلا شما یک سایت رو طراحی کردید و اون رو ریسپانسیو کردید حالا ما انتظار داریم اموزش دوره های پی اچ پی بزارید تا ببینیم چجوری میشه قسمت ورود و عضویت در سایت رو فعال کرد
یا بخش عضویت در خبرنامه
یا قسمت جستجو در سایت ، ایجاد پست و قراردادن کامنت زیر پست ها ،ایجاد دسته بندی مطالب و ساخت نقشه سایت
آموزش جی کوئری و …
ما منتظر این آموزش ها هستیم
به امید موفقیت روز افزون برای شما
سلام و درود
ابتدا اینکه از نظر و دیدگاه ارزشمند شما بسیار سپاسگذاریم
همان طور که اطلاع دارید سعی ما در آموزش تک تولید آموزش های جامع و کاربردی میباشد و طبیعتا تولید اینچنین آموزش هایی لازمه صرف زمان خواهد بود پس اگر آموزش ها یکم دیر در آموزش تک منتشر میشوند ما از شما عذر خواهی میکنیم
بله الان دوره CSS & CSS3 در حال ساخت هستش و مطمئنا یک دوره کامل و درخور شما عزیزان خواهد بود.
ببینید تولید یک سری از آموزش ها لازمه رعایت یک سری از اصول ها هستش و اصول یادگیری طراحی وب ، پله پله یادگرفتن هستش . ما اساس تولید آموزش های حوضه وب رو بر این مبنا قرار دادیم که دوستان و همراهان عزیز آموزش تک کاملا مبتدی هستند و قرار هست که مبحث رو از صفر یاد بگیرند و اجبارا باید این اساس رو کلی در نظر بگیریم و مطمئنا قادر نیستیم که آموزش ها رو فقط برای دوستان حرفه ای تولید کنیم و اینکه در حال حاضر ما سعی میکنیم که زبان های Front-End که یک حداقلی برای شروع طراحی وب هستند رو باهم کار کنیم و یاد بگیریم و بعد از این زبان ها وقت این خواهد رسید که ما وارد زبان های یکم پیچیده تر Back-End مانند PHP بشیم . برای مثال فرض بگیرید اگر ما در ابتدا زبانی مثل JavaScript یا فریمورک Jquery رو آموزش میدادیم برای دوستانی که با HTML و CSS آشنایی ندارند کاملا غیر کاربردی میشد.
اما بنده به شما هم این اطمینان رو میدم ، با اینکه ما فعلا بر روی زبان های Front-End کار میکنیم مطمئن باشید که این دوره ها هم برای شما بسیار پر بار و حائز اهمیت و در عین حال بهترین قدم خواهد بود برای وارد شدن به دنیای Back-End .
در نهایت از همراهی شما دوستان عزیز سپاسگذاریم
موفق و پیروز باشید