آموزش HTML5

 آموزش HTML5 - آموزش اچ تي ام ال 5 

بخش 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
تغيير تصاوير
آرايه‌ها
ايجاد متن متحرك
تغيير خودكار تصوير

قسمت پنجم : آشنائي با شئ Window در JavaScript
شئ Window
روش بستن پنجره
نمايش پنجره جديد
اجراي مثال

قسمت ششم : بررسي چند دستور در زبان JavaScript
دستور switch
دستور while
دستور do ... while
دستور for ... in
دستور try ... catch
دستور throw
دستور RegExp

قسمت هفتم : روش استفاده از Cookie در زبان JavaScript
Cookie چيست؟
روش ايجاد Cookie
روش خواندن Cookie