جستجوی دسته : HTML

آموزش تصویری HTML  به زبان فارسی

زبان طراحی اچ تی ام ال و استایل شیت ها به عنوان زوج قدرتمند در طراحی صفحات وب به شمار میروند .زبان طراحی اچ تی ام ال با گذر بیشتر از یک دهه از عمر آن توسط W3C یا کنسرسیوم جهانی وب ایجاد و تا به امروز گسترش داشته است.تفاوتی نمیکند شما برای طراحی وبسایت چه تکنولوژی را انتخاب میکنید در هر حال لازمه فعالیت در شاخه طراحی وبسایت به عنوان توسعه دهنده تکنولوژی وب یادگیری زبان طراحی اچ تی ام ال و سی اس اس میباشد.در این آموزش قصد داریم با ارائه مثالهای مختلف در این خصوص شما را مرحله به مرحله همراهی نمائیم . نسخه زبان طراحی اچ تی ام ال در این آموزش نسخه 4 و برای استایل شیت یا همون سی اس اس نسخه 2 میباشد.

سرفصل های آموزشی  و آنچه در این مجموعه خواهید آموخت عبارتند از :

  • آشنایی با تگ ها
  • آشنایی با ارتباط متن ها و تگ ها
  • آشنایی با  قرار دادن لینک در صفحات
  • آشنایی با  قرار دادن تصاویر در صفحات
  • آشنایی با ایجاد جداول در صفحات
  • آشنایی با اسکریپت های بوت استراپ
  • آشنایی با تقسیم بندی صفحه توسط جدول
  • آشنایی با ارتباط بین جداول و متون در صفحات
سورس فرم لاگین به صورت Material با HTML

با سلام .اگر بخواهیم در یک جمله مفهوم متریال دیزاین را بدانیم این است که یک ورژن مکتوب مستند و علمی طراحی تخت (Flat Design ) است .

بر این اساس ما یک سورس پروژه فرم لاگین به صورت متریال را که یکی از فرم های زیبا می باشد برای استفاده شما دوستان آماده کرده ایم که بتوانیم از آن نهایت استفاده را ببرید

این فرم لاگین دارای ویژگی هایی همچون : رنگ بندی زیبا ,بخش ثبت نام زیبا با رنگ صورتی , انیمیشن های زیبا و... می باشد.

آموزشی وب سایت HTML

با سلام با یک آموزشوب سایت البته به زبانHTML در خدمت شماعزیزان هستیم .یك وب سایت معمولا شامل تعداد زیادی فایل است كه در تعدادی پرونده مرتب شده اند، به همان صورت كه شما فایل هایتان را در پرونده ها مختلفی روی كامپیوترتان مرتب می كنید. صفحه اصلی یك سایت معمولا index.htm یا index.html یا default.html نام دارد. وقتی كه یك آدرس وب ( یا اسم دامنه ) را در مرور گرتان تایپ می كنید (مثلا www.prozhe.com )، برنامه مرورگر به سراغ اكانت میزبانی ای می رود كه این اسم دامنه به آن اشاره می كند، و به دنبال یكی از این فایل های اصلی می گردد. فرضا اگر فایلی به نام index.html را در آن وب سایت پیدا كند، این فایل ( یا صفحه ) را به صورت خودكار در مرور گر شما نمایش خواهد داد. این وب سایت یک مثال ساده آموزشی برای طراحی سایت با HTML میباشد.امیدواریم مورد استفاده شما کاربران قرار گیرد.

پروژه HTML وب سایت امداد و نجات

باسلام با پروژه ساده HTML جهت آشنایی با کد نویسی HTML و جاوا اسکریپتدر خدمت شما کاربران عزیز هستیم .این پروژه در مورد کمکهاي اوليه و امداد و نجات مي باشد که به علت حجم زياد فايلهاي دو فولدر  download , music را پاک کرده و فقط یک عکس درون این دو فولدر قرار داديم .امیدواریم نهایت استفاده از این پروژه را ببرید .

