پکیج آموزش ۰ تا ۱۰۰ HTML
( فیلم آموزشی ) ،توسط مهندس علیرضا روشنایی
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
معرفی سرفصل های این دوره:
HTML مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب میشود. در واقع HTML را عنصر کلیدی صفحات وب می‌دانند و تمامی زبان‌های برنامه‌نویسی برای طراحی سایت ، به شکلی به HTML وابسته هستند. با استفاده از این زبان و CSS و جاوا اسکریپت، تکنولوژی‌های بنیادین برای شبکه جهانی وب تشکیل میشود. مرورگرها اسناد HTML را از وب سرور یا مخزن لوکال (Local) دریافت کرده و آن‌ها را به صفحات وب چند رسانه‌ای تبدیل می‌کنند. در واقع HTML ساختار معنایی صفحات وب را تعریف کرده و شامل مشخصات ظاهری سند است.
مولفه‌های HTML بلوک‌های سازنده صفحات HTML را تشکیل می‌دهند. با استفاده از آن‌ها می‌توان تصاویر و اشیا دیگر مثل فرم‌های تعاملی را در صفحات ایجاد شده تعبیه کرد. این زبان ابزاری برای ایجاد سندهای ساختار یافته از طریق مشخص کردن معنای ساختاری برای متن مثل تیترها، پاراگراف‌ها، فهرست‌ها، لینک‌ها، نقل قول‌ها و سایر موارد ارائه می‌دهد.
مولفه های HTML از طریق تگ‌های قرار گرفته در پرانتز شکسته مشخص می‌شوند. تگ‌هایی مانند </ img> و </ input> محتوا را به صورت مستقیم به صفحه معرفی می‌کنند. سایر تگ‌ها مانند <p>...<p/> اطلاعات مربوط به متن سند را ارائه داده و می‌توانند سایر تگ‌ها را به عنوان مولفه‌های فرعی در خود جای دهند. مرورگرها تگ‌های HTML را نمایش نمی‌دهند بلکه از آن‌ها برای تفسیر محتوای صفحه بهره می‌برند.
HTML می‌تواند برنامه‌های نوشته شده به زبان اسکریپتی مانند جاوا اسکریپت را که بر رفتار و محتوای صفحات وب تاثیر می‌گذارند در خود جای دهد. استفاده از CSS ظاهر و آرایش محتوا را تعریف می‌کند.
بخش های رایگان این مجموعه آموزشی:
سایت ها چطور متولد می شوند ؟ ( بخش ۱ ) ( بخش 1 ) دانلود مستقیم سایت ها چطور متولد می شوند ؟ ( بخش ۲ ) ( بخش 2 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۱ ) ( بخش 3 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۲ ) ( بخش 4 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۳ ) ( بخش 5 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۴ ) ( بخش 6 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۵ ) ( بخش 7 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۶ ) ( بخش 8 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۷ ) ( بخش 9 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۸ ) ( بخش 10 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۹ ) ( بخش 11 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۱۰ ) ( بخش 12 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۱۱ ) ( بخش 13 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۱۲ ) ( بخش 14 ) دانلود مستقیم طراحی قالب شرکتی ( بخش ۱۳ ) ( بخش 15 ) دانلود مستقیم مینی پروژه های انجام شده در فصل سوم ( بخش 54 ) دانلود مستقیم مروری بر صفحه اصلی و صفحه ۴۰۴ ( بخش 87 ) دانلود مستقیم مروری بر صفحات : ورود , خوش آمد گویی , تغییر رمز عبور , یادآوری کلمه عبور , تایید شماره همراه ( بخش 97 ) دانلود مستقیم مروری بر صفحات : سبد خرید خالی , سبد خرید ( بخش 104 ) دانلود مستقیم مروری بر صفحات : پروفایل کاربری ( بخش 125 ) دانلود مستقیم مروری بر صفحات : فرآیند خرید مرحله ای ( بخش 139 ) دانلود مستقیم مروری بر صفحه فیلتر کردن محصولات ( بخش 146 ) دانلود مستقیم مروری بر صفحه معرفی محصول ( بخش 165 ) دانلود مستقیم مروری بر منوی ریسپانسیو ( بخش 170 ) دانلود مستقیمدر این فصل با انجام یک پروژه عملی درک می کنیم که اصلا این HTML یعنی چی ؟
می آییم در این فصل به طور کامل مفهوم HTML را درک می کنیم ...
( سایت ها چطور متولد می شوند ؟ ( بخش ۱ ) )
( سایت ها چطور متولد می شوند ؟ ( بخش ۲ ) )
( طراحی قالب شرکتی ( بخش ۱ ) )
( طراحی قالب شرکتی ( بخش ۲ ) )
( طراحی قالب شرکتی ( بخش ۳ ) )
( طراحی قالب شرکتی ( بخش ۴ ) )
( طراحی قالب شرکتی ( بخش ۵ ) )
( طراحی قالب شرکتی ( بخش ۶ ) )
( طراحی قالب شرکتی ( بخش ۷ ) )
( طراحی قالب شرکتی ( بخش ۸ ) )
( طراحی قالب شرکتی ( بخش ۹ ) )
( طراحی قالب شرکتی ( بخش ۱۰ ) )
( طراحی قالب شرکتی ( بخش ۱۱ ) )
( طراحی قالب شرکتی ( بخش ۱۲ ) )
( طراحی قالب شرکتی ( بخش ۱۳ ) )
( طراحی قالب شرکتی ( بخش ۱۴ ) )
( طراحی قالب شرکتی ( بخش ۱۵ ) )
( طراحی قالب شرکتی ( بخش ۱۶ ) )
( طراحی قالب شرکتی ( بخش ۱۷ ) )
وضعیت دوره: تکمیل شده
تعداد قسمت ها : 177 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
پشتیبانی فنی: دارد
می توانید پس از دریافت مجموعه،مشکلات و سوالات تخصصی و فنی خود را با سازنده این مجموعه، (مهندس علیرضا روشنایی ) در میان گذاشته و برطرف نمایید.
تعداد فصل ها: 5 فصل
مدت زمان: 64 ساعت و 44 دقیقه
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات
Astiac
میگه:
سلام استاد چند سوال داشتم
1- توی این دوره فقط html توضیح داده شده یا css هم پوشش دادین؟
2- در این دوره توی مبحث ریسپانسیو از مدیا کوئری ها استفاده کردین یا فقط از بوت استرپ؟
چون من نمیخوام بوت استرپ یاد بگیرم و ضعف شدیدی توی مدیاکوئری دارم و میخوام ضعفم از بین بره
و تخصصی مدیاکوئری تمرین کنم و توضیح سرسری مدیاکوئری و مانور روی بوت استرپ بدردم نمیخوره
پاسخ:
درود بر شما وقت بخیر.
لطفا دمو رو مشاهده فرمایید.
قطعا css هم پوشش دادیم برای پیاده سازی پروژه.
هم بوت استرپ هم مدیاکوئری رو هم پوشش دادیم.
عمیق فوکوس نکردیم روی مدیاکوئری چون چیز خاصی نداره . جوری مباحث گفته شده که انشالله می تونید کارتون رو پیش ببرید.
علیرضا
میگه:
سلام استاد خسته نباشید من دیپلم ریاضی فیزیک دارم میخام کامپیوتر م یاد بگیرم بنظر شما اول از اینجور چیزا مثل htmlشروع کنم یا باید برم دانشگاه
پاسخ:
درود بر شما وقت بخیر.
برای یادگیری مباحث طراحی سایت اولین مبحثی که باید یاد بگیرد (غیر از مباحث مقدماتی اینترنت ) این زبان نشانه گذاری Html هستش .
رادمان
میگه:
سلام استاد روشنایی ممنون از توضیحات خوب و کاربردی شما.
چون مباحث زیاده فقط باید صبر و حوصله و تمرین مدام داشت.این کلاس هر جای مبحث رو که یادت میره سریع میری سراغ فیلم و با یه نگاه کوچکی یادآوری میشه .ممنون از توضیحات و کاربردی شما.سپاس پایدار باشید.
پاسخ:
درود بر شما.
خدارو شکر که مفید واقع شد .
سپاسگذارم
ماهان طاطائی
میگه:
سلام وقت بخیر استاد در مجموعه آموزش زبان html در رابطه به چند فروشندگی نیز آموزشی داده شده ؟
یا برای آموزش چند فروشندگی پک آموزشی دیگری وجود دارد ؟
پاسخ:
درود بر شما .
دوست عزیز شما با دیدن دوره های html , css , js قادر خواهید بود که انواع قالب های مختلف استاتیک رو پیاده سازی کنید از جمله قالب هایی مناسب چند فروشنگی .
در این دوره های ذکر شده به مسئله داینامیک سازی سایت نمی پردازیم بلکه باید از دوره های سمت سرور استفاده نمایید.
بله برای آموزش چند فروشندگی باید از دوره های اساتید دیگری استفاده کنید .
می تونید از پشتیبانی راهنمایی بگیرید.
امید
میگه:
سلام استاد
کلیه تگ های html به همراه کل صفت های اونو ک داخل سایت w3schools هست رو توضیح دادید؟
چون یسریاشون منبع فارسی نداره برای اینکه متوجه بشیم کارشون چیه
پاسخ:
درود بر شما .
مواردی که مهم و کاربردی هستند پرداخته شده .
توضیحات در دمو گفته شده .
بهنام
میگه:
سلام استاد وقت بخیر
Html رو بصورت کامل توضیح دادید یا فقط قسمتای کاربردی
مثلا در تگ a صفت referrerpolicy و مقادیرش را توضیح دادید ک چی هستن؟
پاسخ:
درود بر شما.
قسمت هایی که کاربردی تر هستند رو بهشون پرداختیم .( اون هایی که در پروژه ها بیشتر ازشون استفاده میشن )
لطفا دمو را مشاهده فرمایید.
رحمانی
میگه:
سلام خسته نباشید میخواستم ببینم تو این دوره درباره سئو که باید در طراحی قالب رعایت بشه هم آموزش دادید ؟؟
پاسخ:
درود بر شما .
بله کاملا آموزش داده شده
محسن
میگه:
استاد لطفا برای این دوره هاتون تخفیف 50 درصد اعمال کنید خواهشا
پاسخ:
درود بر شما .
برای تخفیف ها با پشتیبانی سایت در ارتباط باشید.
فرهاد
میگه:
سلام استاد آیا این دوره و دوره ی جاوا اسکریپت شما را تهیه کنم به مباحث html5 و javascript مسلط میشم؟
پاسخ:
درود بر شما.
البته با تمرین مداوم خودتان به نتیجه خیلی خوبی خواهید رسید.( به تمامی مطالب مهم , پرداخته شده و خواهیم پرداخت )
منصور نظری
میگه:
سلام استاد و خسته نباشید میگم
من برای کارم که خرید و فروش ارزهای دیجیتال هست نیاز به طراحی سایت در این زمینه رو دارم چه آموزشی رو بهم پیشنهاد میدید
پاسخ:
درود بر شما .
لطفا با کارشناسان آنلاین سایت در ارتباط باشید کامل راهنماییتون خواهند کرد.
سارا جعفری
میگه:
سلام خسته نباشید من دانشجوی کارشناسی کامپیوتر هستم و میخوام تا یکسال دیگه پروژه کارشناسیم و ارائه بدم و طراحی سایت و میخوام ارائه بدم ولی هیچ اطلاعات و پیش زمینه ای ندارم . بنظر شما من اول از چی شروع کنم چه زبان هایی نیاز که یاد بگیرم . و اینکه میتونم تو یکسال یک سایت طراحی کنم؟
پاسخ:
درود بر شما .
همین دوره html رو در قدم اول مشاهده کنید .
لطفا دمو را ملاحظه کنید .
بعد از اتمام این دوره روال کلی طراحی قالب را یاد خواهید گرفت که میتونه بهتون دید بده که چه دوره های دیگری رو بعد از این دوره مشاهده کنید.
بله انشالله با تمرین خودتون در طول یکسال نتیجه خوبی رو خواهید گرفت.
محمد محمدی
میگه:
سلام
میشه بگید هر کدوم از فصل ها چند ساعته؟
پاسخ:
درود بر شما .
در مجموع 65 ساعت میباشد.
امید
میگه:
Html 5 در این دوره تدریس شده؟
پاسخ:
درود .
بله تدریس شده .
ولی یسری مباحثی که نیازمند کار با js است در دوره جاوااسکریپت گفته شده .
جواد محمدی
میگه:
سلام استاد خسته نباشید.
ببخشید من یک سوال داشتم اینکه چطوری با html و javascript طوری کد نویسی کنم که مثلا یک تکست باکس و یک دکمه و طوری شرطی سازیش کنم که اگر طرف اومد و داخل تکست باکس نوشت 66800 و دکمه جستجو رو زد عبارت سلام احمد ظاهر بشه اما اگر اشتباه وارد بگه کد ملی اشتباهه.
اینم از کد نویسی ام به جای علامت سوالات چی بنویسم که عدد رو از داخل تکست بخونه.
سپاس
لطفا کد ملی خود را وارد کنید
جستجو کد
function myFunction() {
var time =؟؟؟؟؟؟؟؟؟؟؟؟;
var greeting;
if (time < 66800) {
greeting = سلام احمد;
} else {
greeting =کد ملی اشتباه است;
}
document.getElementById(demo).innerHTML = greeting;
}
پاسخ:
درود بر شما .
لطفا سوالات را در بخش رفع اشکال مطرح کنید.
امینی
میگه:
سلام داخل واتساپ پیام فرستادم گفتید داخل سایت بپرسید: من لیسانس نرم افزار رایانه دارم و در زمینه برنامه نویسی وب کار کردم متاسفانه بنابه دلایل پنج سال از برنامه نویسی دور بودم: می خواستم امکان دارد راهنماییم کنید چطور برنامه ریزی کنم که بتوانم برنامه نویسی وب عالی یاد بگیرم و پروژه کار کنید: با وجود شرایط که دارم کارمنزل و بچه کوچیک ایا می شود یاد بگیرم یا قیدش بزنم وقتی بزرگتر شد بیام سراع برنامه نویسی
پاسخ:
درود بر شما .
توصیه می شود الان که انگیزه و انرژی کار را دارید فرصت را از دست ندهید و بزودی شروع به یادگیری کنید .
با توجه به این که دوره ها پروژه محور است شما خیلی زود می تونید نتیجه بگیرید .
ترتیبی که در زیر مشخص می کنم رو دنبال کنید انشالله نتیجه خوبی خواهید گرفت :
۱ : در قدم اول شما دوره دیجی کالای اقای مهندس بلاغی رو نگاه کنید تا روال کلی طراحی سایت رو یاد بگیرید
https://b2n.ir/94232
۲ : بعد از این که دوره دیجی کالا رو طی کردید دوره html رو نگاه کنید :
https://b2n.ir/425138
۳ : بعد از طی کردن دوره html دوره php رو ملاحظه کنید :
https://b2n.ir/463881
۴: دوره css:
https://b2n.ir/16211
۵ : دوره js :
https://b2n.ir/008981
بعلاوه دوره های پروژه محور دیگری که وجود دارد.
دوست گرامی شاید یکمقدار زمان بر باشد طی کردن دوره ها ولی مطمئن باشید نیاز به دوره دیگری در همین زمینه هایی که طی کردید نخواهید داشت به تمامی مطالب مهم بازار کار پرداخته شده است.
موفق باشید.
علی
میگه:
سلام.خسته نباشید.اگه کسی بخاد دورهایhtmlو cssو جاوااسکریپت و پی اچ پی شما را تهیه کنه یعنی باید ۴۰۰ ساعت اموزش ببینه؟
پاسخ:
درود بر شما .
بله تقریبا همین مدت زمان خواهد شد برای یادگیری شما تمرین کردن خودتون که مهم ترین بخش است که باید زمان زیادی را صرف کنید تا نتیجه ای که در نظر دارید انشالله برسید.
امیرحسین
میگه:
سلام استاد وقت بخیر امکانش هست یک ادمین پنل هم طراحی کنید .
پاسخ:
درود بر شما .
در فصل چهارم دوره html قالب فروشگاهی که داریم طراحی می کنیم بخش پنل کاربری هم پیاده سازی خواهیم کرد .
ولی پنل ادمین حرفه ای در دوره js انشالله پیاده سازی می شود .
احسان علیپور
میگه:
سلام ایا این دوره صفر تا ۱۰۰ html5 هم تدریس میشود؟
پاسخ:
درود بر شما.
در این دوره بیشتر تمرکز اصلی بر روی HTML است و البته به HTML5 نیز اشاره می شود ( HTML5 در یک دوره مجزایی انشالله بحث خواهیم کرد )
احمدی
میگه:
با سلام و تشکر از زحمات شما ، ببخشید خواستم بپرسم که شما در این دوره html5 رو هم تدریس می کنید یا خیر ؟ اگر جواب منفی هست می خوام خواش کنم که در همین مجموعه html5 رو تدریس کنید و به دوره جداگانه ای موکول نکنید ، همه در یک مجموعه باه خیلی ایده ال خواهد بود ، ممنون
پاسخ:
درود بر شما .
سپاس از همراهیتون.
دوست گرامی نظر شما برای ما قابل احترام است ولی باتوجه به این که سرفصل هایی که مشخص شده مربوط به html می باشد در این دوره انشالله به html خواهیم پرداخت و اصلا نگران نباشید مینی پروژه و پروژه هایی که پیاده سازی خواهد شد شما تا حد بالایی با مباحث html5 نیز آشنا خواهید شد.
علی
میگه:
استاد فصل دوم رو کی میزارید؟
پاسخ:
درود بر شما.
قسمت های جدید به زودی قرار داده می شود
ایدین صفرپور
میگه:
استاد در این دوره پس قالب شرکتی رو واکنش گرا نمیکنین؟
میره واسه دوره وردپرس؟
پاسخ:
بله قالب شرکتی در این دوره واکنش گرا نمیشه در دوره وردپرس کاملا واکنش گرا میشه.
ولی در فصل سوم پروژه مشابه سایت نت برگ پیاده سازی می کنیم که کاملا واکنش گرا می کنیم.
آیدین صفرپور
میگه:
سلام استاد خسته نباشید
میخواستم بدونم.این دوره بخش بکند هم داره؟
بعد شما این سایتو ریسپانسیو هم میکنید ؟
پاسخ:
درود بر شما.
این قالب فصل اول رو در دوره php برای وردپرس کاران داینامیک ( به وردپرس متصل می کنیم ) و ریسپانسیو می کنیم تا یاد بگیرید قالب زمانی که ریسپانسیو نباشد به چه صورت هنگامی که داریم به وردپرس متصل می کنیم اشکالات قالب رو برطرف کنیم .
فاطمه سهرابي
میگه:
سلام
مي خواستم بدونم پكيج هاي سي دي HTML رو با چه نرم افزاري اموزش مي دين؟؟
Dreamwaewr
Notepad
Notepad
يا ....
پاسخ:
درود بر شما.
در فصل اول و دوم چون پروژه سبکی است با ادیتور atom کار خواهیم کرد ( البته فرقی نمیکنه هر ادیتوری که مدنظرتون است می تونید استفاده کنید ) .
و در فصل بعدی که یک پروژه ای مشابه به سایت تخفیفان است رو پیاده سازی خواهیم کرد می آییم از ادیتور phpstorm کمک می گیریم می خواهیم شما با هر دو محیط ادیتور آشنا شوید.
میلاد بهزادفر
میگه:
سلام استاد.توی فیلم آموزشی شما سایت رو به صورت استاتیک در اختیار دارین و در واقع با خط کش عرض آیتم هارو اندازه می گیرین و در css وارد می کنید.ولی ما که سایت رو به صورت استاتیک نداریم و در واقع داریم اونو میسازیم.ما از کجا باید بدونیم مقدار ها چقدر باید باشه
یزدانی
میگه:
سلام
وقت به خیر آیا باید بعد این دوره دوره CSS را هم ببینیم یا نیازی نیست ؟ و با یادگیری این دوره مشکل یادگیری C SS برطرفمیگردد؟
پاسخ:
درود بر شما.
در این دوره در حدی css,js توضیح داده می شود که پروژه هایی که پیاده سازی می شوند را پیش ببریم .
تمرکز اصلی روی html است.