اموزش html

آموزش زبان html در قالب یک پروژه (قسمت 1) | رابین وب | RabinWeb

درس ۱:شروع کردن. در این درس،شما را با با نرم افزار های لازم برای ساخت وب سایت،آشنا می کنیم. چه چیزی نیاز است؟. شما به یک مرورگر یا Browser نیاز دارید. مرورگر برنامه ای است که به شما امکان می دهد تا بتوانید وب سایت ها را باز کنید و به درستی بتوانید محتویات آن را مشاهده کنید. مهم نیست که شما از چه مرورگری استفاده می کنید. بیشتر افراد از مرورگر ماکروسافت اینترنت اکسپلورر(Microsoft internet explorer) استفاده می کنند. بعضی دیگر از مرورگر ها،opera,Mozilla firefox و… هستند که می توانید از آنها هم استفاده کنید. شاید شما در باره برنامه هایی از قبیل fron

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش زبان html در قالب یک پروژه (قسمت 2) | رابین وب | RabinWeb

درس ۲:HTML چیست؟. HTML “زبان مادری”مرورگر شماست. اگر بخواهیم این داستان بلند رو کوتاه کنیم،HTML به وسیله یک مخترع به نام Tim berners-lee اختراع شد. هدف از این اختراع این بود که دستیابی به دیگر اسناد رو در دانشگاه آسان کند. این پروژه به اندازه ای بزرگ شد که burners-lee انتظار نداشت. امروزه HTML پایه و اساس اینترنت می باشد. زبان HTML این امکان را به شما می دهد که اطلاعات خود را بر روی اینترنت نمایش دهید. تمام چیزهایی که در صفحه های اینترنت،به وسیله مرورگر ها مشاهده می کنید. برای دیدن کد های HTML بر روی صفحات اینترنت،بر روی گزینه View از منوی بالا

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش زبان html در قالب یک پروژه (قسمت 3) | رابین وب | RabinWeb

فصل ۳:ساختار دستورات. دستورات HTML،در واقع ابر متن ها را علامتگذاری می کنند و با این کار روش به نمایش درآمدن آنها را به مرورگر می فهماند. به طور کلی دستورات HTML بین دو علانت کوچکتر > و بزرگتر < قرار می گیرد و به این ترتیب از متن عادی متمایز می شوند. اکثر دستورات HTML به صورت جفت هستند و شامل یک دستور آغازین و یک دستور پایانی می شوند. قبل از دستورات پایانی،یک علامت/ قرار می گیرد. دو دستور آغازین و پایانی،با احاطه کردن متن،آنرا علاماگذاری می کنند. برای مثال،دستور <B> برای به منظور درآوردن متن با حروف ضخیم Bold یکار می رود. برای اینکه قسمتی از مت

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش زبان html در قالب یک پروژه (قسمت 4) | رابین وب | RabinWeb

استفاده از پیوند(link)در صفحات وب:. در صورتی که آشنایی مختصری با وب داشته باشید،حتما مفهوم پیوندهای ویژه یا ابر متن(Hyperlink) را می دانید. بطور معمول شما در هنگام مشاهده صفحات وب،متنهای متمایز شده ای(معمولا زیر آنها خط کشیده شده)می بینید که با کلیک کردن ماوس بر روی آنها به یک صفحه دیگر و یا یه قسمت دیگری از همان صفحه هدایت می شوید. اما این چگونه انجام می پذیرد؟درواقع،نویسنده سند HTML،درون آن یک دستور ابر پیوند قرار داده است و بدین ترتیب به مرورگر می فهماند که وقتی کاربر،آن متن یا تصویر خاص را انتخاب کرد،باید به کجا هدایت شود. به عبارت دیگر ،هر

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش زبان html در قالب یک پروژه (قسمت 5) | رابین وب | RabinWeb

استفاده از تصاویر گرافیکی در صفحات وب:. از سال ۱۹۹۴ به بعد،استفاده از تصاویر گرافیکی در سایت های وب،آنقدر گسترده شده که گوئی بصورت یک قانون درآمده است. همانطور که که شاید هیچ مجله بدون تصویری نتوان پیدا کرد،سایت های وب نیز استفاده تصاویر گرافیکی را در دستور کار خود قرار داده اند. استفاده از این تصاویر بود که باعث شد وب تا این حد معروف و پر طرفدار شده و اینترنت از آن حالت سرد قبلی که فقط متن در آن قابل روئت بود،خارج شود. این تصاویر،باید طرز ذخیره سازی(format) خاصی داشته باشند و حتی المقدور حجم زیادی اشغال ننمایند. تصاویر بزرگ و حجیم به مدت زیادی

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش زبان html در قالب یک پروژه (قسمت 6) | رابین وب | RabinWeb

