آموزش 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 دقیقه
- سطح مهارت تمام سطوح
- زبان فارسی
- دانشجویان 10525
- ارزیابی ها بله
-
فهرست دروس
- مقدمات کار و آشنایی با 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 دیدگاه
خیلی واضح و مرتب و ساد 😍 ادم با نگاه کردن یچیزی یاد میگیره جای دیگه که اموزش دیدم انقد پیچیده کرده بودن همین , رو که کلا مخ ادم سوت میکشید ولی واقعا اموزشتون حرف نداره درجه 1 ❤👌
سلام و درود
ممنون از نظر ارزشمندتون
خوشحالم که دوره براتون مفید واقع شده
موفق و پیروز باشید
سلام ببخشید یه سوال واسم پیش اومده که توی آموزش ها میگه بین تگ P بزنید lorem و بعد دکمه tab رو بزنید دستور اجرا میشه ولی این اتفاق نمیفته اگر که ممکنه…؟
سلام و درود
این مشکل مربوط به ادیتور Brackets هستش که پیشنهاد میکنم داخل گوگل سرچ کنید یا از یک ادیتور دیگه استفاده کنید
موفق و پیروز باشید
خیلی خوب آموزش دادین،کل روز رو نشستم و آموزش هاتون رو گوش کردم و کار کردم و اصلا هسته نشدم، نصفشون رو امروز کار کردم😎
سلام و دورد
ممنون از نظر ارزشمندتون
خواشحالیم که دوره براتون مفید بوده
موفق و پیروز باشید
فقط میتونم بگم عااااااالی بود ممنون ازتون ،آرزوی موفقیت های بیشتر براتون دارم
سلام و درود
عزیزید شما ، خوشحالم که دوره براتون مفید بوده
موفق و پیروز باشید
ممنون گرم عالیه من تازه شروع کردم و خیلیم راضی بودم
ممنون از نظرتون خوشحالم که براتون مفید بوده
فوق العادست
سلام خسته نباشی.فقط میتونم بگم دمت گرم وواقعا عالی بود دستت درد نکنه نمیدونم چجوری تشکر کنم واقعا ممنونم
سلام حسین عزیز
خواهش میکنم خوشحالم که دوره برات مفید واقع شده
موفق و پیروز باشید
سلام خسته نباشید اگر دوره رو دیدیم و بعد به دیگران اموزش دادیم و پولی هم به دست اوردیم شما مشکلی ندارید راضی هستید؟
سلام و درود
اگر خودتون آموزش بدید هیچ مشکلی وجود نداره شما همیشه میتونید از علم و تخصص خودتون کسب درآمد هم داشته باشید
موفق و پیروز باشید
خوب من که تخصص ندارم میخوام اول به وسیله شما مهارت ها و تخصص رو یاد بگیرم
شما همیشه میتونید یاد بگیرید و آموزش بدید هیچ مشکلی وجود نداره
با سلام
فقط میتونم بگم بی نظیییییییییییییییر.
خیلی عالی.
بابت همه ی زحماتتون ممنون.
سلام.
آموزش html را چطور میتونم دانلود کنم؟
سلام و درود
داخل فهرست دروس ” دانلود ویدیو ها و فایل های دوره ” رو مشاهده کنید
موفق و پیروز باشید
با سلام
متاسفانه فقط یک ویدیو که 7 دقیقه هست در سایت برای آموزش HTML قرار دارد.
فکر می کردم کلیه آموزش ها بصورت تصویری و همراه با ویدیو هست.
سلام و درود
دوره 4 ساعت به صورت ویدیویی هست ، دوره رو ثبت نام کنید و فهرست دروس رو ببینید
موفق و پیروز باشید
لطفا یه راهنمایی کنید چجوری ویدیو های این دوره اموزش html وhtml5 رو دانلود کنم؟چون از ویدیوی ۳ به بعد گزینه نمایش رایگان دیگه نیست
سلام و درود
ثبت نام رایگان دوره رو بزنید
موفق و پیروز باشید
یعنی امکان دانلود همه ی ویدیو ها هست. من با وجود ثبت نام دارم عرض میکنم که در فهرست دورها فقط گزینه نمایش رایگان رو ی چنتا ویدیو خورده
میشه توضیح بدید؟ ممنون میشم
آیدی تلگرام دارید تا یک اسکرین براتون بفرستم و مشکلو بررسی کنید؟
بله از طریق صفحه تماس با ما میتونید با بنده در ارتباط باشید
اموزشهاتون خوبه
فقط سه مبحث اخر که با جاوا اسکریپت هست بخاطر اینکه جاوا بلد نبودم گیج کننده بود
سلام و درود
ممنون از نظر ارزشمندتون
بله برای چند جلسه آخر باید جاوا اسکریپت بلد باشید ، این مباحث برای HTML5 هستن که قرار دادیم تا دوره کامل باشه
موفق و پیروز باشید
سلام . سپاس. چرا بعضی از دروس فقط عنوانش هست اما خود فایل درس نیست؟
سلام و درود
کش مرورگرتون رو پاک کنید و دوباره مشاهده بفرمایید ، در حال حاضر مشکلی دیده نمیشه
موفق و پیروز باشید
اقای مصطفی زاده سایت مشکل پپیدا کرده؟ چرا وارد اکانتم نمیشه؟
سلام و درود
لطفا دوباره تست کنید در حال حاضر مشکلی دیده نمیشه
موفق و پیروز باشید
عالی بودی استاد دمت گرم همه مباحثو راحت یاد گرفتیم با هات .خسته نباشی
سلام و درود
ممنون از نظر ارزشمندتون
خوشحالم که برات مفید واقع شده
موفق و پیروز باشید
سلام ممنون از اموزش .
این دوره رو یاد گرفتیم یعنی html رو کامل یاد گرفتیم یا باز دوره داره؟؟؟؟؟
سلام و درود
بله کامل یاد میگیرید
موفق و پیروز باشید
سلام خسته نباشید آیا این دوره پیشنیاز دارد یا خیر ؟
متشکرم
سلام و درود
این دوره اولین قدم ورود به دنیای طراحی سایت هستش و هیچ پیش نیازی نداره
موفق و پیروز باشید
سلام خوبید ببخشید استاد داخل اموزش گفتید تمامی فایل هارو میزارید تو سایت دانلود کنیم؟ اما ندیدم میشه لینک دانلودش بزارید ممنون
سلام و درود
داخل فهرست دروس آخرین درس رو مشاهده کنید
موفق و پیروز باشید
با سلام و خسته نباشید
اقای کریم مصطفی زاده این بهترین اموزشی بود که بنده در کل سایت ها مشاهده کردم تکمیلترین به نظرم.
واقعا ممنونم از شما که وقت گذاشتید.
شما تنها سایتی هستید که من برای اموزش هاش هزینه پرداخت کردم و خریداری کردم اموزش ها رو.
ممنونم از شما
سلام میثم عزیز
ممنون بابت نظر و انرژی خوبت
تلاشمون این هست تا بتونیم بهترین دوره ها رو برای شما عزیزان رقم بزنیم چون خودتون بهترین هستید
موفق و پیروز باشید
سلام با تشکر از اموزش خوبتون
من دوره ی html رو کامل دیدم فقط توی چهار قسمت اخرش به مشکل برخوردم که از کد های جاوا استفاده کردید و توضیحی که دادید من متوجه نشدم که فکر کردم بهتره اول جاوا رو یاد بگیرم بعد به سراغ ای چهار قسمت بیام و الان میخوام بدونم بعد از این دوره چه دوره ای رو شروع کنم دوره css خوب هست؟
سلام و درود
با تشکر از نظر ارزشمندتون
بله اول باید جاوا اسکریپت رو یاد بگیرید تا بتونید قسمت های آخر رو درک کنید
دوره بعدی برای شما آموزش کامل CSS و بعد از CSS آموزش جاوا اسکریپت هست
موفق و پیروز باشید
جناب من php رو دارم ویدیو هاش رو میبینم ولی هیچی یاد نمیگیرم اصن درکش واسم نشدنیه. ولی css و html رو کامل یاد گرفتم میتونم بجاش برم طراحی سایت بدون نیاز به کد نویسی رو یاد بگیرم؟الان php بخش دومش هستم ولی هنوز ب درکش نرسیدم .
سلام و درود
اگر دوره رو شرکت کردید و قصد دارید که با دوره دیگه ای جایگزین کنید متاسفانه این امکان وجود نداره ، دوره رو ادامه بدید احتمالا مباحث ابتدایی براتون گیج کننده شده اما در ادامه راحتتر میتونید مطالب رو درک کنید
موفق و پیروز باشید
سلام آقای مصطفی زاده .
من وقتی کدهای ویدئو یا موزیک رو میذارم ، قابلیت دانلود کردن اون موزیک یا ویدئو وجود نداره.هیچ علامت دانلودی هم کنارش نیست . . autoplay هم برای موزیکی که میذارم اجرا نمیشه.
درضمن ممنون از سایت و آموزش های خوبتون.
سلام و درود
روی دکمه سه نقطه کلیک کنید میتونید دانلود رو انجام بدید
دقت کنید کدهاتون رو صحیح نوشته باشید مطمئنا اجرا خواهد شد
موفق و پیروز باشید
اتریبیوت name کاربردش چیه
سلام و درود
اتریبیوت name بیشتر در جاوا اسکریپت و PHP برای ارسال اطلاعات به کار میره
موفق و پیروز باشید
سلام ممنون از ویدئو های خوبتون ببخشید یه سوال داشتم زمانی که صوت و ویدئو را قرار میدهم و تگ کنترولز را میزنم برای مدیریت فیلم و صدا گزینه دانلود فعال نمیشه و فقط کم و زیاد کردن صدا و عقب و جلو بردن ویدئو و صدای مورد نظر میاد چه کدی را در این باره باید بزنم
سلام و درود
با تشکر از نظر ارزشمند شما
روی سه نقطه پایین گوشه سمت راست ویدیو کلیک کنید، دکمه دانلود رو میتونید ببینید
موفق و پیروز باشید
سلام
توی این دوره نرم افزار Brackets معرفی شده که خیلی نرم افزار خوبی است. اما برای من مشکلی در Live preview به وجود آمده است. بعضی وقت ها که کدهای css رو بهش وارد می کنم اعمال نمی شه یا اشتباه اعمال می شه. مثلا توی وارد کردن کد p:nth-last-child من پاراگراف سه رو از آخر انتخاب می کنم که رنگش قرمزش بشه اما پاراگراف اولی از آخر انتخاب می شود. نمی تونم از Brackets دل بکنم، باید چی کار کنم؟
سلام و درود
ببینید ادیتور یا ویرایشگر چیزی نیست که شما بخواید در کارتون وقفه ایجاد کنید شما میتونید با هر ادیتوری کار کنید و هیچ فرقی هم ندارن، ادیتور های بسیار مختلفی وجود داره که میتونید استفاده کنید مثل ادیتور VSCode یا Atom
موفق و پیروز باشید
میخوام برای یچیزی رنگ انتخاب کنم تو html ی پنجره رنگی باز میشه ک میلیون ها رنگ توش داره ک هر رنگ کد خودشو داره مانند (fff#) اون پنجره رو چجوری باز کنم
سلام و درود
باید پلاگین مربوط به ادیتورتون رو نصب کنید
موفق و پیروز باشید
چجوری
داخل گوگل سرچ کنید برای مثال brackets color plugin
در ادیتور vscode با cntrl + space
سلام
یک سوال برای اینکه بتونیم کد های html خود را وارد کروم کنیم و آن هارا به صورت یک سایت در گوگل کروم در بیاوریم و برای دیدن عموم به نمایش بزاریم باید چی کار بکنیم
سلام و درود
از همین آموزش HTML شروع به یادگیری کنید و قدم بعدی شما دوره آموزش CSS رو مشاهده کنید
موفق و پیروز باشید
سپاسگزارم از جناب کریم زاده به جز ۲تا اتریبیوتی که به مشکل خوردم و حل نشد این دوره واقعا کامل و مفیده، ممنونم از زحماتتون
سلام منظورم اینکه وقتی بخوای اسم زیر فایل را تغییر دهید و وقتی تغییر میدهید یه چیز باید بیاد که به انگلیسی بنویس آیا شما میخواهید اسم فایل را تغییر بدهید و اسم فایل رو بزاریدHelloWordl.htmlبعد باید بزنی روYSSوبعدکه من اسم فایل رو تغییر میدم برام نمیاد که بزنم رویYSSیه نرم افزاری حتما باید داشته باشه
با عرض سلام خدمت دوستان و همکاران عزیز میخواستم یه لینک دانلود نرم افزار ویراش فایلی که زیرش مینویسیHelloWordl.htmlوبعد میزنی یس میخواستم یه لینک دانلودشو بهم بدی چون من هرموقع زیرش مینویسم میزنم اینتر نمیاد که بزنم روی یس تازه شکل گوگل هم نمیاد روش میخواستم لینک دانلودی که نرم افزارش در ان قرار دارد برام بفرستی و خیلی هم متشکرم
سلام و درود
متاسفانه متوجه منظور شما نشدم ، چه نرم افزاری؟
موفق و پیروز باشید
استاد سلام ممنون از اموزش خوبتون
فقط یه سوال داشتم
چطور میشه سایتیرو با html و css طراحی کنیم بعدش به وب داینامیک تبدیل کنیم؟
سلام و درود
یکی از سوالاتی که اکثر دوستان میپرسیدن دقیقا همین سوال بود و هست ، به همین سبب ما دوره آموزشی 0 تا 100 طراحی سایت یا پکیج طراحی قالب وردپرس رو منتشر کردیم که در این دوره آموزشی هدف داینامیک سازی صفحات وب و در نهایت ورود به بازار کار هست
موفق و پیروز باشید
سلام ممنون از شما
چطور یک بازی یا برنامه رو برای دانلود توی سایتمون قرار بدیم؟
سلام و درود
کافیه اپ یا برنامه خودتون رو داخل هاستتون بارگزاری کنید و با تگ a بهش لینک بدید
موفق و پیروز باشید
سلام ممنون از اموزش های خوب شما
میشه بگید چطور می تونم یک اپ رو برای دانلود تو سایتم قرار بدم
سلام.
اگه من این دوره شما رو یاد بگیرم می تونم سایتی مثل این سایت درست کنم؟
یا بعد از یاد گرفتن این دوره نیاز به یاد گرفتن css داره؟
سلام و درود
ببینید برای طراحی یک سایت حرفه ای شما باید یک مسیر رو طی کنید و HTML اولین قدم شما هست
میتونید این مسیر رو طی کنید
آموزش HTML
آموزش CSS
آموزش JavaScript
آموزش Jquery
آموزش BootStrap
آموزش PHP
و یا اینکه میتونید دوره 0 تا 100 طراحی سایت رو مشاهده کنید که از قدم 0 طراحی سایت تا بازار کار رو به شما آموزش میده
موفق و پیروز باشید
ببخشید این دوره 0 تا 100 طراحی سایت شامل همین html و css و… هست یا جداست؟ ضروری هست که این دوره رو هم شرکت کنیم؟
من تصمیم داشتم که بعد از css برم سراغ یادگیری جاوا اسکریپت و بعد هم مواردی که توی کامنت بالا نوشتید
اما انگار دوره 0 تا 100 کاربردی تره!؟
سلام و درود
ببینید ما در دوره 0 تا 100 طراحی سایت مقدمات تمامی زبان هارو مورد بررسی قرار میدیم مثل HTML CSS Javascript Jquery Bootstrap PHP اما این بررسی به این دلیل هست تا دوستانی که میخوان از صفر صفر شروع بکنن و طراحی سایت رو یاد بگیرن دیگه نیازی به پیشنیاز نداشته باشن و بتونن با اولین دوره وارد بازار کار بشن ولی این رو باید در نظر بگیریم که تمرکز اصلی دوره 0 تا 100 طراحی سایت داینامیک سازی صفحات وب هست و هدف اینه که بعد از دوره بتونیم پروژه بگیریم و تحویل مشتری بدیم و خوب برای اینکه در هر یک از زبان های بالا بتونید خیلی حرفه ای تر کار کنید پیشنهاد میشه که این دوره ها رو هم ببینید چون تمرکز این دوره ها مثلا CSS یا جاوا اسکریپت دقیقا روی خود این زبان هستش
برای ابتدای کار صد در صد دوره 0 تا 100 طراحی سایت برای هنرجو پیشنهاد میشه که هم در زمانش صرفه جویی میشه و هم این که با اولین دوره میتونه پروژه بگیره و درآمد داشته باشه و همین داشتن درآمد ایجاد انگیزه میکنه برای پیمودن ادامه مسیر
موفق و پیروز باشید
تشکر
پس بعد یادگیری جداگانه ی html, css, java و… نیازی نیست که دوره ی 0 تا 100 رو شرکت کنیم؟
همونطور که در بالا گفته شد هدف و تمرکز دوره 0 تا 100 طراحی سایت بر روی داینامیک سازی صفحات وب هست یعنی شما بتونید قالبی که طراحی میکنید رو با سیستم مدیریت محتوای وردپرس هماهنگ کنید و مشتری شما بتونه از سایتش استفاده کنه برای مثال نوشته داخل سایت قرار بده محصول اضافه کنه دیدگاه ها و کاربران رو مدیریت بکنه و … که این موارد داخل دوره های HTML CSS یا جاوا اسکریپت آموزش داده نمیشه
سلام استاد. دوره ی بسیار عالی بود.
اگه می خوام با html فارسی رو از چب بنویسم باید چی کار کنم؟؟؟
سلام و درود
با تشکر از نظر ارزشمند شما
با CSS میتونید direction:rtl به متنتون بدید
موفق و پیروز باشید
سلام خسته نباشید من هرکاری میکنم نمیتونم تو نرم افزار براکت از فونت فارسی برای سایت استفاده کنم کلا نمیتونم فونت رو عوض کنم از @font-face هم ک استفاده میکنم نمیشه…ممنون میشم راهنماییم کنید.
سلام و درود
احتمالا مشکلی در کدهاتون وجود داره
لطفا سورس کدهای دوره رو دانلود کنید و با کد خودتون مقایسه کنید که مشکلی وجود نداشته باشه
موفق و پیروز باشید
سلام و وقت بخیر
استاد من هرکاری میکنم autoplay نمیشن فایل های صوتی
ویدیو ها مشکلی ندارن اما فایل های mp3 اصلا اتوپلی نمیشن
سلام و درود
دقت کنید نباید مشکلی در کدهاتون داشته باشید
لطفا سورس کدهای دوره رو دانلود کنید و با کد خودتون مقایسه کنید که مشکلی وجود نداشته باشه
موفق و پیروز باشید
انجام دادم ولی نشد متاسفانه
روش های مختلف رو امتحان کنید ، برای مثال اگر float دادید غیر فعال کنید یا display block بدید به المنتتون
باید تمرین داشته باشید تا بتونید کد صحیح رو بنویسید
سلام و وقت بخیر
یک سوال داشتم
شما توی بخش اموزش form ها, به هر بخش یک name میدادین
مثلا و بعد option ها رو قرار میدادین
میخواستم بدونم ایا لازم هست که برای هر قسمت یک name بدیم؟ اصلا کاربرد name و value چی هست؟
سلام و درود
name اینپوت ها بیشتر در PHP کاربرد داره ، برای تگ های select بله باید قرار بدید
موفق و پیروز باشید
چ مو قعی من باید از id استفاده کنم چ موقع از class
سلام و درود
داخل دوره به این مورد اشاره شد ، وقتی شما بخواید یک سری استایل های یکسان و مشابه رو به یک سری از المنت ها بدید باید از Class استفاده کنید اما اگر بخواید که یک المنت خاص و یکتا باشه از Id استفاده خواهید کرد
نگران این موضوع نباشید اگر اینجا براتون مبهم شده داخل دوره آموزش CSS کاملا براتون ملموس خواهد شد چون اونجا بیشتر با این موارد کار خواهیم کرد
موفق و پیروز باشید
اون نشان رعدو برق ک بالا سمت راست brackets هست باهاش اون چرا بعضی موقع ها صورتیه میشه باید نارنجی باشه؟چیکارش باید بکنم
سلام و درود
مباحث مربوط به ادیتور رو باید از مستندات سایت مربوطه پیگیری کنید. میتونید از نرم افزار VSCode استفاده کنید
موفق و پیروز باشید
سلام ببخشید افزونه ای که شکل html , cssو… رو در نرم افزار براکتس نشون میده چیست شما هم نصب کردید که شکل اون هارو نشون میده.میشه اون افزونه رو معرفی کنید ممنون
ببخشید پیداش کردم
اون افزونه رو نمیخام اما اون افزونه ای که شما دارید که بالای صفحه براکتس لایه بندی میشه مثل بالای مرورگر ها این افزونه اسمش چیست؟
سلام و درود
مباحث مربوط به ادیتور رو باید از مستندات سایت مربوطه پیگیری کنید. افزونه file icon باید باشه
موفق و پیروز باشید
سلام من از تگ svg استفاده کردم ک یک مستطیل تو خالی بسازم همونطور ک تو ویدیو گفته بودید ولی هیچ مستطیلی نمایش داده نمیشد
سلام و درود
مطمئنا کدتون رو اشتباه نوشتید ، لطفا سورس کدهای دوره رو دانلود کنید و با کد خودتون مقایسه کنید
موفق و پیروز باشید
ازکجا دانلود کنم چجوری؟من تا حالا همه کد های تو دوره رو ک تو ویدیو دیدم وارد کردم و درست بود فقط همین خراب بود همون جوری ک تو ویدیو بود من هم عین همونو وارد کردم اگه اشتباه بوده ینی شما اشتباه اموزش دادید تو ویدیو درست بود همین ک تو لپ تاب خودم وارد کردم مستطیلو نمیساخت
داخل فهرست دروس آخرین درس که لینک فایلها قرار داده شده رو مشاهده کنید
چرا کامنت منو حذف میکنید مشکل کامنت من چیه؟
سلام و درود
متاسفانه شما در عرض چند دقیقه چندین دیدگاه رو به صورت مکرر ثبت کردین و ایمیل شما به عنوان اسپم شناسایی شده ، لطفا سوالاتتون رو داخل یک دیدگاه بپرسید
موفق و پیروز باشید
با سلام و ممنون از سایت خوبتون
توی یکی از نظرات مسیر یک طراح سایت رو ذکر کردید
دوره های ذکر شده تکمیل هستن؟
و با یادگیری دوره ها میتونیم وارد بازار کار بشیم؟
سپاس
سلام و درود
بله تمامی دوره تکمیل هستن و البته بعد از گذراندن دوره ها میتونید وارد بازار کار بشید
موفق و پیروز باشید
سلام خیلی عالی بود جلسه ی اول HTML رو دیدم ، ادامه ی ویدیو هارو به چه شکل میتونم ببینم ؟
سلام و درود
با تشکر از نظر ارزشمند شما
کافیه ثبت نام رایگان رو بزنید تا دوره براتون فعال بشه
موفق و پیروز باشید
ممنون خیلی تدریس ساده و عالی دارین
سلام و درود
تشکر از نظر ارزشمندتون
موفق و پیروز باشید
سلام استاد …
ببخشید مزاحم شدم.
استاد من وقتی من تگ link رو با اتریبیوت rel و مقدار ایکون میدم و اچ رف رو هم ادرس وارد میکنم فیب ایکون درست میشه یعنی لگویی که در بخش تب مرورگر اضافه میشه ولی وقتی تگ base رو اضافه میکنم و لینک پیش فرض میدم خیلی جالبه که اون ایکون و عکس هایی که در بخش تگ body ایجاد کردم همشون در مرورگر از بین میره.دقیقا هم وقتی که علامت اسلش(/) رو میزارم در بخش اچ رف مثل http://…ولی وقتی این پرتکل رو بر میدارم عکسا بر میگرده…بارها اموزش رو هم دیدم با انواع ادیتور ولی نمیدونم چرا ادرس پیش فرض چرا با لینک عکس ها و اینا مشکل داره که عکسا ناقص میشه و نمایش نمیده.ممنون از وقتتون که برامون میزارید..به امید موفقیت بیشتر شما استاد عزیز
سلام و درود
وقتی داخل لوکال بدون سرور دارید کار میکنید پروتکل http کار نمیکنه که این مسئله ای نیست وقتی روی سرور کار کنید مشکل برطرف میشه
با تشکر از نظر ارزشمند شما
موفق و پیروز باشید
درود اقای مصطفی زاده ی سوال داشتم جناب من میخام استایل های مثلا فوتر رو تو ی ضفحه جداگانه بنویسم ک کدا زیاد نشه اما نمیدونم چطور باید بفهمونم به کد ک استایل هاش توی ی صفحه دیگس و از اونجا فرا خوانیش کنه امکان داره یکم راهنمایی کنید
سلام و درود
کدهای مورد نظر خودتون رو برای مثال داخل یه فایل دیگه بنویسید مثلا footer.css و بعد این فایل رو در ابتدای فایل اصلی استایل هاتون ایمپورت کنید به این شکل :
@import "footer.css";
میتونید از این لینک هم استفاده کنید : import
موفق و پیروز باشید
با عرض سلام خدمت شما و تشکر بابت آموزش فوق العادتون و انگیزه ای که بوجود آوردین…
یه سوال داشتم: اینکه چطور میتونم در ویژوال استودیو کد (vs cod) اون قابلیت Live preview رو داشته باشم.
یه چند تا افزونه نصب کردم ولی نه زنده نشون میده تغییرات رو و نه اینکه با رفرش کردن مرورگر میشه تغییرات رو دید باید حتما مرورگر رو ببندم و دوباره باز کنم تا تغییرات جدید مشاهده بشه.
ممنون میشم اگه کامل توضیح بدین چون خیلی جستجو کردم ولی نتیجه ای نگرفتم.با تشکر فراوان.
سلام و درود
داخل VSCode از پلاگین Live Server استفاده کنید که اول Save میکنید بعد تغییر ایجاد میشه
موفق و پیروز باشید
استاد بازم سلام…هی مزاحم میشم ولی خب سوال پیش میاد امیدوارم ببخشید…استاد 3 تا سوال جسارتا…اول اینکه از درس 20 به بعد که وارد بحث جاوااسکریپت میشید هیچی نفهمیدم…میدونم که اون بخش جاوا اسکریپت ربطی نداره الان به ما و فقط میتونیم از این کد استفاده کنیم و بخش html به ما مربوط میشه اما میشد مثلا بگید که یک سری تگ ها هستن که با یادگیری جاوا اسکریپت میشه از اونا استفاده کرد یا مثلا یه بخش جداگانه میزاشتید تو اموزش های html که بعد جاوا اسکریپت به اون html مراجعه کنیم…به نظرم اینطوری متوجه میشدیم…الان عملا من از درس 20 به بعد هیچی نفهمیدم و تقریبا سرد میشه ادم..احساس کردم خیلی ضعیفم..ولی قبل 20 واقعا انگیزه گرفتم…بعد سوال دومم جسارتا این بود که شما جدول ایجاد کردید یا فرم که توش ادرس ایمیل و پسورد بزنیم ولی اگه بخواییم جدول رو به وسط صفحه ببریم یا مختصات بدیم که فرم یا جدول بره به جایی از صفحه رو نگفتید…میخواستم بدونم که این جابجایی در صفحه رو در css یاد میگیریم یا یک بخش تکمیلی دارید در html ؟ ببخشید سوال زیاد میپرسم و میدونم سرتون خیلی شلوغه امیدوارم منو ببخشید استاد..ممنون از زحماتتون
سلام و درود
ببینید دوست عزیزم اصلا نیازی نیست که عجله کنید تمامی این موارد رو شما باید پله پله و قدم به قدم یاد بگیرید ، شما بعد این دوره حتما وارد CSS بشید یعنی قدم بعد آموزش CSS هست و بعد از CSS هم وارد جاوا اسکریپت بشید ، بعد میبینید که همه این موارد براتون خیلی ساده و راحت خواهد شد
موفق و پیروز باشید
ینی تو عمرم اموزش به این واضحی و دقیقی ندیده بودم…دقیقا کسایی که حتی بدشونم بیاد از کد نویسی با این آموزش عاشقش میشن…حالا نمیدونم یا زبان اسونه یا استاد مصطفی زاده انقد هیجان انگیز حرف میزنن…مثلا یه بخش هایی وقتی میخواد یه موضوع پیچیده رو توضیح بده انقدر ساده توضیح و میگه در صحبت هاشون که هیچی نیست راحت یاد میگیرید..به دانشجو حس یادگیری ساده رو میده…راست میگن که درس دادن استاد و اموزش نصف یادگیریه…من که حال کردم….استاد یه سوال …من از کجا بدونم دقیقا کدوم کد ها html و کدوما html5 هستن؟و اینکه در این اموزش شما کدوم رو بیان کردید؟ینی امکانش هست هردو رو باهم گفته باشید؟و اینکه میشه در یک کد نویسی هم html و هم html5 رو استفاده کرد؟و برای سی اس اس مشکلی پیش نمیاد که طراحی کنیم کد های html رو؟ ممنون از زحماتتون
سلام و درود
با تشکر از نظر بسیار ارزشمند شما خوشحالم که دوره ها مورد توجه تون قرار گرفتن
ببینید HTML5 چیز پیچیده ای نیست و فقط یه سری تگ های معنا دار رو به لیست تگ های ما اضافه کرده همین و توی آموزش هم تگ های اصلی HTML 5 رو بررسی کردیم که کافیه به جای تگ های غیر معنا دار از این تگ ها استفاده کنیم مثلا تگ nav برای منو ها یا تگ header برای تعیین بخش هدر قالبمون و یا تگ aside برای مشخص کردن سایدبار قالبمون که گوگل بهتر متوجه بشه که هر بخشی کجا قرار داره و به عبارتی با HTML 5 هر چیزی سرجای خودش قرار میگیره که گوگل این رو دوست داره
موفق و پیروز باشید
سلام استاد عزیزم
آموزش بسیار عالی فقط ای کاش خودتون با تمام چیز هایی که اموزش دادید یک خروجی از کلشون می گرفتید.
سلام و درود
با تشکر از نظر ارزشمند شما
اگر منظورتون اینه که در نهایت یک قالب رو طراحی میکردیم بدون CSS نمیشه اینکارو انجام داد
دوره آموزش کامل CSS رو ببنید در نهایت یک قالب رو هم طراحی کردیم
موفق و پیروز باشید
ممنون از اموزش خوبتون
یه سوال که من 2 روزه هی جستجو میکنم در نت پیداش نمیکنم و شما هم اشاره نکردید بهش…من وقتی میزنم lorem و تب رو میزنم که متن ایجاد بشه..که در درس 3 گفتید برای من ایجاد نمیشه انگار که نصب نیست این قابلیت یا هرچی که هست…کاشکی که میگفتید باید اینارو اول نصب یا مثلا برای کسایی که ایجاد نمیشه چیکار کنن…ممنون میشم کمک کنید که بدونم مشکل چیه لطفا
استاد درسته این سوال شاید بی ارزش باشه…یعنی loremبی اهمیت باشه ولی گفتم چرا برای من اجرا نمیشد برای این پرسیدم…خواستم طبق اموزشتون پیش برم و مثل شما انجام داده باشم…ممنون میشم پاسخ بدید حالا در ایمیل شخصی هم باشه بخاطر سوال که شاید جز مساعل مهم نباشه بازم ممنون میشم
سلام و درود
با عرض پوزش از شما به دلیل تاخیر در پاسخگویی
پاسخ سوالتون پایین تر داده شد
موفق و پیروز باشید
استاد خدا شاهده از پایین تا بالا دیدم چیزی در مورد لورم ننوشته بود…اصلا ندیدم…3 بار از بالا به پایین دیدم . 🙁
اها الان دیدم ببخشید…نت ضعیفه دیگه ببخشید 🙂 انقدر خوبه سایت و اموزشتون که هیجان زده ایم ..ببخشید هی کامنت میزارم و مزاحم میشم.
خواهش میکنم درخدمتیم
سلام و درود
بنده پلاگینی برای این مورد نصب نکردم و این مورد به صورت داخلی در نرم افزار براکتس وجود داره
میتونید از نرم افزار VSCode استفاده کنید که حرفه ای تر هم هستش
موفق و پیروز باشید
سلام . من تازه وارد دنیای برنامه نویسی شدم و چندین دوره آموزشی html رو دانلود و یا خریداری کرده ام همشون به نوعی باعث دلسردی یادگیری میشن ، حالا یکی با فن بیان ضعیف و یکی با گستردگی بی مورد مطالب اموزشی و یا طولانی بودن زمان آموزش و یا کیفیت افتضاح ضبط صدا و یا ندونستن معنی کلمه هایی که به اختصار نوشته میشه و مشکلات دیگر که عملا کار رو غیر حرفه ایی میکنه ، اما در دوره اموزش شما هیچ کدوم از این مشکلات وجود نداشت و عالی بود این آموزش ، پر انرژی و مفید و انگیزشی و کاربردی ..
درود بر شما..
سلام و درود
با تشکر از نظر بسیار ارزشمند شما
خوشحالیم که دوره ها مورد توجه شما قرار گرفتن
موفق و پیروز باشید
سلام استاد مطالب خیلی شفاف توضیح دادید ممنون از اموزشتون
فقط یک جا گیر کردم اونم تگ script هست که بعضی کدایی که داخلش نوشته بودید برام نامفهوم بود
می خواستم بدونم آموزش کامل این تگ تویه دورهjava script ارائه دادید؟
سلام و درود
با تشکر از نظر ارزشمند شما خوشحالم که دوره ها مورد توجه تون قرار گرفتن
بله البته ، تگ Script برای نوشتن کدهای جاو اسکریپت هست که ما در دوره آموزش مقدماتی تا پیشرفته جاوا اسکریپت کاملا این مبحث رو پوشش دادیم
موفق و پیروز باشید
سلام ممنون از این آموزش خوبتون. یک هفته اخیر داشتم نگاه می کردم و یادداشت برداری می کردم. فقط چند جلسه آخر که کدنویسی جاوا اسکریپت داشت برام سخت بود و متوجه نشدم زیاد. الان می خوام دوره سی اس اس رو ببینم. اگر امکانش باشه کد تخفیفی برای اون دوره در نظر بگیرید ممنون میشم. بعد از دوره سی اس اس فکر کنم باید دوره های پروژه محورتون مثل تبدیل پی اس دی به اچ تی ام ال و طراحی قالب و … رو ببینم تا بتونم پروژه محور اچ تی ام ال و سی اس اس رو هم یاد بگیرم. یک سوال هم برام پیش اومده. به نظرتون یادگیری جاوا اسکریپت ضروری ه؟ و همچنین پی اچ پی. البته من بیشتر در زمینه سئو فعال هستم و مثلا شنیدم پایتون هم تو سئو کاربرد داره.
باز هم ممنون از آموزش خوب و با کیفیتتون.
بسیار استفاده کردم.
سلام و دورد
با تشکر از نظر ارزشمند شما
تخفیف برای دوره CSS فعال هست در حال حاضر
ترتیب یادگیری دوره ها به صورت زیر قرار میگیرن :
آموزش html
آموزش css
آموزش جاوا اسکریپت
آموزش جی کوئری
آموزش بوت استرپ
آموزش PHP
برای هر طراح سایتی یادگیری جاوا اسکریپت بله الزامی هست
موفق و پیروز باشید
سلام.وقت بخیر
من با اینکه تماشای ویدیوهای
اموزشی شما را تازه شروع کردم،خیلی راضیم . و واقعا از نحوه ی تدریس شما کلی لذت بردم.
شما زبان #c هم آموزش میدین؟
ممنون میشم اگه جواب بدین.
سلام و درود
با تشکر از نظر ارزشمند شما
خوشحالیم که دوره ها براتون مفید واقع شدن
فعلا خیر متاسفانه این دوره در دستور کار نیست
موفق و پیروز باشید
سلام استاد خسته نباشید. یه سوال دربارهی وب استوریج داشتم.
میشه از کاربردش یه مثال بزنید؟ مثلا اگر کاربر بخواد مطالبی رو که تو سایت هست رو به لیست علاقه مندیش اضافه کنه، تا بعدا با مراجعه بهشون ازشون استفاده کنه، ما باید این علاقه مندی ها رو به عنوان اطلاعات کاربر براش با استفاده از وب استوریج ذخیره کنیم؟
سلام و درود
خیر برای این موارد از PHP استفاده میشه
موفق و پیروز باشید
استاد سلام خسته نباشید. یه سوال داشتم.
web storage که توضیح دادید رو یه مثال دربارهی کاربردش میزنید؟
مثلا اگر ما بخوایم تو سایتی که داریم، مطالبی که کاربر به لیست علاقه مندی هاش اضافه میکنه رو به عنوان اطلاعات کاربر ذخیره کنیم از این دستور استفاده میشه؟