آموزش HTML و CSS
HTML و CSS یک زبان برنامه نویسی مخصوص طراحی صفحات وب است که برای زیبا کردن قالب سایت از CSS استفاده می کند. زبان برنامه نویسی HTML و CSS به دلیل کاربرد در سایت ها به منظور قرار دادن فایل های صوتی و ویدئویی بسیار محبوب می باشد. به همین دلیل، آموزشگاه پایتخت فناوری دوره جامع آموزش HTML و CSS را برگزار می کند.
- دانشجویان، در این دوره ابتدا با مفاهیم بکارگیری وب در شبکه های محلی و جهانی آشنا شده و روش آدرس دهی پروتکل های مختلف را یاد گرفته و می توانند Plug-in ها را ایجاد کنند.
- سپس، با بررسی نرم افزار Front page، کار با ویرایشگر های متن در محیط HTML را یاد گرفته و با شناخت ساختار اصلی زبان برنامه نویسی HTML می توانند از دستورات مختلف برای کار با متن استفاده کنند.
- در ادامه مسیر، با پیوند (Hyper Links) و چند رسانه ای (Multimedia) به طور عملی کار کرده و می توانید با شناخت دستورات گوناگون، اطلاعات را با استفاده از لیست ها دسته بندی و مرتب کنید. به علاوه شما روش سازماندهی اطلاعات با کمک جداول را یاد گرفته و می توانید با شناخت صفحه اصلی و زیر صفحه ها، از قاب ها استفاده کرده و با کاربران رتباط برقرار کنید.
- در ادامه مسیر، با بررسی تفاوت های css و html، شما می توانید با قوانین کلی کد های css آشنا شده و با شناخت مفاهیم سایه و حاشیه، استایل عناصر سایت مانند پس زمینه، فونت، لینک و لیست ها را تعیین و تنظیم کنید. در ادامه دوره سرفصل های تخصصی در مورد نحوه تغییر ظاهر مکان نما و ایجاد مکان نمای نمایشی در اختیار شما قرار خواهد گرفت.
- هم چنین، شما می توانید با یادگیری مفهوم مرز و شناسایی ویژگی های ابعاد در css، از مدل جعبه ای در قالب بندی المان های HTML استفاده کنید.
- این دوره همراه با ویژگی تجدید دوره رایگان به طور کاملا عملی توسط بهترین اساتید این حوزه برگزار می شود.
سرفصل های دوره HTML و CSS از مبتدی تا پیشرفته
سرفصل های آموزش HTML
1. آشنایی با روش استفاده از وب (WEB)
- معرفی تاریخچه وب
- بررسی مفهوم و كاربرد وب
- یادگیری وب در كامپیوتر های شخصی
- آموزش وب در شبكه های محلی
- شناخت وب در شبكه های جهانی یا www
- آشنایی با مفهوم و كاربرد شبكه جهانی
- معرفی مدل Server / Client در شبكه
- یادگیری مفهوم Client و Server
- شناخت مرورگر های واسطه بعنوان Client مجازی
- بررسی تسهیلات Client
- آشنایی با اطلاعات چند پروتكلی
- معرفی E-Mail یا پروتكل پست الكترونیكی
- تعریف مفهوم FTP یا پروتكل انتقال فایل
- آشنایی با News یا NNTP یا پروتكل انتقال اخبار شبكه
- درک مفهوم Gopher
- آشنایی با Telnet
- شناخت مفهوم HTTP یا پروتكل انتقال ابر متن
- بررسی مفهوم و كاربرد چند رسانه ها یا مولتی مدیا
- یادگیریمفهوم و كاربرد پروتكل ارتباط شبكه ها ( IP / TCP )
- معرفی ارتباط دو طرفه وب
- بررسی مفهوم ارتباطات بین فردی
- تعریف ارتباطات گروهی ، سازمانی و جهانی
- معرفی اتصالات در وب
- روش آدرس دهی مستقیم URL
- شیوه آدرس دهی با HTTP
- بررسی پروتكل آدرس دهی با پروتكل FTP
- شناخت آدرس دهی با پروتکل E-Mail
- آشنایی با پروتكل Gopher
- یادگیری کار با پروتكک آدرس دهی NNTP
- آموزش آدرس دهی با پروتكل Telenet
- بررسی روش آدرس دهی روی كامپیوتر جاری
- یادگیری آدرس دهی روی كامپیوتر جاری در یك دایركتوری
- نحوه تشخیص نوع سازمان یا موسسه در آدرس دهی
- آشنایی با مفهوم و كاربرد جستجوها (search)
- آشنایی با مفهوم و كاربرد لینك ها و انواع آن
- بررسی مفهوم لینك ها و ویژگی های ان ها
- شناخت موارد و مقصد های لینک
2. یادگیری بكارگیری برنامه های قابل استفاده در وب
- معرفی برنامه های Helper Application
- شناخت مفهوم Plug ins ها یا برنامه های اتصالی
- بررسی روش های ایجاد برنامه های اتصالی
- روش اضافه كردن برنامه های اتصالی به مرورگر
- آموزش Embedded كردن برنامه اتصالی در یك سند HTML
- معرفی برنامه های اتصالی
- شناخت برنامه VB Script و Java Script
- یادگیری کار با برنامه Java و ایجاد اپلت های جاوا
- معرفی برنامه های DHTML وCGL و Activex و Shock Wave
- معرفی برنامه آشنایی با VRML یا وب سه بعدی
- بررسی برنامه های مناسب برای ایجاد تصاویر گرافیكی
- شناخت برنامه های انیمیشن سازی
3. تشخیص كاربرد نرم افزار های كمكی
- معرفی نرم افزار Front page
- شناخت نرم افزار های مرورگر
- آشنایی با مرورگر های Internet Eplolre(I.E) و Netscop Navigator و Nesa Mosiac
- بررسی نرم افزار های ویرایشگر متن بعنوان محیط ایجاد HTML
- شناسایی ویرایشگر Word pad و Note pad
4. آموزش كار با ساختار اصلی زبان برنامه نویسی HTML
- آشنایی با مفهوم و كاربرد زبان HTML
- معرفی ساختار اصلی زبان HTML
- یادگیری کار با دستورات </HTML> و <HTML>
- یادگیری کار با دستورات </HEAD> و <HEAD>
- یادگیری کار با دستورات </TTLE> و <TTLE>
- یادگیری کار با دستورات </BODY> و <BODY> و صفحات مربوط به آن ها
5. بررسی چگونگی كار با متن
- چگونگی ایجاد یك وب متنی ساده
- آشنایی با دستور –> متن توضیحی –!> برای توضیحی كردن متن
- معرفی دستور <BR> و ویژگی های آن برای شکستن خط
- یادگیری دستور <Hi> و چگونگی استفاده از آن برای تیتر نمودن متن
- شناخت دستورات </NOBR> و <NOBR> برای عدم شکسته شدن متن
- نحوه استفاده از دستور <HR> برای ایجاد خطوط افقی و جدا کننده مطالب
- بررسی مفهوم و كاربرد آرایش متون
- تعریف مفهوم و كاربرد آراینده های منطقی
شناخت دستورات </EM> و <EM> برای حروف کج - آموزش بکارگیری دستور </STRONG> و <STRONG> برای حروف توپر
- آشنایی با مفهوم و كاربرد آراینده های فیزیكی
- شناخت دستورات </B> و <B> برای توپر کردن متن
- آموزش دستورات </I> و <I> برای کج کردن متن
- شناخت دستورات </PRE> و < PRE > برای درج کردن متن به ترتیب در مرورگر
- آشنایی با دستورات </ADDRESS> و < ADDRESS > برای نمایش آدرس طراح به USER
- یادگیری دستورات </CODE> و < CODE > برای نوشتن متنی که به صورت کد کامپیوتری است
- معرفی دستورات </CITE> و <CITE> برای متن نقل قول یا تشکر
- شناخت دستورات </BLOCKQNOTE> و < BLOCKQNOTE > و ویژگی های ان برای جدا کردن متن از بقیه صفحه
- روش استفاده از دستورات </TT> و <TT> برای ایجاد متن با عرض یکسان
- معرفی دستور مناسب برای سایز تمام متن های آن صفحه مانند <B ASEFNOT SIZE >
- شناخت دستورات </BIG> و <BIG> برای اعمال یک سایز بزرگ تر به متن
- شناخت دستورات </SMALL> و <SMALL> برای کوچک تر کردن متن
- شناخت دستورات <BLINK> برای چشمک زدن متن
- روش استفاده از دستورات </CENTER> و <SENTER> برای وسط چین کردن از نظر افقی
- کار با دستورات </DIV> و <DIV> برای چیدن متن و پاراگراف بندی
- شناخت دستورات </KBD> و <KBD> برای حروف یک اندازه با فواصل مساوی
- بررسی دستورات </LISTING> و < LISTING >
- معرفی دستورات </PLAINTEXT> و < PLAINTEXT >
- شناخت دستورات </S> و < S >
- یادگیری کار با دستورات </Q> و < Q > برای نقل قول کردن متن
- شناخت دستورات </STRIKE> و < STRIKE >
- آشنایی با دستورات </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 > و صفات آن
6. نحوه كار با پیوند ها (Hyper Links)
- درک مفهوم و كاربرد پیوند ها
- بررسی پیوند های خارجی (از صفحه به صفحه دیگر)
- شناخت پیوند های داخلی (داخل همان صفحه)
- آشنایی با صفات پیوند های داخلی و خارجی
- معرفی دستور META و صفات آن
- چگونگی استفاده از دستور BASE و صفات آن
- آشنایی با تعریـف و تعـویض كـاربرد نقـشه هـای تـصویری وابـسته بـه SERVER
- آموزش کار با فایل های MAP حاوی اطلاعات نقشه
- بررسی نحوه استفاده از فایل های HTM به عنوان مقصد های نقاط حساس
- یادگیری روش تعریف نقشه های تصویری وابسته به CLINT
- معرفی ویژگی های دستورات </MAP> و <MAP>
- آشنایی با دستور <AREA> و صفات آن
- شناخت روش استفاده از دستور <IMGSRC=>
- یادگیری استفاده از دستور <LINK> و صفات آن
7. آموزش كار با چند رسانه ای (Multimedia)در صفحات وب
- بررسی تعریف و كاربرد چند رسانه ای
- آشنایی با دستور <IMG> و ویژگی های آن برای تصاویر
- یادگیری روش اجرای دستور <IMG> و ویژگی های آن برای فایل های ویدئویی
- آموزش نحوه استفاده از دستور <IMG> و ویژگی های آن برای فایل های صوتی
- چگونگی استفاده از دستور <BGSOUND> و ویژگی های آن برای فایل های صوتی
- معریف دستور های </MARQUEE> و <MARQUEE> و صفات آن برای استفاده از نوار متحرک
8. تشخیص دسته بندی اطلاعات با استفاده از لیست ها
- بررسی مفهوم لیست های مرتب (Orderd List)و كاربرد آن ها
- یادگیری استفاده از دستورات </OL> و <OL> برای اسجاد لیست های مرتب شده یا شماره دار
- شناسایی دستورات </LI> و <LI> برای استفاده در اقلام لیست شده
- آموزش کاربرد لیست های نامرتب <Unorderd List>
- معرفی دستورات مناسب برای اجزا لیست مانند </UL> و <UL>
- بررسی اصول استفاده از دستورات </LI> و <LI> برای اقلام لیست شده
- شناخت مفهوم لیست های توضیحی یا تعریفی و کاربرد <Definition>
- یادگیری روش استفاده از دستورات </DL> و <DL> و صفات آن ها
- آشنایی با مفهوم و كاربرد لیست های تركیبی
- بررسی روش تركیب لیست های هم نوع و غیرهم نوع
- شناسایی اصول استفاده از دستورات </DIR> و <DIR> و صفات آن برای دسته بندی اطلاعات به صورت لیست
- معرفی دستورات </MENU> و <MENU> برای دسته بندی اطلاعات به صورت لیست
- یادگیری استفاده از دستورات مناسب برای دسته بندی متن در چند ستون </MOLTICOL> و <MOLTICOL> و صفات آن
9. آشنایی با روش سازماندهی اطلاعات با استفاده از جداول
- شناخت مفهوم جدول و كاربرد آن
- معرفی روش استفاده از دستورات </TABLE> و <TABLE>
- بررسی نحوه استفاده از دستورات </TR> و <TR> و صفات آن ها
- یادگیری استفاده از دستورات </TD> و <TD> و ویژگی های آن ها
- شناخت اصول استفاده از دستورات </TH> و <TH>
- بررسی چگونگی قرار دادن عناصر در سلول ها
- آموزش بکارگیری دستورات </COPTION> و <COPTION>
- معرفی ویژگی های دستور <COL>
- بررسی صفات دستورات </COL GROUPLI> و <COL GROUPLI>
- روش بکارگیری دستورات </TBODY> و <TBODY> و ویژگی های آن ها
- آموزش استفاده از دستورات </TFOOT> و <TFOOT> و ویژگی های آن ها
- شناخت اصول استفاده از دستورات </THEAD> و <THEAD> و صفات آن ها
10. آموزش استفاده از زیر صفحه ها با استفاده از قاب ها (FRAMES)
- معرفی صفحه اصلی و زیر صفحه ها
- یادگیری نحوه استفاده از دستورات </FRAMESET> و < FRAMESET > و ویژگی های آن ها
- شیوه استفاده از دستور <FRAM> و صفات آن ها
- بررسی روش قرار دادن آدرس فایل HTML در داخل زیر صفحه
- بررسی روش ایجاد اتصال یا پیوند از زیر صفحه به زیر صفحه دیگر یـا بـه یك URL دیگر
- معرفی صفت TARGET در دستورات </A> و <A> برای متصل کردن زیر صفحه ها به یکدیگر
- نحوه ارائه پیغام از طرف طراح به USER در هنگام عدم شناسایی فریم توسط مرورگر با استفاده از دستورات </NOFRAME> و <NOFRAME>
- شناسایی اصول استفاده از دستورات </IFRAME> و <FRAME> و صفات آن ها
11. بررسی شیوه برقراری ارتباط با كاربران بوسیله پرسش نامه ها (FRAMES)
- آشنایی با مفهوم و تعریف فرم و كاربرد آن
- معرفی دستورات </FORM> و <FORM> و صفات آن
- بررسی روش قرار دادن ورودی متن یا TEXT BOX به فرم
- یادگیری اجرای دستور <INPUTTRPE=” TEXT> برای ایجاد فرم ورودی متن و صفات آن
- آموزش روش قرار دادن ورودی متنی چند خطی به فرم و كاربرد آن
- بررسی نحوه استفاده از دستورات </TEXT> و <TEXT AREA> و <AREA> و ویژگی های آن ها
- شناخت اصول روش قرار دادن ورودی به صورت رمز یا PASSWORD در فرم و كاربرد آن
- آموزش اجرای دستور <INPUT TYPE=” BUTTON”> و صفات آن
- یادگیری استفاده از دستور <INPUT TYPE=” RESET”> و صفات آن
- بررسی روش استفاده از دكمه فشاری SUBMIT و كاربرد آن
- بررسی اصول استفاده از دستور <INPUT TYPE=” SUBNIT”> و صفات آن برای ایجاد دکمه SUBMIT
- بررسی روش استفاده از تصاویر گرافیکی بجای دکمه SUBMIT
- استفاده از دستور <INPUT TYPE=” IMAGE”> و صفات آن برای ایجاد تصویر بجای دکمه SUBMIT
- آشنایی با نحوه قرار دادن CHECK BOX و فرم و كاربرد آن
- معرفی دستور <INPUT TYPE=” CHECK BOX”> و صفات آن
- بررسی كاربرد NAME در CHECK BOX
- شناخت روش قرار دادن RODIO در فرم و درك كاربرد آن
- استفاده از دستور <INPUT TYPE=” RODIO”> برای ایجاد دکمه رادیویی و صفات آن
- بررسی روش قرار دادن لیست منویی در فرم و كاربرد آن
- روش استفاده از دستور </SELECT> و <SELECT> برای ایجاد لیست منویی و صفات آن
- یادگیری استفاده از دستور </OPTION> و <OPTION> برای قرار دادن عناصر در لیست
- آموزش بکارگیری دستور </BUTTON> و <BUTTON> برای کنترل دکمه ای در فرم
- نحوه اجرای دستور </FILD SET> و <FILD SET> و استفاده از آن برای حصور کردن گروهی از کنترل های وابسته روی فرم
- بررسی دستور </LEGEND> و <LEGEND> و صفات آن
- آشنایی با دستور </FILD SET> و <FILD SET> و ویژگی های آن
- شناخت دستور </LABEL> و <LABEL> و ویژگی های آن برای ایجاد برچسب های کنترل
- یادگیری روش دستور </OPTGROUP> و <OPTGROUP> و ویژگی های آن برای گزینه های گروهی
- آشنایی با دستور </ ISTNEDEX > و <ISTNEDEX> برای آگاهی از SERVER برای قابل جستجو بودن سند HTML
12. شناخت اصول برقراری ارتباط HTML با كد های دیگر
- نحوه بکارگیری دستورات </APPLET> و <APPLET> برای اپلت های جاوا در HTML
- معرفی دستورات </SCRIPT> و <SCRIPT> برای اضافه کردن یک زبان اسکریپت بر HTML
- روش استفاده از دستورات </NOSCRIPT> و <NOSCRIPT> برای توضیح دادن به USER در حالت عدم اجرا یک اسکریپت در مرورگر
- شناخت روش برقراری ارتباظ با اشیا همانند فایل های FLASH با کمک دستورات </OBJECT> و <OBJECT>
سرفصل های آموزش CSS
1. بررسی اصول اولیه در طراحی قالب سایت
- آشنایی با css
- بررسی تفاوت css با Html
- شناخت مزایای استفاده از css
- یادگیری قانون کلی کد های css و معرفی بخش های آن
- آموزش روش اضافه کردن کد های css در اسناد Html
- نحوه استفاده از قانون کلی کد های css در اسناد Html
- بكارگیری کد های css بصورت درون خطی، بیرونی و درونی (inline, external,internal)
- آموزش روش اضافه کردن توضیحات در css
2. نحوه تعیین استایل عناصر
- آموزش روش قرار دادن پس زمینه (background) به صفحات
- بررسی مفهوم حاشیه(margin)
- یادگیری نحوه تنظیم فونت ها(font)
- شناخت اجزای تشكیل دهنده لینک ها(link)
- یادگیری نحوه ایجاد و معرفی انواع لیست ها(list)
- روش قالب بندی متن
- شناسایی مفهوم سایه(dropshadow)
- یادگیری ساختار اساسی جدول
- روش تعیین پس زمینه(background)
- شیوه استفاده ازحاشیه(margin(
- بررسی اصول بكارگیری فونت ها(font)
- روش استفاده از لینک ها(link)
- چگونگی استفاده از انواع لیست ها (list)
- بكارگیری جدول ها
- بررسی اصول استفاده از قالب بندی متن
- بكارگیری سایه (dropshadow)
3. آموزش استفاده از مكان نما درcss
- آموزش نحوه تغییر ظاهر مكان نما
- بررسی نحوه ایجاد مكان نمای نمایشی
- روش تغییر ظاهر مكان نما
- چگونگی ایجاد مكان نمای نمایشی
4. یادگیری روش استفاده از ساختار و لایه بندی باکس ها
- تعریف مفهوم مرز(border)
- بررسی روش نحوه فاصله گذاری از لبه داخلی باکس(padding)
- شناخت ویژگی های ابعاد (width/height) درcss
- یادگیری مدل جعبه ای (box model)
- بررسی مفهوم outline و مشخصه های آن
- آموزش اصول ایجاد مرز(border)
- شناسایی روش استفاده از فاصله گذاری از لبه داخلی باکس(padding)
- تعیین شیوه بكارگیری ابعاد (width/height) درcss
- آموزش نحوه بكار گیری مدل جعبه ای در قالب بندی المان هاای (box model) Html
- یادگیری استفاده از مشخصه های outline
5. شناخت روش بكارگیری شكل ها و ابعاد چند بعدی در css
- تعریف مفهوم رابط کاربری
- بررسی مفهوم فیلتر
- آموزش نحوه کار با انتخابگر ها
- تعریف Media queries
- یادگیری نحوه تبدیل سه بعدی عناصر
- آموزش روش بكارگیری انتقال
- آشنایی با تعریف انیمیشن ها
- بررسی اصول استفاده از شبه عناصر (element – pseude) و کلاس های css
- شناخت ویژگی انتخاب گرها
- روش بكارگیری Media queries
- یادگیری نحوه تغییر شكل دو بعدی و سه بعدی
- آموزش بكارگیری انتقال
- استفاده از انیمیشن ها در css
- بررسی اصول ایجاد چیدمان چند ستونی
- روش استفاده از رنگ
- نحوه ساخت تصویر اسپریت (image sprite)
- چگونگی اعمال فیلتر
- شناخت اصول اعمال قوانین @
- یادگیری ایجاد رابط کاربری
رزرو کلاس / مشاوره
"*" indicates required fields
آنچه در کلاس HTML و CSS می آموزید:
- مهارت استفاده از وب (web)
- مهارت کار با برنامه های قابل استفاده در وب
- مهارت استفاده از نرم افزار های كمكی
- مهارت تشخیص ساختار اصلی زبان برنامه نویسی HTML
- مهارت كار با متن
- مهارت کار با پیوند ها (Hyper Links)
- مهارت استفاده از چند رسانه ای (Multimedia)در صفحات وب
- مهارت دسته بندی اطلاعات با استفاده از لیست ها
- مهارت سازماندهی اطلاعات با کمک جداول
- مهارت سلخت زیر صفحه ها با استفاده از قاب ها (FRAMES)
- مهارت استفاده از پرسش نامه ها (FRAMES) برای برقراری ارتباط با كاربران
- مهارت برقراری ارتباط HTML با كد های دیگر
- مهارت بکارگیری اصول اولیه در طراحی قالب سایت
- مهارت تعیین استایل عناصر
- مهارت استفاده از مكان نما درcss
- مهارت استفاده از ساختار و لایه بندی باکس ها
- مهارت استفاده از شكل ها و ابعاد چند بعدی در css
مزیتهای آموزشگاه پایتخت فناوری برای شما
مجوز فعالیت دارای مجوز معتبر از سازمان فنی و حرفه ای کشور
مدرک فنی و حرفه ای اعطا مدرک معتبر بین المللی
دوره های عملی برگزاری دوره ها در کارگاه مجهز بصورت عملی
پشتیبانی پشتیبانی کار آموزان پس از اتمام دوره ی آموزشی
اساتید با تجربه اساتید با تجربه در صنعت
دسترسی آسان نزدیک بودن آموزشگاه به وسایل حمل و نقل عمومی و خوابگاه
هزینه آموزش HTML و CSS
لیست شهریه ها | هزینه دوره: 5/000/000 | هزینه با تخفیف: 3/500/000 | دوره خصوصی: 6/000/000 |
دیدگاه ها