وب سایت ساده HTML

با سلام خدمتکاربران عزیز . با یک مبحث دیگراز html درخدمت شماهستیم .این وب سایت فقط به عنوان نمونه و نوعی تبلیغ کار ساده می باشد و هیچ جنبه دیگری ندارد. شما باید به چگونگی نوشته شدن کدها و دستورات اسکریپت این صفحات دقت کنید و چگونگی استفاده از آن ها را فرا بگیرید.

در این وب سایت تکنیکهای HTML، Java Script، CSS به کار رفته  است. امید است مورد استفاده شما عزیزان قرار گیرد.

سورس کد صفحه کلید با HTML و CSS

با سلام . این مطلب درباره سورس کدصفحه کلید با HTML وCSS است که دراین سورس کدبرای فونتها از API گوگل فونت خانواده های CSS Nunito نیز استفاده شده است .

این سورس کد به صورت رایگان برای شما کاربرن عزیز قرار داده شده است .امید است مورد استفاده شما قرار گیرد .

سورس ماشین حساب و ساعت دیجیتال با html

با سلام .سورس پروژه ماشین حساب وساعت دیجیتال با استفاده از html وcss با ترکیبی از کد های جاوا اسکریپ طراحی و کدنویسی شده است .امید واریم این سورس پروژه مورد استفاده شما دوستان قرار گیرد

 

کتاب آموزش گام به گام html5

کتاب آموزش HTML 5 به زبان فارسی نوشته مهندس رضا درودی را تقدیم شما کاربران سایت علمی پرو می کنیم. اچ تی ام ای یک زبان نشانه گزاری و فرا متن می باشد که در طراحی صفحه های وب بکار می رود نسل جدید آن اچ تی ام ال ۵ نام دارد. این کتاب شما را با عناصر و تگ های HTML 5 اشنا می کند. امید است که مورد توجه شما عزیزان قرار بگیرد. در ادامه آنچه را که در این کتاب می خوانید بیان شده است. اچ‌تی‌ام‌ال ۵، عنصرها و صفت‌های تازه‌ای معرفی می‌کند که کاربردهای وب‌سایت‌های امروزی را پاسخ می‌دهند. ارایه ی عنصر <nav> به عنوان عنصری برای بخش ناوبری سایت به جای کاربردهای عمومی عنصرهایی چون (<div>) و (<span>) یکی از آن‌ها است. افزوده شدن عنصر <footer> برای ارجاع به پانوشت‌ها یا خطوط پایانی کدهای اچ‌تی‌ام‌ال؛ و عنصر <audio> یا <video> به جای عنصر <object> از دیگر دگردیسی‌های این ویرایش است. همچنین در این ویرایش، برخی از عنصرهای اچ‌تی‌ام‌ال ۴/۰۱ مانند عنصرهای <font> و <center>، به کلی منسوخ و کنار گذاشته شده اند که تنها برای تعیین نوع و نحوه ی نمایش محتوای اشان به کار می‌رفتند و وظیفه ی آن‌ها بر دوش شیوه‌نامه‌های آبشاری (CSS) نهاده شده است.لازم به ذکر است که این ورژن همراه با CSS3 میتوانند به راحتی جای jquery را در ساخت گالری و اسلاید شو ها و افکت های دیگر گالری مانند پر کنند.بطور خلاصه اچ‌تی‌ام‌ال۵ (HTML5)، به عنوان نسخه جدید زبان نشانه‌گذاری ابرمتن برای ایجاد صفحات وب گسترش داده شده‌است. اولین بار در ژوئن ۲۰۰۴ بحث برای ایجاد نسخه جدیدی از زبان نشانه گذاری اچ‌تی‌ام‌ال آغاز شد و در فوریه ۲۰۱۰ نسخه‌های تقریبا نهایی، از این استانداردها ایجاد شدند. در اچ‌تی‌ام‌ال۵ بحث اصلی ایجاد استانداردهایی برای وب چندرسانه‌ای است. استانداردهایی جدید که شامل قابلیت‌هایی شبیه پخش پرونده‌های ویدیویی و کشیدن و رها کردن که قبل‌ها به افزونه‌هایی مانند ادوبی فلش، مایکروسافت سیلورلایت و گوگل گیرز وابسته بودند.

