آموزش HTML

تازه های این بخش :

معرفی سرویس های آنلاین ویرایش کد HTML

2003 بازدید
يكشنبه، 4 آبان ماه، 1399

(مربوط به موضوع آموزش HTML)

معرفی سرویس های آنلاین ویرایش کد HTML

HTML (اچ تی ام ال) مخفف عبارت Hyper Text Markup Language بوده و در زبان فارسی به معنای زبان نشانه گذاری فوق متن می باشد. HTML یک زبان برنامه نویسی استاندارد برای استفاده در طراحی وب سایت می باشد. در واقع خروجی نهایی کار که در مرورگرها نمایش داده می شود همگی به زبان HTML بوده و از این جهت از ارزش بالایی برخوردار می باشد.

برخلاف سایر زبان های برنامه نویسی، کدهای HTML را می توان در یک نوت پد نیز اجرا نمود. در واقع به منظور کدنویسی و مشاهده کدهای این زبان نیاز به هیچ نرم افزار یا کامپایلر خاصی نخواهید داشت. با این وجود، برخی از سرویس های آنلاین کار را بسیار آسان کرده اند. در واقع کاربران می توانند خروجی کدهای HTML مورد نظر خود را به کمک ابزارهای آنلاین به صورت لحظه ای مشاهده کرده و در صورت نیاز آنها را تغییر دهند.

در این مقاله می خواهیم به بررسی وب سایت های ویرایش کد HTML بپردازیم. با سرزمین دانلود همراه باشید.

سرویس CodePen

CodePen را می توان یکی از برترین ابزارهای ویرایشگر آنلاین کدهای HTML و CSS نام گذاری نمود. با استفاده از این سرویس می توانید کدهای HTML خود را با زبان های دیگیری همچون JavaScript ترکیب کرده و خروجی مورد نظر را به صورت آنلاین مشاهده نمایید.

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

سرویس CodePen در دو حالت Free و Pro قابل استفاده می باشد که می توانید با پرداخت هزینه 8 دلار در ماه از امکانات پولی این سرویس نیز استفاده نمایید. به منظور دسترسی به وبسایت CodePen می توانید از طریق این لینک اقدام نمایید.

سرویس JSFiddle

یکی دیگر از سرویس های بسیار کاربردی در زمینه ویرایش فایل های HTML، سایت JSFiddle می باشد. همانطور که از اسم سایت پیدا است، در این سرویس می توانید کدهای HTML خود را به همراه فایل های جاوا اسکریپت ترکیب کرده و خروجی را به صورت آنلاین مشاهده نمایید.

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

استفاده از سرویس های JSFiddle کاملا رایگان بوده و نیاز به پرداخت هیچ هزینه اضافی نخواهید داشت. برای استفاده از این وب سایت می توانید از طریق این لینک اقدام نمایید.

سرویس JSBin

JSBin نیز یکی دیگر از سرویس های آنلاین ویرایش کدهای HTML می باشد. مانند دو سرویس قبلی، در JSBin نیز می توانید کدهای HTML خود را با زبان جاوا اسکریپت و CSS ترکیب کرده و خروجی را به صورت آنلاین مشاهده نمایید.

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

سرویس JSBin در دو حالت Free و Pro قابل استفاده می باشد که از ویژگی های سرویس Pro می توان به قابلیت ذخیره در فضاهای ابری، embeds های کاستوم و ... اشاره نمود. به منظور دسترسی به embeds می توانید از طریق این لینک اقدام نمایید.

سرویس Liveweave

یکی از سرویس های نوپا در زمینه ویرایش آنلاین فایل های HTML، وب سایت Liveweave می باشد. امکانات و قابلیت های این سرویس بسیار بیشتر از سایر وب سایت های معرفی شده می باشد. در Liveweave می توانید کدهای HTML خود را با زبان های برنامه نویسی دیگری مانند جاوا و PHP ترکیب کرده و خروجی نهایی را به صورت آنلاین مشاهده نمایید.

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

استفاده از امکانات سرویس Liveweave تا این لحظه رایگان بوده و تنها با ساخت یک حساب کاربری می توانید به تمامی ویژگی های آن دسترسی پیدا نمایید. به منظور استفاده از وب سایت Liveweave می توانید از طریق این لینک اقدام نمایید.

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

سایر مقالات مربوط به HTML

این مطلب مربوط به موضوع آموزش HTML میباشد.

0 دیدگاه

ادامه مطلب

آموزش نوشتن فارسی در HTML

9123 بازدید
پنجشنبه، 12 شهريور ماه، 1394

(مربوط به موضوع آموزش HTML)

آموزش نوشتن فارسی در HTML

یکی از مشکلاتی که طراحان سایت در HTML با آن مواجه هستند نوشت جملات فارسی در کد های HTML میباشد.

در ادامه مطلب روش فارسی نویسی در کد های HTML را آموزش خواهیم داد.

ابتدا کد <"meta charset="utf-8> را در بین تگ <head></head> قرار می‌دهیم. این کار باعث می‌شود تا حروف فارسی دیده شوند و انکودینگ صفحه به صورت کامل و صحیح انجام شود.

نوشتن کد meta charset
نکته بسیار مهمی که در هنگام نوشتن فارسی یا عربی دقت داشته باشید که حتما کد <"meta charset="utf-8> را در بین تگ <head></head> قرار دهید. در غیر این صورت حروف شما به صورت ناخوانا و به هم ریخته نمایش داده می‌شوند.

