آدرس: تهران - میدان انقلاب - روبروی سینما بهمن - نبش خیابان منیری جاوید - آموزشگاه فن و کار

آموزش html css

آموزش HTML و CSS  (آموزش صفر تا صد طراحی فرانت سایت با HTML5 و CSS3 از مقدماتی تا پیشرفته)  دوره ای فوق العاده هدفمند و ضروری برای تمام کسانی است که می خواهند با نحوه چینش و ساختار صفحات وب و چگونگیِ زیباتر کردن و دیزاین حرفه ای آن ها آشنا شده و در ادامه، بتوانند وب سایت های مختلف را به شیوه ای استاندارد، بنا به درخواست صاحبان سایت ها؛ طراحی و سفارشی سازی کرده و ظاهر و کد آن ها را برای کاربر و همچنین موتورهای جست و جو، بهینه سازی نمایند.

شرکت در دوره آموزش html css در کنار یادگیریِ سایر مهارت های برنامه نویسی و طراحی مهم مانند آموختن دیزاین سایت با وردپرس؛ زبان های برنامه نویسی جاوااسکریپت، پی اچ پی ، پایتون و سایر زبان های رایج طراحی فرانت و بک اند سایت در دنیا؛ شما را تبدیل به یک طراح و توسعه دهنده وب بسیار حرفه ای کرده و توانایی لازم برای این که بخش های مختلف یک سایت یا وب اپلیکیشن یا برنامه را بر اساس جدیدترین تکنیک های طراحی و استانداردهای جهانی برنامه نویسی، از صفر تا صد دیزاین کرده و توسعه دهید؛ در شما به وجود می آورد و ارتقا می دهد.

سرفصل های دوره اچ تی ام ال و سی اس اس موسسه فن و کار مطابق با تحولات اخیر این ابزارهای قدرتمند و جهانیِ ساخت وبسایت و همچنین در هماهنگیِ کامل با استانداردهای معین شده از سوی سازمان فنی و حرفه ای کشور تدوین و تالیف گشته است.  به همین جهت، تمامی دانشجویان دوره می توانند صفر تا صد این رشته را از مبتدی تا پیشرفته یاد گرفته و پس از پایان کلاس؛ ضمن شرکت در آزمون های مربوطه و سنجش مهارت ها و توانمندی های خود، مدرک بین المللی html و css (با قابلیت ترجمه و دارای اعتبار جهانی) از سوی سازمان فنی و حرفه ای کشور دریافت نمایند.

اساتید دوره مبتدی تا پیشرفته HTML و CSS همگی دارای تجربه تدريس بالا و نمونه کارهای موفق و مستند در حوزه طراحی صفحات وب هستند و با اتکا به دانش و تجربه کاری انبوه و ارزشمند خود، می توانند این رشته را به صورت گام به گام و به زبانی ساده و قابل درک به کارآموزان (حتی کسانی که هیچ پیشینه و تجربه ای در این زمینه ندارند) آموزش دهند.

مسیر یادگیری صفر تا صد آموزش اچ تی ام ال که یک زبان نشانه گذاری و معین کننده ساختار و چگونگی چینش صفحات وب می باشد؛ در این دوره بدین شرح است:

در ابتدا شما را با تمامی تگ های مورد استفاده در HTML مانند تگ های نوع p و div و head و h و span و تگ های a و br و header و img و map و table و تگ های from و input و select  و ویدیو و سایر تگ های مهم و کاربردی html آشنا می کنیم و در مرحله بعدی به سراغ آموزش سرفصل های پیچیده تر مانند چگونگی تعیین و تخصیص این تگ ها برای بخش های مختلف یک صفحه وب و بهینه سازی کدها و تگ ها بر اساسِ جدیدترین تحولات و الگوریتم های موتورهای جست و جو و مطابق با اصول سئو و Web design می رویم.