عنوان: کتاب آموزش گام به گام html5

زبان آموزش : فارسی

نویسنده: رضا درودی

تعداد صفحه: ۸۸

حجم فایل: ۸۸ مگابایت

استایل دادن به Button ها توسط CSS

جهت طراحی صفحات وب یکی از مهمترین کنترل ها برای انجام یک روال یا رویداد کنترل Button (دکمه) است . دکمه های پیش فرض در html ، Asp.net یا PHP بصورت ساده هستند. با استایل دادن به Button ها توسط CSS میتوان دکمه های زیبایی را خلق کرد. در زیر سورس دکمه های گرافیکی ساخته شده با css را قرار دادیم که می توانید با تغییر مشخصات css آن Button مورد نظر خود را بسازید.

تکست باکس های زیبا با CSS

امروزه خیلی از طراحان وب به قدرت css اذعان میکنند و معمولا زبان css اولین و بهترین گزینه جهت طراحی صفحات وب است. کنترل تکست باکس (TextBox) یکی از پرکاربردترین کنترلها در وب است که به صورت پیش فرض بسیار ساده است و شما می بایست مناسب به سایت خود textbox را نیز سفارشی کنیم. در زیر سورس textbox های زیبا را برای دانلود گذاشتم که می توانید بعد از دریافت آن را به سلیقه خود تغییر دهید . (تغییرات در فایل style.css)

سورس منوی سایدبار (راستچین شده)

سلام خدمت همه دوستان برنامه نویس. امروز سورس منوی سایدبار را برای شما عزیزان جهت دانلود قرار دادیم. منو سایدبار از سمت چپ یا راست صفحه به داخل صفحه وب کشیده میشود. امروزه بسیاری از طراحان وب از اینگونه منوها جهت طراحی وب خود بهره می برند. سورس منوی سایدبار با HTML و CSS ایجاد شده است که شما دوستان براحتی می توانید از این منو در پروژه های خودتان استفاده نمایید.

سورس بازی پازل با HTML5

html5 نسخه توسعه یافته html و جدیدترین نسخه زبان برنامه نویسی وب است. امکانات و قابلیتهای زیادی در این نسخه نسبت به نسخه های قبلی ایجاد شده مانند عناصر گرافیکی ، عناصر چند رسانه ای ، عناصر جدید معنایی مانند <header>, <footer>, <article> و <section> و انواع API های جدید. قبلا بازی های فلش بروی مرورگرها متداول بودند ولی با آمدن html5 و امکانات منحصربفرد آن خیلی از بازی های وب با html5 نوشته میشوند. در این پست سورس بازی پازل با HTML5 را قرار دادیم که می توانید از لینک زیر بصورت رایگان دانلود نمایید. ضمناً جهت اجرا کدها و تگهای HTML5 نباید از ورژن های قدیمی مرورگرها استفاده کنید.

قالبHTML رزومه برنامه نویس

هر برنامه نویس به یکسری از زبان ها و تکنولوژی ها تسلط دارد. برای اینکه جامعه کاربری از توانایی شما اطلاع داشته باشند می بایست سایت یا صفحه ای برای معرفی خود داشته باشید، کاری که خیلی از برنامه نویسان انجام میدهند و در رونق کارها یا پیدا کردن شغل مناسب کمک زیادی به آنها میکند. در این قسمت قالب html رزومه برنامه نویس را برایتان آماده کردیم که با کمی ویرایش می توانید از آن برای رزومه خود استفاده کنید. قالبhtml رزومه را از لینک زیر بصورت رایگان دریافت نمایید.

