توضیحات
معرفی آموزش HTML CSS پرند
معرفی HTML, CSS
Html و css در طراحی وب نقشی مهم دارند این دو زبان کد نویسی از جمله زبان‌های بسیار مهمی هستند که برای طراحی قالب سایت باید با آن‌ها آشنا شوید. نکته‌ای که در خصوص html و css باید به آن توجه شود این است که اگرچه از آن‌ها به عنوان زبان برنامه‌نویسی نام برده می‌شود اما در واقعیت این زبان‌ها با عنوان Markup Language یا زبان نشانه‌گذاری شناخته می‌شوند و در واقع می‌توان گفت با زبان برنامه‌نویسی متفاوت هستند. آشنایی با html و css برای طراحان وب‌سایت امری ضروری تلقی می‌گردد.
سرفصل‌های آموزش HTML, CSS
بسته‌ی آموزش HTML CSS پرند حاوی دوره کامل مباحث آموزشی طبقه‌بندی شده در سه دوره مقدماتی، متوسط و پیشرفته است و به همراه آن نسخه نهایی برترین ادیتورهای مورد نیاز در آموزش CSS و HTML نظیر Notepad++ ،Adobe Dreamweaver ،UltraEdit Professional ،Brackets ،Sublime Text و… نیز ارائه شده است.
– دوره مقدماتی
١ – مبانی اولیه
مقدمه – آشنایی با برنامه‌نویسی 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 (٣)
٢٠ – آزمون‌های عملی
۶ دوره آزمون عملی
محصولات آموزشی پرند
در تولید نرمافزارهای آموزشی Interactive هدف اصلی تعامل و مشارکت کاربر در طول مدت آموزش بوده تا علاوه بر تاثیر بیشتر در یادگیری، مانع خستگی فرد شود. بدین ترتیب شما در هنگام مشاهده مباحث آموزشی با انجام موارد خواسته شده در طول آموزش، شاهد پیشرفت خود خواهید بود. شرکت فنی مهندسی پرند به عنوان بنیان‌گذار آموزش اینتراکتیو (Interactive) در ایران با نگرشی متفاوت نسبت به مبحث آموزش اقدام به تولید نرمافزارهای آموزشی کرده است.
از ویژگی‌های نرمافزارهای آموزشی شرکت پرند، استفاده از نویسندگان متخصص برای محتوای آموزشی، گویندگان حرفه‌ای و همچنین استفاده از انیمیشن برای یادگیری راحت‌تر مطالب، Autorun کاربردی برای مرور سریع درس‌ها و آزمون‌های تستی و عملی برای سنجش میزان آموخته‌ها است. شما می‌توانید تمامی محصولات آموزشی پرند را از فروشگاه اینترنتی تجریش‌کالا تهیه کنید.
جوایز پرند تجریش کالا[/caption]