در بخش آموزش سی اس اس دوره، صفر تا صد این زبان استایل نویسی و بهبود سیما و ظاهر سایت را به شما یاد می دهیم. فرآیند یادگیری در این بخشِ دوره، از شناخت ساختار و قابلیت ها و ویژگی های css شروع شده و به تدریج؛ مباحثی مانند سلکتورها، رنگ ها، واحدهای اندازه گیری، background  و border و margin ، عرض و ارتفاع یا width & height ، مباحث مربوط به padding و outline و همچنین استایل ها و فونت ها در متن یا text ، به کار گیری آیکون ها، تگ های لینک و لیست، جدول ها، المان ها و شبه المان ها و شبه کلاس ها و طراحی button یا دکمه و در نهایت اصول واکنش گرایی و ریسپانسیو بودن در سایت ها به صورت حرفه ای و تخصصی و در قالب تمرین ها و مثال های جزئی و کوچک و همچنین پروژه های بزرگ و همه جانبه، به دانشجویان آموزش داده می شود.

فهرست مطالب آموزشی دوره html css آموزشگاه فن و کار را در همین صفحه برای شما به صورت کامل آورده ایم که مطالعه آن ها، می تواند برای درکِ بهتر کیفیت و شرایط برگزاری دوره مفید و کاربردی باشد.

ویدئو معرفی دوره آموزش html و css آموزشگاه فن و کار

نام دوره: آموزش html و css
مدت دوره: 45 ساعت
سطح دوره: مبتدی تا پیشرفته
نحوه برگزاری: حضوری و آنلاین
پیش نیاز: مبانی کامپیوتر و اینترنت

هزینه دوره آموزش html css

شهریه دوره آموزش html و css
2,800,000 (تومان)
شهریه دوره آموزش خصوصی html و css
4,800,000 (تومان)
شهریه دوره آموزش آنلاین html و css
2,100,000 (تومان)

سرفصل‌های دوره آموزش html css

سرفصل های آموزش Html

مفاهیم اولیه وب سایت

  • تاریخچه سایت
  • تعریف و عملکرد سایت
  • مفاهیم و عملکرد شبکه جهانی
  • شناخت و بررسی الگوی Server/ Client در شبکه
  • شناخت browser های (مرورگر) رابط به لحاظ Client مجازی
  • پست الکترونیکی و آشنایی با اصول ایمیل
  • انتقال فایل و آشنایی با راهکارهای FTP
  • آشنایی با NNTP و اصول ارسال خبرهای شبکه
  • تعریف Gopher
  • شناخت Telnet
  • شناخت HTTP  و راهکارهای انتقال ابرمتن
  • تعریف و عملکرد چند رسانه ها (Multimedia)
  • تعرف و عملکرد راهکارهای IP/TCP (ارتباط شبکه)
  • فرآیند ارتباط به صورت دوطرفه سایت
  • فرآِیند اتصال سایت به سرور
  • تعاریف و عملکرد سرچ
  • تعاریف و عملکرد پیوندها و انواع لینک ها
  • و…

آموزش استفاده از انواع برنامه قابل اجرا در سایت

  • بررسی و شناخت انواع برنامه های Application Helper
  • شناخت و بررسی Plugins ها و آشنایی با برنامه های متصل کننده
  • بررسی و شناخت VRML یا سایت سه بعدی
  • شناخت و بررسی انواع برنامه های گرافیکی
  • شناخت و بررسی انواع برنامه های پویا نمایی یا انیمیشن سازی
  • و…

آموزش شناسایی عملکرد انواع نرم افزار کمکی

  • شناسایی نرم افزار page Front
  • شناسایی انواع نرم افزارهای مرورگر
  • شناسایی انواع نرم افزارهای ادیت متن به منظور فضای ساخت HTML
  • و…

