صفر تا صد آموزش HTML و CSS

آنچه باید درباره آموزش اچ تی ام ال و سی اس اس بدانید :

اگر طراحی وب را تازه شروع کردید و هدف بلند مدت دارید، ذهنتان را درگیر منابع رنگارنگ نکنید. زبان‌های HTML و CSS در کنار سادگی دارای ریزکاری‌ها و نکات زیادی هستند که اگر در حین آموزش آنها را یاد نگیرید می‌تواند در آینده برای شما مشکل ساز شوند. در این دوره از صفر کار شروع میکنیم و آموزش HTML و CSS را از ابتدا تا مباحث پیشرفته براحتی یادمیگیرید.

طراحی سایت یک مهارت جهانی است و بدون در نظر گرفتن شرایط مکانی، افراد می‌توانند از هر جای دنیا پروژه کاری بپذیرند و خدمات خود را ارائه دهند. امروزه سبک بازاریابی و تبلیغات دچار تحولات بزرگی شده که همین موضوع اهمیت طراحی سایت را نیز افزایش داده است. با توجه به گسترش فعالیت‌های اینترنتی می‌توان گفت که افراد علاقه‌مند به دورکاری نیز می‌توانند نسبت به شرکت در دوره‌های آموزش برنامه‌نویسی HTML از مبتدی تا پیشرفته اقدام کرده و مباحث لازم را بیاموزند. 

پکیج آموزش اچ تی ام ال و آموزش سی اس اس مختص مهندسان و دانشجویان رشته کامپیوتر نبوده و همه علاقه‌مندان به طراحی سایت می‌توانند از آموزش‌های این دوره بهره بگیرند. البته یکی از مسائل مهم در این رابطه، انتخاب یک مجموعه آموزشی حرفه‌ای و کارآمد است، تا بدین وسیله به راحتی بتوانید گام‌به‌گام مباحث لازم را بیاموزید و به صورت پروژه محور آن‌ها را اجرا نمایید.

آموزش CSS