سورس فرم لاگین با HTML و CSS

معمولاً طراحی صفحات ورود و ثبت نام سایت ها یا وب اپلیکیشن ها متفاوت از بقیه صفحات سایت هستند. که زیبا بودن این صفحات به زیباتر شدن پروژه کمک میکند و پروژه شما حرفه ای تر بنظر می آید. در این پست سورس فرم لاگین با HTML و CSS را برای شما قرار داده ایم که بسیار زیبا طراحی شده است که با سفارشی کردن آن میتوانید جهت پروژه های خود از آن استفاده کنید.

در سورس زیر علاوه بر html و css از جاوا اسکریپت نیز برای تغییر پس زمینه و اخطار پر نکردن فیلدها استفاده شده است. سورس فرم ورود تمام صفحه را از لینک زیر بصورت رایگان دانلود نمایید

کتاب آموزش HTML و XHTML به صورت PDF فارسی

کتاب آموزش HTML و XHTML

در این بخش کتاب آموزش مفید و پر کاربرد جهت طراحی صفحات وب را با عنوان کتاب آموزش HTML و XHTML برای شما آماده کرده ایم که توسط احمد بادپی در ۱۱۹ صفحه نوشته شده است. در ادامه می توانید توضیحاتی در مورد HTML و سرفصل های موجود در کتاب را مشاهده کنید و همچنین لینک دانلود آن نیز در انتهای این بخش قرار داده شده است.

معرفی HTML

اچ تی ام ال (به انگلیسی: HTML) یک زبان نشانه گذاری می باشد که به منظور ساخت صفحات وب از آن استفاده می شود و می توان گفت که اسکلت تمامی صفحات وبی که روزانه مشاهده می کنید با این زبان ساده اما مهم نوشته شده است. یادگیری HTML یکی از دانش های لازم و ضروری برای کار در حوزه وب می باشد که با دانلود و استفاده از این کتاب آموزشی می توانید شروع قدرتمندی در یاد گیری آن داشته باشید.

این کتاب آموزشی از روی مشهور ترین و محبوب ترین کتاب های آموزش HTML موجود در دنیا (The Ultimate HTML Reference, CSS and Javascript, Beginning HTML , XHTML, AbookApart HTML5 For Web Designers ) نوشته شده است که شما را با بسیاری از ویژگی های این زبان دوست داشتنی آشنا خواهد کرد.

سرفصل های کتاب آموزش HTML و XHTML :

فصل اول: آشنایی با مفاهیم و اصطلاحات

فصل دوم: تاریخچه مختصری از HTML

  • HTML چیست ؟
  • تاریخچه HTML
  • ویژگی های برجسته HTML 4.0
  • XHTML مقابل در HTML
  • ۵ HTML از راه رسید

فصل سوم: اجزای سازنده صفحات وب

  • ساختار Tag ها
  • ساختار اصلی یک صفحه وب
    • عنصر <head>
    • عنصر <body>
  • ایجاد و ذخیره اولین صفحه وب
  • صفت ها در Html
  • مشاهده کدها ی منبع صفحات

فصل چهارم: آشنایی با تگ های قالب بندی متن

  • آشنای با انواع تگ های قالب بندی
    • تگ <b>
    • تگ <i>
    • تگ <u>
    • تگ های <s> و <strike>
    • تگ <sup>
    • تگ <sub>
    • تگ <big>
    • تگ <small>
    • تگ های <del> و <ins>
    • تگ های <abbr> و <acronym>
    • ایجاد تیتر ها با استفاده از تگ های <hn>
    • ایجاد پاراگراف ها با استفاده از تگ <p>
    • تگ <br> برای ایجاد شکست خط
    • تگ <nobr>
    • تگ <pre> و تگ <code>
    • تگ <hr>
    • تگ <blink>
    • تگ <center>
    • تگ <font>
    • تگ <basefont>
    • تگ <marquee>
  • عناصر بلاکی و درون خطی

