به نرم‌افزار آموزش 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
ايجاد دايره
ايجاد خطوط
ايجاد متن
قرار دادن تصوير
ايجاد يک طيف رنگی
دوران يک عنصر
فیلم آموزش طراحی قالب وردپرس-جلسه سیزدهم 