بسته آموزش مجازی آموزش HTML 5
در نرم‌افزار آموزش HTML5 شما را با نسخه جديد HTML يعني HTML5 آشنا مي‌کنيم. HTML5 در واقع ترکيبي از HTML و CSS3 و JAVASCRIPT مي‌باشد که استفاده از آن به مفهوم سرعت بهتر، هماهنگي بيشتر، رابط کاربري بهتر، کد کمتر و کار بيشتر (Less Code, More Work) و امنيت بیشتر است.
آموزش 5 HTML
(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
- ايجاد دايره
- ايجاد خطوط
- ايجاد متن
- قرار دادن تصوير
- ايجاد يک طيف رنگی
- دوران يک عنصر
آموزش JavaScript
1 - قسمت اول : آشنائي با JavaScript
- آشنائي با JavaScript
- قواعد زبان JavaScript
- تعريف متغير در زبان JavaScript
- عملگرهاي حسابي
- عملگرهاي شرطي
- ساختار تصميم گيري
- ساختار حلقه
- توابع
- اشياء
- دستور with
- رويدادها
- بررسي يک مثال
- اشکال زدائي برنامه
2 - قسمت دوم : کار با تابع date و ساخت صفحات پویا در javascript
- مقدمه
- ساخت شئ تاريخ
- نوشتن بر روي صفحه بصورت پويا
- تشخيص دقيقه و ثانيه
- افزودن دستورات HTML به صفحه پويا
- اطلاعات تاريخ و ساعت
- ساخت صفحات پويا
- ايجاد لينک در صفحه پويا
- درج جدول در صفحه
3 - قسمت سوم : اعتبار سنجي فرم ها توسط JavaScript
- اعتبار سنجي چيست؟
- تابع ValidatePage
- ارسال اطلاعات فرم به يک فايل ASP
- بررسي يک برنامه کاربردي
4 - قسمت چهارم : آرايه‌ها و منوها در JavaScript
- مقدمه
- تغيير تصاوير
- آرايه‌ها
- ايجاد متن متحرک
- تغيير خودکار تصوير
5 - قسمت پنجم : آشنائي با شئ Window در JavaScript
- شئ Window
- روش بستن پنجره
- نمايش پنجره جديد
- اجراي مثال
6 - قسمت ششم : بررسی چند دستور در زبان JavaScript
- دستور switch
- دستور while
- دستور do … while
- دستور for … in
- دستور try … catch
- دستور throw
- دستور RegExp
7 - قسمت هفتم : روش استفاده از Cookie در زبان JavaScript
- Cookieچیست؟
- Cookie روش ایجاد
- Cookie روش خواندن