درس۶:. طبقه بندی اطلاعات با استفاده از لیست ها:. لیست ها ابزار مفیدی برای دستبه بندی اطلاعات پیچیده،به صورتی خلاصه و قابل فهم می باشند. به کمک HTML می توان حداقل سه نوع لیست مفید ساخت که عبارتند از:. ۱-لیست های مرتب(شماره دار). ۲-لیست های غیر مرتب(گلوله دار). ۳-لیست های تعریف. همچنین می توان با ترکیب این لیست ها،لیست های مرکب و تو در تو ایجاد کرد. در زیر،روش ساخت سه نوع لیست یاد شده را توضیح می دهیم:. ۱-لیست های مرتب(شماره دار). لیست شماره دار،لیستی است متشکل از چند عضو که برای هر یک از این اعضا یک شماره اختصاص داده شده است. به وسیله HTML ،می ت

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش زبان html در قالب یک پروژه (قسمت 7 پایانی) | رابین وب | RabinWeb

درس ۷:. استفاده از جدول برای سازماندهی اطلاعات. قبل از اینکه جداول وارد HTML شوند،کنترل طراحان صفحات وب بر روی صفحاتی که می ساختند،بسیار کمتر از امروزه بود. شاید به همین دلیل بود که گرافیستها تا مدتها از وب بیزار بودند. در واقع،نسخه های جدید HTML،با ارائه جداول،امکان کنترل بسیار بیشتری نسبت به گذشته،به طراحان صفحات وب اهدا کردند. با استفاده از جداول،نه تنها می توان اطلاعات را طبقه بندی و منظم نمود،بلکه همانطور که توضیح خواهیم داد،می توان شکل کلی صفحه و جای قرار گرفتن اجزا مختلف آنرا نیز تعیین کرد. یک جدول،از تعدادی سطر و ستون تشکیل شده است. محل

آموزش زبان html آموزش زبان html5 قالب آموزش زبان

ادامه مطلب ...
آموزش html5 قسمت اول:معرفی زبان | رابین وب | RabinWeb

HTML۵ زبانی برای ساختن و ارائهٔ محتوا برای شبکه جهانی وب است، و یک فن آوری هسته‌ای در اینترنت است که طرح آن برای اولین بارتوسط شرکت اپرا پیشنهاد شد. این پنجمین تجدید نظر از استاندارد HTML است (در سال ۱۹۹۰ ایجاد و در سال ۱۹۹۷ به عنوان HTML۴ استاندارد شده‌است) و تاکنون همچنان در دست توسعه‌است. اهداف اصلی HTML۵ بهبود این زبان به صورتی است که از جدیدترین فن آوری‌های چند رسانه‌ای پشتیبانی کند در حالی که هم به راحتی توسط انسان‌ها قابل خواندن باشد وهم به طور مداوم توسط رایانه‌ها و دستگاه‌ها (مرورگرهای وب، تجزیه کننده‌ها و غیره) قابل درک باشد. HTML۵

آموزش زبان html آموزش زبان html 5

ادامه مطلب ...
آموزش html5 قسمت دوم:سند html5 | رابین وب | RabinWeb

سند html5 تنها از یک تابع برای مشخص کردن نوع سند استفاده می کند. و در زیر می بینید که یک سند html5 نسبت به نسخه های قبلی آن چه مقدار کوچکتر شده است. The content of the document. ویژگی های جدید زبان HTML5:. 1-عنصر <canvas> برای طراحی ۲ بعدی. ۲-عنصر <video> و <audio> برای رسانه صوتی و تصویری. ۳-پشتیبانی از حافظه محلی. ۴-عناصر ویژه محتوا مثال <article>,<footer>,<header>,<nav> و <section>. 5-کنترل های فرم مثل:like calendar,date,time,email,url,search. پشتیبانی مرورگرها از زبان html5:. زبان html5 هنوز یک استاندارد رسمی نیست و مرورگر ها به طور کامل از

ادامه مطلب ...
آموزش html5 قسمت سوم:ویدیو در html5 | رابین وب | RabinWeb