راست به چپ کردن جهت متن:
برای نوشتن فارسی در اچ تی ام ال باید به صفحه بگویید که قصد این کار را دارید. یکی از خصیصه هایی که از آن برای این کار استفاده می‌شود direction است. با کمک این المان شما می‌توانید المان‌های خود را از راست به چپ یا از چپ به راست مرتب کنید.

مرحله اول: ابتدا تگ یا تگ دلخواه را باز می‌کنیم. در این مثال ما تگ را انتخاب کرده‌ایم.

مرحله دوم: مشخصه استایل style را به تگ اضافه می‌کنیم و بلافاصله بعد از آن " "= قرار می‌دهیم.

مرحله سوم: در این مرحله بین دو " " استایل مورد نظر = direction را انتخاب می‌کنیم. روبروی direction کلمه rtl برای نوشتن از راست به چپ (فارسی و عربی) و ltr (انگلیسی و ...) برای نوشتن از چپ به راست را درج می‌کنیم.

مرحله پایانی: تگ را می‌بندیم.

متن از راست به چپ نوشته می شود

نکته: شما همچنین می‌توانید بدون نوشتن مشخصه Style کلمه dir را به صورت مستقیم هم در کنار نام المان بنویسید. این موضوع در تمامی مرورگرها قابل استفاده است. فقط دقت کنید که بعد از کلمه dir، علامت مساوی و دابل کوتیشن (""=) قرار دارد. این در حالی است که شیوه نوشتن استایل متفاوت است.

متن از راست به چپ نوشته می شود

سایر مقالات مربوط به HTML

این مطلب مربوط به موضوع آموزش HTML میباشد.

0 دیدگاه

ادامه مطلب

طرز کار صفحات وب

9307 بازدید
چهارشنبه، 31 خرداد ماه، 1391

(مربوط به موضوع آموزش HTML)

طرز کار صفحات وب

در این لحظه که مشغول مطالعه این مقاله هستید قطعا:
1- پشت کامپیوتر خود نشسته اید!
2- در حال استفاده از یک مرورگر وب هستید تا بتوانید این مقاله را بخوانید. این مرورگر وب می تواند اینترنت اکسپلورر، فایرفکس، کروم، Opera، و یا Netscape باشد.
3- می خواهید طرز کار صفحات وب را یاد بگیرید و احتمالا هنر ایجاد صفحات وب خود را بیاموزید.

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

برای صحبت درباره صفحات وب و نحوه کار آنها، بایستی مفهوم 4 عبارت ساده را درک کنید:

(اگر پس از مطالعه برخی از آنها برای اولین بار کمی به نظرتان گیج کننده و تخصصی رسیدند نگران نشوید)

• صفحه وب (Web Page):

صفحه وب، یک فایل متنی ساده است که نه تنها شامل متن، بلکه حاوی مجموعه ای از تگهای اچ تی ام ال (HTML tags) نیز می باشد. که این تگها توضیح می دهند که متون برای نمایش در مرورگر، چگونه فرمت بندی شده و نمایش داده شوند. تگها دستورات ساده ای هستند که به مرورگر وب می گویند زمانی که صفحه نمایش داده می شود باید چگونه به نظر برسد. تگها به مرورگر می گویند کارهایی مثل تغییر اندازه فونتها یا رنگ آنها، یا تنظیم متون در ستونها را انجام دهد. مرورگر وب این تگها را تفسیر می کند تا تصمیم بگیرد متن را در صفحه نمایش چگونه فرمت کند.

• HTML:

HTML مخفف عبارت Hyper Text Markup Language یا "زبان نشانه گذاری متن" است. زبان نشانه گذاری، یک زبان کامپیوتری است که نحوه فرمت بندی صفحه را تعیین می کند. اگر تنها چیزی که می خواهید نمایش یک رشته طولاتی از متون سیاه و سفید است که هیچ فرمت و شکل خاصی ندارند، نیاز به استفاده از HTML نیست. ولی اگر می خواهید فونتها را تغییر داده، رنگ اضافه کنید، Headline هایی (تیتر یا سرفصل) اضافه کرده، و یا عکسهایی را در صفحه وب خود به نمایش در آورید، بایستی از زبان HTML بهره بگیرید.

• مرورگر وب (Web Browser):

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

• وب سرور (Web Server):

یک سرور وب، یک تکه برنامه کامپیوتری است که به درخواست یک مرورگر برای دریافت یک صفحه پاسخ می دهد و صفحه را از طریق اینترنت برای مرورگر وب می فرستد. شما می توانید به وب سرور به صورت یک مجتمع آپارتمانی نگاه کنید که هر آپارتمان صفحه وب یک نفر را در بر می گیرد. صفحات وبی که در این مجموعه آپارتمان زندگی می کنند می توانند توسط هرکسی در هر نقطه از جهان مشاهده و استفاده شوند. در این صورت صاحب خانه شما، Host (میزبان) نامیده می شود و اجاره شما معمولا هزینه میزبانی (Hosting Charge) نامیده می شود. روزانه میلیونها وب سرور، صفحات وب را به مرورگرهای دهها میلیون از افرادی که در سطح شبکه جهانی گسترده اند ارسال می کنند.

آزمایش کردن صفحات وب بدون استفاده از Web Server نیز امکان پذیر است. مرورگر شما می تواند از طریق کامپیوتر شخصیتان به صفحات وبی که ایجاد کرده اید دسترسی پیدا کند.

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

این مطلب مربوط به موضوع آموزش HTML میباشد.