۱۷ شهریور طراحی سایت | آموزش برنامه نویسی وب از صفر
به دوره “برنامه نویسی وب” خوش اومدی! توی این دوره قراره باهم یادبگیریم طراحی سایت یعنی چی. قدم اول در یادگیری برنامه نویسی وب گذروندن این دورست.
در این دوره یاد میگیریم که HTML چیه و چطور باید با HTML چهارچوب یک سایت رو بزنیم.
بعدش با هم یاد میگیریم تا چطوری به این چهارچوب با استفاده از CSS رنگ و لعاب بدیم.
و در آخر این دوره قراره تا با هم یک وب سایت معرفی محصول زیبا رو طراحی و کدنویسی کنیم.
مطمین هستم که اخر این دوره از مطالبی که گفته میشه ، کاملا رضایت داری و به راحتی میتونی ایده های خودت رو عملی کنی.
این دوره برای یادگیری HTML و CSS کافیه؟
دوره ای که پیش روی شماست، دوره رایگان برنامه نویسی HTML و CSS میباشد که طول مدت آن نزدیک به ۱۰ ساعت و در ۱۵ جلسه آماده شده.
درصورتی که میخواهید نگاهی عمیق تر بر برنامه نویسی HTML و CSS داشته باشید و آموزش خودتان را پرقدرت تر و با عمق بیشتری شروع کنید، پیشنهاد میکنیم از دوره آموزش کاربردی HTML و CSS استفاده کنید.
دوره کاربردی HTML و CSS در ۷۷ جلسه تدوین شده و با قیمت پایین در اختیار دوستان و عزیزان علاقه مند به این حوزه قرار گرفته است.
جهت مشاهده سرفصل های تدریس شده در دوره آموزش کاربردی HTML و CSS روی دکمه زیر کلیک کنید.
دوره برنامه نویسی وب مناسب چه کسانی است؟
این دوره مناسب تمامی دانش آموزها، دانشجویان، کارآموزان و تمام عاشقان برنامه نویسی و طراحی سایته که میخوان وارد دنیای برنامه نویسی و طراحی وب بشن.
همینطور اگه با طراحی سایت آشنایی داری یا مثلا با CMS های آماده ای مثل وردپرس بلدی سایت بزنی، با فراگیری این دوره قراره کلی کدنویسی، HTML و CSS یاد یگیری که مهارت خودت رو توی کارت بالا ببری.
راهی که تو قراره طی کنی؟
با ثبت نام بصورت کاملا رایگان در این دوره، در ابتدای مسیر با HTML آشنا میشیم، بعدش CSS رو فرا میگیریم و در آخر یک سایت معرفی محصول با هم طراحی میکنیم.
اگه طراحی یک سایت رو مثل ساخت یک ساختمون ببینی در حقیقت HTML چهارچوب و اسکلت اون ساختمونه و CSS نمای داخل و بیرون اون ساختمون محسوب میشه.
ما با هم یاد میگیریم که چطور یک سایت رو از صفر صفر تا جایی که اون ساختمونمون حاضر بشه بنویسیم.
از کجا باید شروع کنم؟
همین حالا روی دکمه “شروع رایگان دوره” کلیک کن، اسم و ایمیلت رو وارد کن تا کل دوره رو یک جا داشته باشی.
دوست داری یه پرش به سمت دنیای برنامه نویسی وب داشته باشی؟ با من همراه شو!
مقدمه
- World Wide Web (WWW)
- تفاوت دیزاین و توسعه
- HTML + CSS
- فرانت اند و بک اند
- زبانهای فرانت و بک
- فول استک
نصب و راهاندازی
- نصب و راه اندازی VSCode
- نصب اکستنشنهای VSCode و Chrome
- شورتکاتهای VSCode
HTML
- آشنایی با HTML
- یادگیری HTML برای چه افرادی مناسب است؟
- ایجاد اولین صفحه HTML
- تگهای HTML
- تگهای اولیه (HTML – Head – Body – Title – Hn – P – Span – BR – HR)
- لینکها
- تصاویر
- استایلها
- کامنت
- جداول
- لیستها
- تگ DIV
- تگ فرم و اجزای آن (Input – TextArea – Select – Button)
- تگهای معنادار (Semantic HTML Tags)
- تگهای Block-Level و Inline
- آدرسدهی در HTML
- تگهای مخصوص head
CSS
- آشنایی با CSS
- سینتکس نوشتاری CSS
- انواع سلکتورهای ساده (element – ID – class – universal – grouping)
- سه روش اتصال CSS و HTML به هم (External – Internal – Inlin)
- استایلهای مختلف
- CSS Box مهم (margin – padding – border – width – height)
- تایپوگرافی (color – align – font)
- display
- position
- !important
- transform
- transition
- طراحی واکنشگرا یا ریسپانسیو
- کار با اینسپکت المنت
پشتیبانی تلگرامی، عضویت در گروه مخصوص اعضا
ایمیل مخصوص دوره
فرم مخصوص پرسش مستقیم از مدرس در صفحه پورتال در وبسایت
مهدی عزیزی رستم
ارسال در : ۱۸:۵۷h, ۰۹ مهرسلام از دوره رایگان طراحی وب
۱. وقتی با موس روی about us و product و home می رویم اندازه رنگ های زیر این گزینه ها با هم برابر شود.
۲. وقتی با موس روی about us و product می رویم یک فاصله کوچک سمت چپ این گزینه ها وجود دارد ولی برای home اینطور نیست چطور باید این فاصله را ایجاد کرد .
با تشکر از شما
هولوسن
ارسال در : ۱۱:۴۱h, ۱۳ مهرمهدی عزیزی رستم سلام و عرض ادب
امیدوار هستیم که خوب، سرحال و سرشار از حس مثبت باشید.
برای رفع این موارد بهترین گزینه این هست که li های خود را display: table-cell; قرار دهید. هر ۲ سوال شما با این کار پوشش داده میشود.
با تقدیم احترام، پشتیبانی هولوسن
فرزاد رشیدی
ارسال در : ۱۰:۳۶h, ۱۸ آبانباسلام
ببخشید من چطوری میتونم به ادرس url یه المنت پویا و متغییر دسترسی داشته باشم . به عنوان مثال یه سایت هواشناسی در هر ۵ دقیقه مقادیر دمایی که نشون میده تغییر میکنه ، من به ادرس اون چطوری میتونم دسترسی داشته باشم .
هولوسن
ارسال در : ۱۵:۳۳h, ۱۹ آبانسلام و عرض ادب
امیدوارم حالتون عالی و پر از انرژی مثبت باشید
برای اینکه شما مثلا هر ۵ دقیقه اطلاعات بازگشتی از یک url رو بخونید و مثلا در سایت خودتون نشون بدید باید از جاوا اسکریپت استفاده کنید. مثلا با متد setInterval میتونید هر ۵ دقیقه یک کار رو تکرار کنید. و از طریق متدهای مربوط به ajax این عملیات رو میتونید انجام بدید.
با تقدیم احترام، هولوسن.