اگر تا به حال به فکر ایجاد یک وبسایت افتادهاید ولی نمیدانید که برای ساختن یک وبسایت باید از کجا شروع کنید، راه را درست آمدهاید، مقصد شما همین جا است. آموزش HTML5 و CSS3.
برای ساخت یک وبسایت، اولین قدم یادگیری زبانهای HTML و CSS است که دو زبان اصلی و پایهای برای طراحی وب هستند. طراحی وب مجموعه ای از تکنیکها است که بر پایهی تعداد زیادی از استانداردهای جهانی استوار شده است که مهمترین این استانداردها زبانهای HTML و CSS هستند.
در این دوره آموزشی شما با آخرین نسخهی این دو زبان، یعنی HTML5 و CSS3 آشنا خواهید شد و انواع تکنیکهای مختلف را در این زمینه و از سطوح ابتدایی تا سطوح پیشرفته فرا خواهید گرفت.
HTML برگرفته از حروف اول عبارت HyperTextMarkupLanguage می باشد و به عنوان یک زبان نشانه گذاری متن ( زبان استاندارد صفحات وب ) می باشد. معمولا در یک صفحه ی موجود بر روی وب مجموعه ای از متن ها، عکس ها، بخش بندی های مختلف وجود دارد، به کمک تگ ها و کدهایی که HTML در اختیارتان قرار می دهد، می توانید یک ساختار مشخص از اطلاعات را در این قسمت ها به وجود آورید و در معرض نمایش بازدیدکنندگان قرار بدهید.
Css کوتاه شده یا مخفف عبارت Cascading Style Sheets می باشد که قابلیت صفحه آرایی؛ استایل دهی و زیبا سازی صفحات وب را برای طراحان سایت فراهم می سازد. در واقع ساختار یک صفحه با استفاده از HTML تعیین می شود و سپس با به کار بردن کدهایی دیگر به این ساختار و چیدمان استایل داده می شود. تمامی رنگ ها، ابعاد و اندازه ها، حاشیه ها، مکان قرارگیری، فونت ها و سایر خصوصیات اجزای یک صفحه ی وب، با استفاده از CSS تعیین خواهند شد.
ویژگیهای آموزش جامع طراحی وب با اچ تی ام ال 5 و سی اس اس 3:
• دارای گفتار محاورهای مشابه کلاس درس
• کاربردی برای همه سطوح (مقدماتی – متوسط – پیشرفته)
• بالاترین کیفیت صدا و تصویر
• دارای مثالهای کاربردی
• به همراه فایلهای پروژههای تمرینی
• به همراه نسخه کامل نرمافزار
• دارای ۲ رزلوشن ویدئویی سازگار با کلیه مانیتورها
• سازگار با سیستمعامل ویندوز
مدرسین گردویار:
• با همراهی مدرسان حرفهای و متخصص
• دارای بیش از ۲۰۰۰ ساعت سابقه تدریس
• دارای تجربه تدریس در مراکز آموزشی معتبر کشور
محتوا:
فصل اول: معرفی
۰- معرفی
۱- مقدمهای بر HTML
۲- مرورگرها
۳- ساختار فایلهای HTML
۴- ویرایشگرهای HTML
۵- آشنایی با قطعه کد HTML5 Shiv
فصل دوم: ایجاد عناصر متنی
۱- ایجاد پاراگراف
۲- ایجاد شکستگی خط (line break)
۳- عناوین
۴- نقل قول
فصل سوم: عناصر CSS و روشهای استایلدهی به آنها
۱- روش Inline style
۲- آشنایی با روش Internal Style Sheet
۳- نحوه کار با External Style Sheet
فصل چهارم: افزودن تصویر به صفحات وب
۱- افزودن تصویر
۲- ویژگی float
۳- نحوه شکستن متن اطراف تصویر
فصل پنجم: ایجاد لینک
۱- ایجاد لینک
۲- لینک دادن به بخشی از صفحه وب
۳- آدرس دهی نسبی
۴- تبدیل یک تصویر به لینک
۵- ایجاد لینک ایمیل
فصل ششم: جداول
۱- افزودن جدول به صفحات وب
۲- ادغام خانه های جدول
۳- عناصر HTML به عنوان محتوای جدول
۴- آشنایی با tfoot، tbody و thead
۵- استفاده از colgroup و col در جداول
فصل هفتم: ایجاد لیستهای مرتب و نامرتب
۱- لیستهای مرتب
۲- لیستهای نامرتب
۳- لیستهای تو در تو
۴- لیستهای تعریفی
فصل هشتم: ایجاد بلوک و قالب بندی صفحات وب
۱- آشنایی با عناصر block level و inline
۲- آشنایی با تگ div
۳- آشنایی با تگ Span
۴- قالب بندی صفحات وب با استفاده از تگ div
فصل نهم: آشنایی با عناصر تعاملی
۱- معرفی تگ Form
۲- ایجاد کادرهای متنی
۳- ایجاد Radio button و Checkbox
۴- تعریف منو بازشو
۵- تعریف انواع دکمه
۶- معرفی تگهای مهم در HTML5
۷- انواع کنترلهای جدید HTML5
۸- ویژگیهای جدید تگ Input در HTML5 (بخش اول)
۹- ویژگیهای جدید تگ Input در HTML5 (بخش دوم)
فصل دهم: آشنایی با انواع فریمها
۱- ایجاد فریم (Iframe)
۲- افزودن iframe به صفحات وب
فصل یازدهم: آشنایی با Canvas و نحوه کار با آن
۱- ایجاد یک شیء Canvas
۲- طراحی اشکال بوسیله جاوا اسکریپت
۳- ترسیم خطوط و منحنیها در Canvas
۴- نوشتن متن در Canvas
۵- گرادیانها در Canvas
۶- افزودن تصویر به Canvas
فصل دوازدهم: افزودن صوت و تصویر
۱- پخش فایلهای صوتی
۲- استفاده از تگ source برای پخش صوت و تصویر
۳- پخش فایلهای تصویری
۴- نحوه کار با تگ embed
فصل سیزدهم: تشخیص موقعیت جغرافیایی کاربر
۱- استفاده از ویژگی geolocation
۲- مدیریت خطاها
۳- آشنایی با ویژگی WatchPosition
۴- نمایش موقعیت کاربر بر روی نقشه
فصل چهاردهم: آشنایی با مفاهیم جدید
۱- جابهجا کردن عناصر (drag and drop)
۲- دخیرهسازی صفحات وب به صورت آفلاین
۳- ذخیره اطلاعات کاربر در HTML5
۴- اجرای اسکریپت ها در پس زمینه (Web Worker)
گردویار طراحی وب با CSS3
فصل اول: مقدمات
۱- معرفی CSS
۲- نحوه ایجاد و استفاده از CSS
۳- انواع انتخاب کنندهها (بخش اول)
۴- انواع انتخاب کنندهها (بخش دوم)
۵- انواع انتخاب کنندهها (بخش سوم)
۶- اولویت در اعمال استایلها
۷- آشنایی با ویژگی !important
فصل دوم: تعیین رنگ و تصویر برای پسزمینه
۱- آشنایی با دستورات اعمال تصویر و رنگ برای پسزمینه
۲- اعمال رنگ و تصویر به پسزمینه
۳- تکرار تصویر پسزمینه
۴- تعیین موقعیت تصویر پسزمینه
۵- استفاده از ویژگی background-attachment
۶- کوتاه نویسی background
فصل سوم: تعیین ویژگیهای قلم (فونت)
۱- تعیین نوع قلم (font-family)
۲- ویژگی font-style
۳- تعیین سایز و ضخامت قلم
۴- ویژگی font-variant
۵- کوتاه نویسی font
فصل چهارم: متن و نوشته در CSS
۱- تعیین رنگ متن
۲- تعیین جهت چیدمان نوشته (text-align)
۳- اعمال جلوه های تصویری به متن با استفاده از text-decoration
۴- تعیین بزرگ یا کوچک بودن حروف متن
۵- ایجاد تو رفتگی در متن
۶- تعیین جهت نوشته شدن متن (direction)
۷- تغییر فاصله بین حروف و کلمات متن
۸- نحوه نمایش فاصله های خالی در متن
۹- ایجاد سایه برای متون
فصل پنجم: تعیین ویژگی برای لینکها
۱- نحوه استایلدهی به لینک
۲- معرفی برخی ویژگیهای مربوط به لینکها
فصل ششم: معرفی ویژگی های لیست
۱- اعمال خواص به لیستها
۲- استفاده از تصاویر به عنوان نشانگر لیست
۳- استفاده از ویژگی list-style-position
فصل هفتم: قالبدهی جداول
۱- اعمال انواع Border به جدول
۲- تعیین موقعیت قرارگیری جدول و محتوای آن
۳- تعیین موقعیت عنوان جدول
۴- تغییر فاصله بین خطوط حاشیه
فصل هشتم: مدل جعبهای
۱- تعریف عناصر به صورت یک box
۲- Border در مدل جعبهای (بخش اول)
۳- Border در مدل جعبهای (بخش دوم)
۴- تعیین ویژگی margin
۵- افزودن padding به عناصر
فصل نهم: تنظیمات نمایش عناصر
۱- تغییر شکل اشارهگر
۲- تعیین نحوه نمایش و عدم نمایش عناصر
۳- تعیین موقعیت و مختصات عناصر در صفحات وب
۴- ترازبندی عناصر
فصل دهم: CSS3 و ویژگیهای جدید حاشیه و پس زمینه
۱- ایجاد گوشه های منحنی برای خطوط حاشیه
۲- نحوه ایجاد سایه برای عناصر
۳- استفاده از تصویر به عنوان حاشیه
۴- تعیین اندازه عکس پسزمینه
۵- تعیین محل و نحوه قرارگیری پسزمینه در عنصر
۶- استفاده از رنگ به عنوان پسزمینه
۷- استفاده از چند تصویر برای پسزمینه
فصل یازدهم: CSS3 و ویژگی های جدید متن
۱- ایجاد سایه برای متن
۲- استفاده از خاصیت word-wrap
۳- تعیین ویژگی text-overflow برای متون
فصل دوازدهم: استفاده از ویژگی transform برای تغییر وضعیت عناصر
۱- جابه جایی عناصر با استفاده از translate
۲- چرخش عناصر در جهت های مختلف
۳- تغییر اندازه عناصر با استفاده از ویژگی scale
۴- استفاده از ویژگی skew
۵- استفاده از ماتریس برای تغییر وضعیت عناصر
۶- تغییر مرکز مختصات با استفاده از transform-origin
فصل سیزدهم: transition و آشنایی با ویژگیهای آن
۱- استفاده از ویژگی transition
۲- تعیین خاصیتی از یک عنصر و مدت زمان اعمال تغییر بر روی خاصیت مورد نظر
۳- استفاده از ویژگی transition-timing-function
۴- تعیین مدت زمان تاخیر قبل از اعمال افکت
فصل چهاردهم: قابلیتهای CSS3 در ایجاد انیمیشن
۱- خاصیت animation
۲- تعیین نام و مدت زمان یک انیمیشن
۳- استفاده از خاصیت animation-timing-function
۴- تعیین مدت زمان تاخیر قبل از شروع انیمیشن
۵- تعیین تعداد دفعات اجرای یک انیمیشن
۶- استفاده از ویژگی animation-direction
فصل پانزدهم: ایجاد صفحات چند ستونی
۱- نمایش متن در چند ستون
۲- تغییر فاصله بین ستونها
۳- استفاده از ویژگی column rule
۴- پایان
شما هم میتوانید در مورد این کالا نظر بدهید.
برای ثبت نظر، از طریق دکمه زیر اقدام نمایید. اگر این محصول را قبلا از سبلان استور خریده باشید، نظر شما به عنوان مالک محصول ثبت خواهد شد.
افزودن دیدگاه جدیدهیچ دیدگاهی برای این محصول نوشته نشده است.