آموزش نرم افزار HTML CSS نشر پرند

توضیحات

آموزش نرم افزار HTML CSS نشر پرند

اگر شما هم طراح وب باشید و به این مقوله علاقه داشته باشید و فعالیت در این زمینه و یادگیری بیشتر یکی از اهداف شما باشد،

از جمله بدیهی ترین اطلاعاتی که لازم است به آن تسلط پیدا کنید؛ مفاهیم مرتبط با اچ تی ام ال (HTML) و سی اس اس (CSS) می باشد.

به عبارتی دانش بنیادی ای که هر شخص طراح آموخته و در کار خود به کار گرفته است،

همین زبان نشانه گذاری متن می باشد که از طریق آن می توانید کدهایی را ایجاد کنید که هر یک منجر به نمایش یک سری از ویژگی ها در صفحات وب خواهند شد.

دنیای طراحی وب دنیایی است شلوغ و پر رقابت ، بنابراین اگر واقعا قصد دارید به جایی برسید؛ باید تلاش کنید و بیشتر بیاموزید و نمونه کارهای بیشتری را طراحی نمایید.

امروزه، با توجه به تغییراتی که در سبک بازاریابی و تبلیغات حاصل شده است ؛

طراحی سایت به عنوان یک مهارت جهانی در نظر گرفته می شود. شما در هر کشوری از دنیا که زندگی کنید با تسلط بر web design می تواند درآمد زایی داشته باشید

اما کسی موفق است که اصولی و حرفه ای می آموزد و در نهایت حرفه ای نیز کار می کند.

Html و css  از مهمترین استانداردهای تصویب شده وب می باشند و برای ورود به این شغل، لازم است تا با مفاهیم مرتبط با آن ها آشنا شوید

استفاده از زبان HTML در کنار تکنولوژی CSS یکی از مهمترین و پر استفاده ترین متدهای طراحی صفحات وب است.

در دوره مقدماتی این آموزش، شما با تمامی تگ های HTML آشنا شده و نحوه طرح بندی یک صفحه وب را با متدهای مختلفی خواهید آموخت.

علاوه بر این، کار با انواع لینک ها، لیست ها، Styleها و همچنین درج و ویرایش کدهای CSS از جمله مباحث این دوره آموزشی است.

در دوره متوسط این آموزش شما ابتدا نحوه کار با Class ،ID و انواع Selector‌ها را فراخواهید گرفت.

پس از آن نیز مطالب کاملی را در خصوص درج و ویرایش تصویر، کار با Mapها، ایجاد گالری تصویر، طراحی انواع Navigation Bar و Drop Down و همچنین کار با Iframe ،Frameset و فرم های ورودی خواهید آموخت.

در دوره پیشرفته نیز پس از بررسی اصول درج و ویرایش دکمه، Checkbox ،Radio Button و Progress Bar، روش های طراحی انیمیشن توسط CSS بصورت کامل آموزش داده شده است.

علاوه بر این، دستورات CSS3 و کار با صفحات Responsive و قانون Media از دیگر مباحث این دوره آموزشی است.

قسمتی از آموزش نرم افزار HTML CSS نشر پرند »

سرفصل های این دوره آموزشی »

آموزش نرم افزار 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 – ساختار فرم تماس با ما – تگ های ورودی متن

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

آموزش نرم افزار HTML CSS نشر پرند – دوره پیشرفته

١ – ایجاد انواع دکمه
ایجاد دکمه ساده – ایجاد دکمه 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 (٣)

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