آژانس هواپیمایی
پاپ کده

آموزش ساخت صفحات HTML 5

آموزش مجازی و محتوای الکترونیکی بصورت تعاملی، شبیه سازی شده، تصویری با متن و صدا به زبان فارسی است

  1. learninweb
    احتمالاً از فهمیدن این موضوع چندان تعجب نخواهید كرد كه HTML5 در اصل دنباله HTML4 محسوب می شود، هر چند نسبت به آن كامل تر و غنی تر به نظر می رسد. HTML5 به عنوان جانشین HTML4 به منزله تكامل مهم بعدی در زمینه HTML است كه ستون اصلی وب قلمداد می شود. HTML چارچوب را برای نمایش محتویات در مرورگر فراهم می كند و تمام سایتهای موجود در وب به طرق مختلف از آن استفاده می كنند.

    html501.JPG
    بخش 1 : ایجاد صفحه HTML5 ( رایگان )
    تگ html در HTML5
    تگ head
    تگtitle
    تگ Body
    ذخیره صفحه HTML
    اجرا صفحه ساخته شده
    نمایش دستورات وارد شده
    ویرایش دستورات
    بارگذاری مجدد
    html502.JPG

    بخش 2 : افزودن و ویرایش متن ( رایگان )
    تگ p
    تگ br
    تگ wbr
    تگ hr
    دستور
    تگ b و i
    تگ pre
    ایجاد تیتر با استفاده از تگ hیک تا hشش
    تگ blockquote
    تگ small
    قرار دادن توضیحات
    ایجاد لیست
    ساخت لیست تو در تو
    تگ dl
    تگ abbr
    قرار دادن کاراکترهای رایج در صفحه اینترنتی
    html503.JPG
    html504.JPG
    بخش 3 : اضافه کردن کلاس های CSS در HTML5 ( رایگان )
    مقدمه
    خصوصیت font-family
    خصوصیت color
    ایجاد CSS خارجی
    تگ link
    دستور href
    استفاده از دستورات CSS در داخل تگهای HTML5
    خصوصیت font-style
    بررسی یک مثال
    تعریف یک style برای چندین تگ
    خصوصیت ID
    خصوصیت media
    ساخته صفحه HTML برای iphone و Android و ipad
    html505.JPG html506.JPG
    بخش 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

    Images

    1. index.jpg
    محمدمحمدی, soheil x, 8song و 8 کاربر دیگر از این نوشته تشکر کرده اند.
عسل طبیعی و گرده گل ایرانیstartkala