آموزش استفاده از ساختمان پایه و اصلی زبان برنامه نویسی HTML

  • تعریف و عملکرد زبان HTML
  • ساختمان و ساختار پایه زبان HTML
  • و…
  • آموزش نحوه کارکرد با متن
  • نحوه ساخت یک سایت متنی ساده
  • کاربا دستور >– متن تشریحی–!< و تفسیر متن و کامنت گذاری
  • تگ </P> و <P> و خصوصیات آن و پاراگراف سازی
  • تگ <BR> و خصوصیات آن
  • تگ  های H و خصوصیات آن
  • تگ </NOBR> و <NOBR>
  • تگ  <HR>و ویژگی های آن
  • تعاریف و عملکرد آرایش متن ها
  • تعاریف و کارکرد آرایش دهنده های منطقی
  • تگ </EM> و <EM>
  • تگ </STRONG> و <STRONG>
  • تعاریف و عملکرد آرایش دهنده های فیزیکی
  • تگ </B> و <B>
  • تج </I> و <I> و خصوصیات آن
  • تگ  </PRE>و <PRE> و خصوصیات آن
  • تگ  <ADDRESS>و </ADDRESS> و خصوصیات آن
  • ویژگی های تگ </CODE> و <CODE>
  • ویژگی های تگ </CITE> و <CITE>
  • ویژگی های تگ </BLOCKQNOTE> و <BLOCKQNOTE>
  • ویژگی های تگ </TT> و <TT>
  • ویژگی های تگ <عدد =  B ASEFONT SIZE>
  • ویژگی های تگ <BIG/> و <BIG>
  • ویژگی های تگ <SMALL/> و <SMALL>
  • ویژگی های تگ <BLINK/>
  • ویژگی های تگ <CENTER/> و <SENTER>
  • ویژگی های تگ <DIV/> و <DIV>
  • ویژگی های تگ <KBD> و <KBD>
  • ویژگی های تگ <LISTING/> و <LISTING>
  • ویژگی های تگ <PLAINTEXT/> و <PLAINTEXT>
  • ویژگی های تگ <S/> و <S>
  • ویژگی های تگ <STRIKE/> و <STRIKE>
  • ویژگی های تگ <Q/> و <Q>
  • ویژگی های تگ <SAMP/> و <SAMP>
  • ویژگی های تگ <SPACER/> و <SPACER>
  • تگ <SPAN/> و <SPAN> و خصوصیات آن
  • تگ <SUB/> و <SUB>
  • ویژگی های تگ <U/> و <U>
  • ویژگی های تگ <VAR/> و <VAR>
  • ویژگی های تگ <WBR/> و <WBR>
  • ویژگی های تگ <FONT/> و <FONT>
  • ویژگی های تگ <ABBR/> و <ABBR>
  • ویژگی های تگ <ACRONYM/> و <ACRONYM>
  • ویژگی های تگ <DFN/> و <DFN>
  • تگ <BLINK/> و خصوصیات آن
  • تگ <DEL/> و <DEL> و ویژگی های آن
  • تگ <INS/> و <INS> و ویژگی های آن
  • و…

آموزش استفاد از لینک ها

  • مفاهیم و عملکرد لینک ها
  • نحوه لینک دهی خارجی از یک صفحه به دیگر صفحه
  • نحوه لینکدهعی داخلی درون همان صفحه قبلی
  • ویژگی های لینک های داخلی و خارجی
  • تگ های META و خصوصیات آنها
  • BASE و ویژگی های آن
  • مفاهیم و تغییر عملکرد نقشه های تصویری مرتبط با سرور
  • پوشه های MAP و گزارشات نقشه
  • پوشه های HTM
  • مفاهیم نقشه ای تصویری مرتبط با CLINT
  • تگ <MAP/> و <MAP> و ویژگی های آن
  • تگ <AREA> و ویژگی های آن
  • تگ < = IMGSRC> و خصوصیات آن
  • تگ <LINK> و ویژگی های آن
  • و…

آموزش بکارگیری چندرسانه ای در صفحه های سایت

  • شناسایی مفاهیم و عملکرد چند رسانه ای
  • تگ <IMG> و ویژگی های آن
  • تگ < BGSOUND> و ویژگی های آن
  • تگ < MARQUEE> و < MARQUEE> و خصوصیات آن
  • و…