فصل پنجم: کار با لینک ها

  • تگ <a>
  • اجزای تشکیل دهنده آدرس ها
  • آدرس های مطلق و نسبی
  • تگ <base>
  • لینک های ایمیلی
  • لینک های لنگری
  • لینک های دانلود

فصل ششم: کار با تصاویر

  • تگ <img>
  • تصاویر به عنوان لینک
  • درج توضیحات در HTML

فصل هفتم: کار با لیست ها

  • دسته بندی لیست ها
    • تگ <ol> برای ایجاد لیست های مرتب
    • تگ <ul> برای ایجاد لیست های نامرتب
    • تگ <dl> برای ایجاد لیست های تعریفی
    • تگ <li>
  • لیست های تو در تو

فصل هشتم: کار با جدوال

  • ساختار اساسی جدول
    • تگ <table>
    • تگ <tr>
    • تگ های <td> و <th>
    • تگ <caption>
  • گروه بندی ردیفی و ستونی جداول
  • گروه بندی های ستونی

فصل نهم: کار با فرم ها

  • ساختار اساسی فرم
    • تگ <form>
    • تگ <label>
    • تگ <input>
  • صفت های جدید برای تگ های input
    • ایجاد combobox و listbox ها
      • تگ <select>
      • تگ <option>
      • تگ <optgroup>
    • ایجاد لیست های داده
  • ایجاد کادر های متنی چند خطی
    • تگ <textarea>
  • ایجاد انواع دکمه ها
    • تگ <button>
  • سازمان دهی عناصر فرم
    • تگ <fieldset>
    • تگ <legend>
  • ایجاد نوار های پیشرفت

فصل دهم: عناصر چندرسانه ای در صفحات وب

  • تعرفی عناصر چند رسانه ای
  • بررسی انواع عناصر چند رسانه ای
    • تگ Object
    • تگ Param
  • راه های دیگر برای استفاده از عناصر چند رسانه ای
    • تگ <embed>
    • تگ <bgsound>
  • استفاده از ویژگی های HTML 5 برای نمایش صدا و ویدئو
    • تگ <video>
    • تگ <audio>

فصل یازدهم: ایجاد صفحات چندگانه در HTML

  • ساختار صفحات چندگانه
    • تگ <FRAMESET>
    • تگ <frame>
    • تگ <noframes>
    • تگ <frame>

فصل دوازدهم: قرار دادن سایت بر روی وب

  • تگ <meta>
  • گرفتن نام دامنه
  • قرار دادن سایت روی سرور از طریق FTP
  • کار با نرم افزار CuteFtp

ضمیمه

  • تفاوت های HTML و XHTML
  • تگ MIME TYPE چیست ؟
  • کد های زبانی
  • کد های کاراکتری
کتاب آموزش HTML

کتاب آموزش HTML

در این بخش کتاب آموزش HTML به صورت گام به گام در قالب فایل PDF فارسی که توسط افشین رفوا در ۱۲۴ صفحه نوشته شده است را برای علاقه مندان به یادگیری طراحی سایت آماده کرده ایم که در ادامه می توانید توضیحاتی در مورد این کتاب آموزشی مشاهده کنید.

معرفی HTML

اچ تی ام ال (به انگلیسی: HTML) که مخفف شده عبارت Hyper Text Markup Language می باشد، زبانی به منظور توصیف ساختار صفحات وب است که با عنوان زبان محاوره ایی وب نیز شناخته می شود. دستور العمل های اچ تی ام ال برچسب یا همان Tag نامیده می شوند که هر کدام از آن ها معنا و مفهوم خاصی برای مرورگر ها دارند. با استفاده از تگ ها محتوای یک صفحه برای توصیف نحوه نمایش آن به مرورگر ها، نشانه گذاری می شوند و مرورگر های وب بعد از تفسیر تگ های موجود در سند HTML آن را برای کلاینت Render یا نمایان سازی می کنند. تا به امروز ۵ نسخه از اچ تی ام ال منتشر شده است.