ویدیو در وب:. تا به امروز استانداردی برای نمایش فیلم یا ویدیو در یک صفحه وب وجود نداشته است. امروزه بیشتر ویدیو ها به وسیله افزونه ها یا plugin مثل فلش بر روی صفحات وب نمایش داده می شدند که این امر باعث می شود که مرورگر های مختلف هم باید افزونه های مختلفی را برای اجرا این ویدیو ها داشته باشند. html5 یک عنصر ویژه برای جاساز کردن ویدیو یا فیلم در صفحات وب ایجاد کرده است. عنصر یا المنت <video> در html5 می تواند یک فیلم یا ویدیو را برای شما بدون نیاز به افزونه در صفحه وب قرار دهد. پشتیبانی مرورگرها:. مرورگرهای مختلفی از این المنت یا عنصر پشتیبانی م

ادامه مطلب ...
آموزش html5 قسمت چهارم:صدا در html5 | رابین وب | RabinWeb

صدا یا آهنگ در وب:. تا به امروز استانداردی برای قرار دادم صدا در یک صفحه وب وجود نداشته است. امروزه بیشتر صدا ها به وسیله افزونه ها یا plugin مثل فلش بر روی صفحات وب نمایش داده می شدند که این امر باعث می شود که مرورگر های مختلف هم باید افزونه های مختلفی را برای اجرا این صدا ها داشته باشند. html5 یک عنصر ویژه برای جاساز کردن صدا در صفحات وب ایجاد کرده است. عنصر یا المنت <audio> در html5 می تواند یک صدا یا آهنگ را برای شما بدون نیاز به افزونه در صفحه وب قرار دهد. پشتیبانی مرورگرها:. مرورگرهای مختلفی از این المنت یا عنصر پشتیبانی می کنند مثل:اینتر

ادامه مطلب ...
آموزش html5 قسمت پنجم:Drag and drop | رابین وب | RabinWeb

Drag and drop یا کشیدن و انداختن در html5:. Drag and drop یا کشیدن یک شی و قرار دادن آن در یک جای دیگر یک خصوصیت پیش پا افتاده ای است که همگی با آن آشنا هستید. استاندارد Drag and drop در html5 شامل عناصر و تگ های متعددی می باشد که شما می توانید یک شی را با استفاده از ماوس حرکت داده و در یک مکان دیگری رها کنید. پشتیبانی مرورگرها:. مرورگرهای مختلفی از این المنت یا عنصر پشتیبانی می کنند مثل:اینترنت اکسپلورر ۹,فایر فاکس,کروم,اپرا ۱۲ و سافاری ۵ . توجه داشته باشید که عنصر Drag and drop در مرورگر سافاری نسخه ۵٫۱٫۲ پشتیبانی نمی شود. فرم کلی عنصر Drag a

ادامه مطلب ...
آموزش html5 قسمت ششم:convas | رابین وب | RabinWeb

canvas چیست؟. canvas (کانواس) عنصری برای طراحی گرافیک در صفحه وب می باشد. canvas در html5 به وسیله یک اسکریپت کار می کند(معمولا جاوا اسکریپت). عنصر <canvas> در html5 تنها برای گرافیک مورد استفاده قرار می گیرد. عنصر <canvas> دارای چندین خاصیت برای ایجاد جعبه,دایره,چهار ضلعی و اضافه کردن تصویر می باشد. در نگاه کلی کانواس یا canvas برای کشیدن چهار ضلعی ها با رنگ های مختلف,چهار ضلعی هایی با تدارج رنگ,چهار ضلعی هایی با رنگ های مختلف و متن هایی با رنگ های مختلف مورد استفاده قرار می گیرد. پشتیبانی مرورگرها:. مرورگرهای مختلفی از این المنت یا عنصر پشتیب

ادامه مطلب ...
آموزش html5 قسمت هفتم:Inline SVG | رابین وب | RabinWeb

SVG چیست؟. ویژگی های استاندارد SVG در html5:. نکته:ویژگی های SVG تنها برای فرمت های gif و jpg قابل استفاده می باشد. پشتیبانی مرورگرها از استاندارد SVG:. مرورگرهای مختلفی از این المنت یا عنصر پشتیبانی می کنند مثل:اینترنت اکسپلورر ۹,فایر فاکس,کروم,اپرا و سافاری. ساختار کلی استاندارد SVG:. نمایش خروجی کد SVG در مرورگر:.

ادامه مطلب ...

بهترین مشاغل و خدمات شهر خود را ، در سایت نشونه پیدا کنید.

مشاهده سایت نشونه