آموزشگاه فن و کار

آموزش 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
2800000 (تومان)
شهریه دوره آموزش خصوصی html و css
4800000 (تومان)
شهریه دوره آموزش آنلاین html و css
2100000 (تومان)

سرفصل های دوره آموزش 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
  • اجرای فرآیند فیلتر
  • اجرای مقررات @
  • آموزش ساخت رابط کاربری
  • و…

و…

مزایای دوره برای کارآموزان
پشتیبانی نامحدود icon1
ارائه گواهینامه معتبر icon2
ارائه آموزش برای بازار کار icon3
دسترسی سریع icon4
آموزش کاربردی و علمی icon5
اساتید با تجربه icon6

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

ویدیوی نظرات کارآموزان آموزش html css

reg image
ثبت نام
  • This field is for validation purposes and should be left unchanged.

روش های ثبت نام در دوره

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

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

مشاهده نظرات هنوز نظری ثبت نشده است.
phone icon 021-91009433 / 09058520960