معرفی کتاب آموزش HTML

این کتاب آموزشی با زبانی ساده و قابل فهم برای افراد مبتدی زبان HTML را به صورت گام به گام آموزش می دهد و شما با مطالعه آن می توانید مطالب و نکات مفید و کاربردی در مورد اچ تی ام ال یاد بگیرید. در ادامه می توانید سرفصل های این کتاب آموزشی را مشاهده کنید.

سرفصل های کتاب آموزش HTML

  • پس زمینه ی جدول
  • طول و عرض جدول
  • تیتر، بدنه و پاورقی جدول
  • جدول های تودرتو
  • آموزش List
  • لیست های بدون ترتیب HTML
  • ویژگی type
  • لیست های منظم HTML
  • ویژگی start
  • لیست های تعریف HTML
  • لینک های متن HTML
  • لینک کردن داکیومنت ها
  • ویژگی target
  • استفاده از مسیر پایه
  • لینک شدن به بخشی از صفحه
  • تنظیم رنگ های لینک
  • دانلود کردن لینک ها
  • Download PDF File
  • آموزش Image Link
  • تصاویر حساس به ماوس
  • سیستم مختصات
  • لینک ایمیل HTML
  • برچسب HTML Email
  • تنظیمات پیش فرض
  • آموزش HTML Layout ‏ ‏
  • Layout HTML – استفاده از جدول ها
  • Layout چند ستونی – استفاده از جدول ها
  • Layout های HTML – استفاده از DIV و Span
  • آموزش Iframes
  • ویژگی های برچسب <iframe>
  • background در html
  • زمینه ی HTML با رنگها
  • زمینه ی HTML با تصاویر
  • زمینه های طرح دار و شفاف
  • رنگهای HTML
  • روش های کدگذاری رنگ HTML
  • رنگ های HTML – نام رنگ
  • ۱۶ رنگ استاندارد W3C
  • رنگ های HTML – کدهای Hex
  • رنگ های HTML – مقادیر RGB
  • فونت ها
  • تنظیم اندازه ی فونت
  • تنظیم ظاهر فونت
  • تعیین ظاهر فونت جایگزین
  • تنظیم رنگ فونت
  • عنصر <basefont>
  • فرم های html
  • ویژگی های فرم
  • کنترل های فرم HTML
  • کنترل های ورودی متن
  • کنترل های ورودی تک خطی
  • کنترل های پسورد ورودی
  • کنترل های متن ورودی چند خطی
  • کنترل چک باکس
  • کنترل دکمه ی رادیو
  • کنترل Select Box
  • فایل آپلود باکس
  • کنترل های دکمه
  • کنترل های مخفی شده ی فرم
  • آموزش چند رسانه ای در HTML‏ ‏
  • ویژگی های برچسب <embed>
  • انواع ویدیوهای پشتیبانی شده
  • صدای زمینه
  • آموزش HTML Marquee
  • سربرگ HTML
  • برچسب <title> در HTML
  • برچسب <meta> در HTML
  • برچسب <base> در HTML
  • برچسب <link> در HTML
  • برچسب <style>  در HTML
  • برچسب <script>  در HTML
  • آموزش Cascading style sheet ‏ ‏
  • Style sheet خارجی
  • Style sheet داخلی
  • Inline Style Sheet
  • آموزش javascript  ‏ ‏
  • جاوا اسکریپت خارجی
  • جاوا اسکریپت درونی
  • گردانندگان رویدادها(EventHandler)
  • مخفی کردن اسکریپت ها از مرورگرهای قدیمی
  • عنصر <noscript>