آموزش HTML5

کد محصول: نامعلوم

وضعیت محصول: موجود

توضیحات بیشتر

به نرم‌افزار آموزش HTML5 محصول شرکت انياک خوش‌آمديد. در نرم‌افزار آموزش HTML5 شما را با نسخه جديد HTML يعني HTML5 آشنا مي‌کنيم. HTML5 در واقع ترکيبي از HTML و CSS3 و JAVASCRIPT مي‌باشد که استفاده از آن به مفهوم سرعت بهتر، هماهنگي بيشتر، رابط کاربري بهتر، کد کمتر و کار بيشتر (Less Code, More Work) و امنيت بیشتر است. در نرم افزار آموزش HTML5 مطالب زیر آموزش داده میشود.

بخش 1 : ايجاد صفحه HTML5

تگ html در HTML5
تگ head
تگtitle
تگ Body
ذخيره صفحه HTML
اجرا صفحه ساخته شده
نمايش دستورات وارد شده
ويرايش دستورات
بارگذاري مجدد

بخش 2 : افزودن و ويرايش متن

تگ p
تگ br
تگ wbr
تگ hr
دستور
تگ b و i
تگ pre
ايجاد تيتر با استفاده از تگ hیک تا hشش
تگ blockquote
تگ small
قرار دادن توضيحات
ايجاد ليست
ساخت ليست تو در تو
تگ dl
تگ abbr
قرار دادن کاراکترهاي رايج در صفحه اينترنتي

بخش 3 : اضافه کردن کلاس هاي CSS در HTML5

مقدمه
خصوصيت font-family
خصوصيت color
ايجاد CSS خارجي
تگ link
دستور href
استفاده از دستورات CSS در داخل تگهای HTML5
خصوصيت font-style
بررسی یک مثال
تعریف یک style برای چندین تگ
خصوصیت ID
خصوصیت media
ساخته صفحه HTML براي iphone و Android و ipad

بخش 4 : ويرايش متن در HTML5

تغيير سايز پاراگراف با font-size
تورفتگی متن با text-indent
تغییر رنگ متن با color
تغییر قلم font-family
تراز کردن متن text-align
تغییر نحوه نمایش متن text-transform
تعیین فاصله بین خطوط متن line-height
ایجاد فاصله بین حروف با letter-spacing
تغيير رنگ زمینه متن و صفحه background-color
تغییر ليست‌هاي نشان دار
نحوه قرارگیری اشیاء در صفحه وب با استفاده از float

بخش 5 : افزودن تصویر به صفحه HTML5

تگ img در HTML5
تنظيم ابعاد تصوير
خصوصيت alt
خصوصيت title
خصوصيت float
تراز تصوير به صورت افقي
ایجاد فاصله در اطاف تصویر با استفاده از padding
تعیین تصویر پس زمینه صفحه background-image
دستور url
تگ meter

بخش 6 : اضافه کردن لينک در HTML5

روش ايجاد لينک و انواع آن
ساخت عکس لينک دار
باز شدن لينک در يک صفحه جديد
لينک به قسمتي از صفحه جاري
ساخت لينک دانلود
لينک به آدرس ايميل
تغيير رنگ لينک‌ها
تغيير نحوه نمايش لينک

بخش 7 : کار با جدول – قسمت اول

مقدمه
ايجاد جدول
ايجاد حاشيه براي جدول
ايجاد فضاهايي بين سلول‌ها
ايجاد فاصله بين سلول‌ها و حاشيه‌
ايجاد تيتر براي جدول
تعيين عنوان براي جدول
تعيين رنگ پس زمينه براي يک سلول
تغيير رنگ تمامي سلولهاي يک جدول

بخش 8 : کار با جدول – قسمت دوم

تنظيم اندازه جدول
تعيين محل قرار گيري متن در جدول
تعيين محل قرار گيري جدول در صفحه
قرار دادن جدول در وسط صفحه
ايجاد يک سلول به اندازه چند سلول
استفاده از جدول براي صفحه بندي

بخش 9 : ساخت فرم -قسم اول

تگ form در HTML5
ايجاد Text box
جعبه متن چند خطي
ايجاد Check Box
ايجاد Radio Button
ايجاد يک ليست به صورت منو

بخش 10 : ساخت فرم – قسمت دوم

قرار دادن آدرس ايميل در فرم
محلي براي قرار دادن آدرس سايت در فرم
ايجاد نوار لغران
محلي براي Upload فايل
ايجاد دکمه ارسال
ايجاد دکمه reset
فيلد اجباري
اضافه کردن Placeholder
اعتبار سنجي ورود اطلاعات

بخش 11 : جای دهی اشیاء در صفحه وب -قسمت اول

تغيير ابعاد پاراگراف در HTML5
موقعيت دهي وابسته relative
موقعيت دهي قطعي absolute
موقعيت دهي ثابت fixed

بخش 12 : جای دهی اشیاء در صفحه وب – قسمت دوم

حاشيه فاصله يک عنصر تا عنصر بعدي
کار با دستور padding
خصوصيت float
روي هم قرار دادن عناصر با z-index
تگ div

بخش 13 : افزودن اشکال هندسي در HTML5

تگ canvas در HTML5
ايجاد دايره
ايجاد خطوط
ايجاد متن
قرار دادن تصوير
ايجاد يک طيف رنگی
دوران يک عنصر

بخش 14 : آموزش JavaScript

قسمت اول : آشنائي با JavaScript

آشنائي با JavaScript
قواعد زبان JavaScript
تعريف متغير در زبان JavaScript
عملگرهاي حسابي
عملگرهاي شرطي
ساختار تصميم گيري
ساختار حلقه
توابع
اشياء
دستور with
رويدادها
بررسي يک مثال
اشکال زدائي برنامه

قسمت دوم: کار با تابع Date و ساخت صفحات پويا در JavaScript

مقدمه
ساخت شئ تاريخ
نوشتن بر روي صفحه بصورت پويا
تشخيص دقيقه و ثانيه
افزودن دستورات HTML به صفحه پويا
اطلاعات تاريخ و ساعت
ساخت صفحات پويا
ايجاد لينک در صفحه پويا
درج جدول در صفحه

قسمت سوم : اعتبار سنجي فرمها توسط JavaScript

اعتبار سنجي چيست؟
تابع ValidatePage
ارسال اطلاعات فرم به يک فايل ASP
بررسي يک برنامه کاربردي

قسمت چهارم : آرايه‌ها و منوها در JavaScript

مقدمه
تغيير تصاوير
آرايه‌ها
ايجاد متن متحرک
تغيير خودکار تصوير

دوره‌های مرتبط

نظرات شما

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین کسی باشید که دیدگاهی می نویسد “آموزش HTML5”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قالب ووکامرس