آموزش طبقه بندی داده ها از طریق به کارگیری لیستها

  • شناسایی تعاریف و عملکرد فهرست های منظم (List Orderd)
  • تگ < OL/> و < OL/> و ویژگی های آن
  • تگ < LI/> و < LI > و خصوصیات آن
  • تعاریف و عملکرد فهرست های نا منظم < List Unorderd >
  • تگ < UL> و </ UL> و ویژگی های آن
  • تگ < LI/> و < LI> و ویژگی های آن
  • مفاهیم و عملکرد فهرست های تشریحی یا توصیفی <Definition>
  • تگ <DL/> و <DL> و ویژگی های آن
  • تعاریف و عملکرد فهرست های مرکب
  • ادغام فهرست ها از یک نوع
  • ادغام فهرست ها در انواع متفاوت
  • تگ <DIR/> و <DIR> و ویژگی های آن
  • تگ <MENU> و </MENU> و خصوصیات آن
  • تگ < MOLTICOL/> و < MOLTICOL> و خصوصیات آن
  • و…

آموزش مدیریت داده ها با بکارگیری جداول

  • تعاریف و عملکرد جداول
  • ویژگی های تگ < TABLE/> و < TABLE>
  • تگ < TR/> و < TR> و خصوصیات آن
  • تگ < TD/> و < TD> و خصوصیات آن
  • تگ < TH/> و < TH> و خصوصیات آن
  • شناسایی نحوه جایگذاری اجزا در سلولها
  • تگ < COPTION/> و < COPTION> و خصوصیات آن
  • تگ < COL> و خصوصیات آن
  • تگ < GROUPLI COL/> و < GROUPLI COL> و خصوصیات آن
  • تگ < TBODY/> و < TBODY> و خصوصیات آن
  • تگ < TFOOT/> و < TFOOT> و خصوصیات آن
  • تگ < THEAD/> و < THEAD> و خصوصیات آن
  • و…
  • آموزش کار با زیر صفحه ها با به کارگیری قالب ها (FRAMES)
  • صفحه اصلی و زیرصفحه
  • تگ < FRAMESET /> و < FRAMESET> و ویژگی های آن
  • تگ < FRAM> و خصوصیات آن
  • نحوه جایگذاری آدرس پوشه HTML در URL
  • نحوه ساخت لینک از یک URL به URL دیگر
  • خصوصیات TARGET در تگ <A> … </A>
  • ویژگی های تگ < NOFRAME/> و < NOFRAME>
  • تگ <IFRAME/> و <IFRAME> و ویژگی های آن
  • و…
  • آموزش ایجاد ارتباط با کاربرها از طریق انواع پرسشنامه (FRAMES)
  • تعاریف و توصیف فرم و عملکرد آن
  • تگ < FROM/> و < FROM>  ویژگی های آن
  • استفاده از BOX TEXT در فرم
  • تگ <TEXT ” = INPUTTRPE> و خصوصیات آن
  • جایگذاری متون چندخطی در فرم و نحوه عملکرد آن
  • تگ های < TEXT/> و < AREA TEXT> و < AREA> و خصوصیات آنها
  • جایگذاری PASSWORD در فرم و عملکرد آن
  • تگ <TYPE ” = PASSWORD ” INPUT> و ویژگی های آن
  • نحوه قرارگیری انواع دکمه در فرم و عملکرد آن
  • تگ <” BUTTON” = TYPE INPUT> و ویژگی های آن
  • تگ <” RESET ” = TYPE INPUT> و ویژگی های آن
  • دکمه SUBMIT و عملکرد آن
  • تگ <” SUBNIT ” = TYPE INPUT> و خصوصیات آن
  • نحوه استفاده از تصاویر گرافیکی بجای دکمه SUBMIT
  • آشنایی با <” IMAGE”= TYPE INPUT> و خصوصیات آن
  • جایگذاری BOX CHECK فرم و عملکرد آن
  • تگ <” BOX CHECK “= TYPE INPUT> به جهت ساخت BOX CHECK و خصوصیات آن
  • کارکرد NAME در BOX CHECK
  • جایگذاری RODIO در فرم و فهم تعریف و عملکرد آن
  • تگ <” RODIO”= TYPE INPUT> به منظور ساخت دکمه رادیویی و ویژگی های آن
  • نحوه قرارگیری فهرست منو در فرم و عملکرد آن
  • کار با تگ< SELECT> و < SELECT/> و ساخت فهرست منو و خصوصیات آن
  • تگ < OPTION/> و < OPTION> و خصوصیات آنها
  • به کارگیری تگ <BUTTON/> و < BUTTON> در فرم و ویژگی های آن و ساخت کنترل دکمه ای
  • کنترل های متصل به فرم با استفاده از تگ < SET FILD/> و < SET FILD>
  • تگ < LEGEND/> و < LEGEND> و ویژگی های آن
  • تگ < LABEL/> و < LABEL> و خصوصیات آن و ساخت برچسب های کنترل
  • تگ < OPTGROUP/> و < OPTGROUP> و ویژگی های آن
  • تگ < ISTNEDEX> و ویژگی های آن
  • و…