(Cascading Style Sheets (CSS، یک زبان stylesheet است که به شما امکان می‌دهد ظاهر صفحات وب خود را کنترل کنید. با خرید دوره عملی آموزش نرم افزار اچ تی ام ال و سی اس اس ،کریستینا ترونگ، مفاهیم پایه‌ای را که مبانی سی اس اس را تشکیل می‌دهند، به شما آموزش می‌دهد. کریستینا چگونگی اضافه کردن رنگها و سایر عناصر طراحی را توضیح می‌دهد تا صفحات وب شما، فراتر از یک متن مشکی روی پس زمینه سفید باشند.

او نحوه استفاده از انتخابگرها، چگونگی تعریف فاصله و اندازه عناصر صفحه توسط box model، نحوه ساخت و ایجاد سبک برای متن و مدیریت طرح بندی‌های اصلی با Flexbox و Grid را مورد بررسی قرار می‌دهد. او همچنین کار با انتخابگرهای پیشرفته، طرح بندی صفحه با خاصیت fluid و تعیین زمان استفاده از خواص float و position را پوشش می‌دهد. در نهایت، شما این دوره آموزشی را با یک پروژه واقعی – یک résumé page آنلاین، به پایان خواهید برد.

آموزش HTML

(Hyptext Markup Language (HTML پایه و اساس وب سایت و توسعه برنامه‌های وب است. HTML، امکان آن را به شما می‌دهد که اطمینان حاصل کنید محتوای شما توسط هر دو بخش مخاطبانتان قابل درک است: افرادی که محتوای شما را تماشا می‌کنند، می‌خوانند یا گوش می‌دهند و رایانه‌هایی که آن را نمایش می‌دهند.

آموزش اچ تی ام ال و سی اس اس ،به شما کمک می کند بیاموزید که چگونه HTMLهای عالی را با قطعاتی که خود HTML ارائه می‌دهد، تهیه کنید. مربی Jen Simmons، در این دوره تمام مفاهیم اساسی مورد نیاز برای استفاده از HTML را بیان می‌کند. تمرکز او بر روی نشانه گذاری معنایی است: برچسب زدن محتوا برای بیان آنچه در آن هست، نه فقط برای قالب بندی، رعایت قرارداد و یا حتی راحتی کار.

این امر، تأثیر بسیار گسترده‌ای بر کسانی که وب را به گونه‌ای متفاوت از دیگران مصرف می کنند، داشته و این اطمینان را می‌دهد که وقتی خواننده یک صفحه نمایش یا یک سیستم (مانند یک موتور جستجو) صفحه‌ای را مورد استفاده قرار می‌دهد، دقیقا می‌داند آن صفحه، چه چیزی را شامل می‌شود و چگونه می‌تواند اطلاعات آن را طبقه بندی کند.

سرفصل های دوره مقدماتی ”آموزش HTML و CSS” :

١ – مبانی اولیه
مقدمه – آشنایی با برنامه نویسی Web – نحوه عمکلرد وب سایت ها – آشنایی با تگ ها

٢ – ایجاد یک HTML ساده
کدنویسی HTML – ویرایش فایل HTML

٣ – کار با Dreamweaver
آشنایی با تگ های متنی – درج فاصله و ایجاد خط جدید

۴ – قالب بندی متن
قالب بندی متن (١) – قالب بندی متن (٢) – قالب بندی متن (٣)

۵ – کاربرد دستور Style
کاربرد دستور Style (١) – کاربرد دستور Style (٢)

۶ – کار با تگ Span
آشنایی با تگ Span – کاربرد تگ Span

٧ – کار با رنگ ها
کار با رنگ ها

٨ – درج و دسته بندی لینک ها
درج لینک – دسته بندی لینک ها

٩ – روش Document Relative
روش Document Relative (١) – روش Document Relative (٢)

١٠ – تنظیمات لینک ها
کار با ویژگی Target – پیمایش صفحه توسط لینک ها – ایجاد لینک ایمیل

١١ – ویژگی Direction
ویژگی Direction

١٢ – کار با لیست ها
ایجاد لیست ها – استایل های لیست

١٣ – ترسیم جدول
طرح بندی توسط تگ Table – کار با پانل DOM

١۴ – کار با Colspan و Rowspan
کار با Colspan – کار با Rowspan

١۵ – ایجاد جداول پیشرفته
ایجاد جدول های تو در تو – تنظیم فواصل سلول ها

١۶ – طرح بندی توسط تگ Div
طرح بندی توسط تگ (Div (۱ – طرح بندی توسط تگ (Div (۲

١٧ – طرح بندی در HTML5
طرح بندی در HTML5

١٨ – کار با CSS
آشنایی با CSS – ساختار دستورات CSS – ایجاد یک فایل CSS – درج ویژگی در CSS

١٩ – ویرایش کدهای CSS
ویرایش کدهای CSS (١) – ویرایش کدهای CSS (٢)

٢٠ – آزمون های عملی
۶ دوره آزمون عملی

سرفصل های دوره متوسطه ”آموزش HTML و CSS” :

١ – آشنایی با Class و ID
آشنایی با مفهموم Class – آشنایی با مفهوم ID

٢ – کار با کلاس ها
استفاده از کلاس ها – اعمال کلاس ها روی تگ های خاص

٣ – کار با انواع Selector
کار با Descendant Selector – کار با Pseudo Selector

۴ – واحدهای اندازه گیری
واحدهای اندازه گیری

۵ – کنترل مکان و حاشیه تگ ها
آشنایی با Float و Clear – تنظیم لبه ها

۶ – درج و ویرایش تصاویر
افزودن تصویر – تغییر ابعاد تصویر – درج لینک بر روی تصویر

٧ – کار با تصویر پشت زمینه
درج تصویر پشت زمینه – ویژگی Background-Repeat – ویرایش تصویر پشت زمینه

٨ – درج تصویر پشت زمینه تگ
درج تصویر پشت زمینه تگ (١) – درج تصویر پشت زمینه تگ (٢)

٩ – ویرایش تصویر پشت زمینه تگ
ویرایش تصویر پشت زمینه تگ (١) – ویرایش تصویر پشت زمینه تگ (٢)

١٠ – کار با Rollover Image
کار با Rollover Image

١١ – کار با Map
درج Map بر روی تصویر – ایجاد Map مستطیلی – ایجاد Map دایره ای و چندضلعی

١٢ – ایجاد گالری تصاویر
ایجاد گالری تصاویر (١) – ایجاد گالری تصاویر (٢) – ایجاد گالری تصاویر (٣)

١٣ – کار با Opacity
کار با Opacity

١۴ – کار با Navigation Bar عمودی
ایجاد Navigation Bar عمودی – ویرایش Navigation Bar عمودی – تنظیمات Navigation Bar عمودی

١۵ – کار با Navigation Bar افقی
ایجاد Navigation Bar افقی – تنظیمات Navigation Bar افقی

١۶ – ایجاد انواع Dropdown
ایجاد Dropdown ساده – ایجاد Dropdown پیشرفته

١٧ – کار با Iframe
مبانی استفاده از Iframe – ویژگی های Iframe (١) – ویژگی های Iframe (٢)

١٨ – کار با Frameset
ایجاد Frameset – مقدار دهی به Frameset

١٩ – ایجاد فرم های ورودی
کار با تگ Form – ساختار فرم تماس با ما – تگ های ورودی متن

٢٠ – آزمون های عملی
۶ دوره آزمون عملی

سرفصل های دوره پیشرفته ”آموزش اچ تی ام ال و سی اس اس” :

١ – ایجاد انواع دکمه
ایجاد دکمه ساده – ایجاد دکمه Submit و Reset – ایجاد دکمه تصویری و Button

٢ – امکان انتخاب گزینه ها
ایجاد Checkbox – ایجاد Radio Button

٣ – استفاده از تگ Output
استفاده از تگ Output

۴ – کار با تگ Select
کار با تگ Select (١) – کار با تگ Select (٢)

۵ – ایجاد Progress Bar
ایجاد Progress Bar

۶ – درج انواع Objectها
افزودن فایل های صوتی – افزودن فایل های ویدئویی – تگ های Embed و Object

٧ – کار با موتورهای مرورگر
کار با موتورهای مرورگر

٨ – کار با دستور Transform
چرخاندن محتویات یک تگ – مقادیر ویژگی Transform

٩ – ایجاد انیمیشن
ایجاد انیمیشن

١٠ – مدیریت انیمیشن
تنظیمات انیمیشن – کنترل سرعت انیمیشن

١١ – قانون Keyframe
استفاده از قانون Keyframe – کار با Keyframeها

١٢ – نقش CSS3 در طراحی
گرد کردن زوایا – ویژگی Border-Image – درج هم زمان تصاویر در CSS3

١٣ – کار با رنگ ها در CSS3
نقش رنگ ها در CSS3 – ایجاد گرادیان های خطی – ایجاد گرادیان ها دایره ای – کار با سایه ها

١۴ – مدیریت متن و فونت
کار با متن – کار با فونت ها – فراخوانی فونت ها

١۵ – مرور صفحات
مرور صفحات (١) – مرور صفحات (٢)

١۶ – ایجاد و ویرایش ستون
صفحات چند ستونی – جداکننده چند ستونی

١٧ – کار با صفحات Responsive
تغییر ابعاد توسط کاربر – ایجاد صفحات Responsive – استفاده از Grid-View

١٨ – کار با قانون Media
کار با قانون Media

١٩ – کاربرد قانون Media
قانون Media (١) – قانون Media (٢) – قانون Media (٣)

٢٠ – آزمون های عملی
۶ دوره آزمون عملی