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

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

No permission to download
احتمالاً از فهمیدن این موضوع چندان تعجب نخواهید كرد كه 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
نویسنده
learninweb
Downloads
166
نمایش ها
166
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from learninweb

بالا