آموزش ایجاد ارتباط بین HTML و دیگر کدها

  • تگ < APPLET/> و < APPLET> و اپلت های جاوا در HTML
  • تگ < SCRIPT/> و < SCRIPT> و اضافه کردن اسکریپت به HTML
  • تگ < NOSCRIP/> و < NOSCRIP> و ویژگی های آن
  • تگ < OBJECT/> و < OBJECT> و ویژگی های آن
  • و…

و…

سرفصل های آموزش Css

آموزش استفاده از اساس و پایه ابتدایی در مدلسازی قالب وب سایت

  • استفاده از انواع کد css در سندهای Html
  • استفاده از انواع کد css به شکل های درون خطی، بیرونی، درونی (inline, external,internal)
  • افزودن اطلاعات متنی در css
  • و…

آموزش استفاده از عناصر سبک دهی

  • انتخاب پس زمینه
  • ایجاد حاشیه
  • استفاده از انواع فونت
  • بکارگیری انواع لینک
  • بکارگیری لیست های مختلف
  • ایجاد سایه برای المان های سایت
  • بکارگیری کادربندی متن
  • استفاده از انواع جداول
  • و…

آموزش کار با مکان نما در css

  • تغییر در شکل نمایش مکان نما
  • ساخت مکان نمای نمایشی
  • و..

آموزش به کارگیری ساختمان و چیدمان باکس ها

  • ساخت مرز برای عناصر (border)
  • بکارگیری فاصله گذاری از مرز درونی باکس (padding)
  • استفاده از انواع اندازه ها (width/ height) در css
  • استفاده از باکس مدل در کادربندی تگ های Html (box model)
  • استفاده از ویژگی های outline
  • و…

آموزش استفاده از فرم ها و زوایای چند بعدی در css

  • نحوه بکارگیری شبه عناصر (element – pseude) و استفاده از کلاس های css
  • خصوصیات معین کننده ها
  • استفاده از Media queries
  • تغییر در اشکال دو بعدی
  • تغییر در اشکال سه بعدی
  • استفاده از فرآیند انتقال
  • پویانمایی ها در css
  • ردیف بندی در چندین ستون
  • استفاده از رنگ
  • ایجاد sprite image
  • اجرای فرآیند فیلتر
  • اجرای مقررات @
  • آموزش ساخت رابط کاربری
  • و…

و…

مزایای دوره برای کارآموزان
پشتیبانی نامحدود
ارائه گواهینامه معتبر
ارائه آموزش برای بازار کار
دسترسی سریع
آموزش کاربردی و علمی
اساتید با تجربه

گالری کارگاه آموزش html css

ثبت نام فوری
روش‌های ثبت نام در دوره
1- تماس تلفنی
2- ثبت نام در واتساپ و سایر شبکه های اجتماعی
3- مراجعه حضوری
4- از طریق فرم پیش ثبت نام موجود در سایت
5- درج شماره تماس و دوره مورد نظر برای تماس
مشاهده نظرات ثبت نظر
مشاهده نظرات هنوز نظری ثبت نشده است.
نظر خود را با دیگران به اشتراک بزارید!

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

شهریه دوره آموزش html و css 2،800،000 تومان
دسترسی سریع! شهریه‌ها سرفصل‌ها ثبت نام