طراحی وب سایت در کرج
026-34204893
09101013858

بایگانی برچسب‌ها : HyperText Markup Language

HTML | طراحی سایت در کرج | طراحی وب سایت در کرج | هلدینگ کیان تجارت فاوا

معرفی به HTML

معرفی به HTML

زبان HTML یا Hypertext Markup Language زبان اصلی است که در ایجاد صفحات وب مورد استفاده قرار می گیرد. بیش از حد متن به متن ذخیره شده در قالب الکترونیکی است که می تواند متقاطع است، و زبان نشانه گذاری اشاره به مجموعه ای از دستورالعمل ها برای نمایش اطلاعات است.

وقتی HTML در ابتدا در اوایل دهه ۱۹۹۰ توسعه یافت، صفحات وب عمدتا از متن بودند و اولین نسخه HTML به طور عمده در نمایش متن بود.

با این حال، اچ تی ام الدر طول سالها تکامل یافته است و در حال حاضر اچ تی ام ال می تواند به مرورگر نه تنها نحوه نمایش اطلاعات متن، بلکه اجزای جزئی یک صفحه وب مانند: گرافیک، چندرسانه ای، اسکریپت و غیره را آموزش دهد.

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

برای حل این مشکلات، کنسرسیوم جهانی وب در سال ۱۹۹۴ تاسیس شد. هدف آن تنظیم استانداردها است که همه کسانی که در ایجاد وب سایت شرکت می کنند می توانند پیروی کنند و به همین ترتیب بدون توجه به مرورگر مورد استفاده قرار می گیرد.

کنسرسیوم جهانی وب در ایجاد و به روز رسانی نسخه های اچ تی ام ال کمک کرد، زیرا صفحات وب پیچیده تر شدند. نسخه های اچ تی ام ال با زمان تغییر کرده اند، با شروع از HTML 2.0 در سال ۱۹۹۵ (هیچ HTML 1.0 تعریف وجود ندارد حتی اگر HTML برای چندین سال قبل از HTML 2.0 استفاده شده بود) به آخرین نسخه در تولید: HTML 5.0

یکی دیگر از توسعه های کلیدی که HTML را تحت تأثیر قرار داد، ایجاد XML یا زبان نشانه گذاری Extensible Markup Language بود که اساسا یک استاندارد برای ایجاد زبانهای نشانه گذاری است که بیشتر از استانداردهای HTML دنبال می شود.

برای ایجاد یک نسخه از HMTL برای مطابقت با استانداردهای XML، کنسرسیوم جهانی وب توسعه XHTML، که اساسا HTML با دستورالعمل های سخت تر است.

HTML یک سری دستورالعمل های متن است که به مرورگر وب می گوید چگونه صفحه وب را نمایش دهد، همانطور که در بالا ذکر شد، بنابراین یک صفحه وب به طور نظری می تواند با یک ویرایشگر متن مانند Notepad یا Word طراحی شود.

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

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

در حالی که به طور صریح صدها برچسب وجود دارد، هر صفحه وب معمولا شامل موارد زیر می باشد: html، head، title and body. علاوه بر این، بیشتر صفحات وب شامل حداقل یک پاراگراف یا تگ p هستند.

برخی از تگ های مشترک دیگر عبارتند از:

h

Heading

تگ های عنوان نمایش متن با حروف بزرگ با ضخامت ۱ تا ۶، با ۱ بزرگترین.

li

List Item

یک آیتم لیست می توان با برچسب ol یا ul برای یک لیست مرتب یا مرتب ترکیب کرد.

b

Bold

متن نمایش داده شده در داخل مهره های ضخیم را نمایش می دهد.

i

Italic

نمایش متن با حروف الفبا را نمایش می دهد.

img

Image

برای نشان دادن یک تصویر درون یک صفحه وب به عنوان یک برچسب مستقل استفاده می شود.

a

Anchor

استفاده کنید برای ایجاد لینک های به صفحات دیگر وب سایت در یک سایت یا سایت های دیگر.

br

Break

بر خلاف برچسب پاراگراف، یک فضای خط را بدون فضای ایجاد می کند.

div

Division

یک تگ عمومی برای قالب بندی با ورق های سبک مورد استفاده قرار می گیرد.تگ html دستور مرورگر را به انتظار یک سند HTML، به عبارت دیگر یک صفحه وب می دهد.

برچسب های سر و عنوان برای نشان دادن متن هایی که در بالای پنجره مرورگر نمایش داده می شوند، و برچسب بدن نشان دهنده متن است که در پنجره مرورگر اصلی نمایش داده می شود. برچسب پاراگراف برای جدا کردن متن به پاراگرافها استفاده می شود.

اکثر تگ های HTML متشکل از دو قسمت است: یک تگ باز و یک تگ بسته. برچسب ها با استفاده از براکت ها همانطور که در بالا ذکر شد محصور می شوند و براکت بسته شامل یک اسلش است؛ / پس از ایجاد صفحه وب، فایل با یک نام ذخیره می شود، با استفاده از برنامه افزودنی .htm یا html.

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

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

در XHTML تمام تگ ها باید حروف کوچک باشند. در HTML مهم نیست.

برچسب های تعطیل در XHTML مورد نیاز است. آنها همچنین در  اچ تی ام ال استاندارد بودند، اما درصورتیکه برچسب های بسته شدن حذف شوند، صفحات اغلب به درستی نمایش داده می شوند.

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

بنابراین مهم است که برای کسانی از ما که طراحی وب سایت با استفاده از HTML برای به روز رسانی مهارت های ما (و صفحات وب ما!)، و برای تازه واردان برای یادگیری XHTML از ابتدا مهم است.

Tagged
html | طراحی سایت در کرج | طراحی وب سایت در کرج | هلدینگ کیان تجارت فاوا

چگونه تبدیل شدن یک سند به HTML

چگونه تبدیل شدن یک سند به HTML

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

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

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

۱٫ DOCUMENT خود را پیدا کنید – از منوی File که در مایکروسافت ورد مشاهده میکنید، سند ذخیره شده را انتخاب کرده و آن را باز کنید، نمیتوانید تبدیل آن را حتی اگر آن را انتخاب کردهاید، تبدیل کنید، پس این را در ذهن داشته باشید.

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

۳٫ CONVERT IT- هنگام ذخیره سند خود را در حال حاضر، به File بروید، روی Save As کلیک کنید و گزینه ای برای ذخیره به عنوان یک صفحه وب یا Save as HTML خواهید گرفت. شما می توانید یکی را انتخاب کنید و ذخیره را کلیک کنید. در حال حاضر، یک صفحه وب را باز کرده و به فایل اسناد خود بروید، این سند را برای باز کردن آن انتخاب کنید، آن را در قالب HTML انجام دهید.

برای فرمت های PDF، من پیشنهاد می کنم اول آنها را به Word بسپارید و سپس آنها را به فرمت HTML تبدیل کنید، اما شما همچنین می توانید این اسناد را به عنوان HTML با استفاده از Acrobat Professional ذخیره کنید.

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

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

۴٫ فرمت کردن DOCUMENT – Kindle از استفاده از حاشیه ها به نحوی که ممکن است به آن عادت کنید استفاده نکنید. پیشنهاد می کنم از یک ورق سبک برای قالب کردن کتاب خود استفاده کنید و فراموش نکنید که CSS (Cascading Style Sheets) را تا آنجا که می توانید استفاده کنید.

بعضی از قوانین CSS، متاسفانه، پشتیبانی نمی شوند و یا حداقل در Kindle پشتیبانی می شوند: اکثر موارد مربوط به حاشیه ها و فونت ها است. بهترین کنترل اندازه قلم را می توان با استفاده از برچسب های عنوان

(<h1>, <h2>, <h3>, etc.).

برچسب های <big> و <small> به شما اجازه می دهد تا اندازه ی دو یا چند اندازه را به اندازه ی پایین تنظیم کنید.

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

 

Tagged
html | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

HTMLچگونه کار می کند؟

HTMLچگونه کار می کند؟

HTML یک زبان نشانه گذاری مبتنی بر SGML بسیار پیچیده است که برای ایجاد اسناد hypermedia استفاده می شود.

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

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

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

عناصر و برچسب ها در یک صفحه HTML

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

<HTML>

the closing tag is written

</HTML>

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

 

<HTML>

 <HEAD>

<TITLE>This is my first web page</TITLE>

 </HEAD>

 <BODY> Main heading A paragraph </BODY>

 </HTML>

در مثال بالا، تگ HTML به عنوان نوع HTML به یک مرورگر وب توصیف می کند. برچسب HEAD که شامل عنوان صفحه نیز شامل متا تگ ها و چند عنصر اچ تی ام ال دیگر است. برچسب BODY قسمت اصلی سند است و برچسب عنوان را شامل می شود و آن را اعلام می کند<h1>و برچسب پاراگراف جدید.

برچسب های ویژه با براکت های زاویه ای برای نشان دادن قالب بندی یا ساختار اطلاعات در یک صفحه وب استفاده می شود. مرورگرهای وب مفسران زبان اچ تی ام ال هستند. وقتی مرورگر اینترنتی مانند Internet Explorer یک فایل «.html» باز می کند، تمام برچسب ها را می خواند و سپس تفسیر خود را از صفحه نمایش می دهد.

 

لینک های Hypertext

 

مهمترین جنبه اسناد HTML این است که اجازه می دهد تا متن فوق را به شبکه متصل کنیم. یک تگ لنگر ‘

 

<a target=”_new” rel=”nofollow” href=”document.html”>some text</a>

 

 

Tagged
HTML 5 | طراحی سایت در کرج | طراحی وب سایت در کرج | کیان تجارت فاوا

HTML 5 چیست؟

HTML 5 چیست؟

برای درک HTML 5، شما باید کمی درباره HTML بدانید. HTML مخفف HyperText Markup Language است که قالب کد استاندارد مورد استفاده برای ایجاد صفحات وب است.

این کدها، همچنین به عنوان برچسب ها شناخته می شوند، توسط کوچکتر از (<) و بزرگتر از (>) براکت محصور می شوند. براکت باز با یک عنصر دنبال می شود که یک دستور مرورگر است و با پایه بسته به پایان می رسد.

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

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

 

زبان نشانه گذاری بیش از حد متن

 

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

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

همانطور که اینترنت شروع به رشد کرد، تصاویر و ویدیو باید در این صفحات وب گنجانده شود، به این معنی که کد HTML اصلی باید تجدید نظر شود.

 

درک بیشتر در مورد کد HTML

از زمان تأسیس آن در سال ۱۹۹۰، از ۴ سال پیش تاکنون ۴ مورد از این اصلاحات با ۴ استاندارد سازی شده است. با این حال، به دلیل تقاضای زیاد رسانه های غنی در قالب عناصر تعاملی، انیمیشن، ویدئو و تعداد توده ای از تصاویر، یک نسخه جدید باید در آثار قرار داده شود.

در حال حاضر مهم است بدانیم که به دلیل عدم وجود مجوز زبان نشانه گذاری بیش از حد متن از HTML 4، بسیاری از شرکت ها مجبور بودند کد خود را برای ساخت فیلم ها و یا سایر فرمت های دیگر، طراحی کنند.

این کدها در قالب پلاگین هایی هستند که توسط شرکت هایی مانند RealPlayer، Windows Media Player، QuickTime و Adobe Flash ساخته شده اند.

 

HTML 5 و آنچه که هست

این جایی است که HTML 5 در نهایت در هیئت مدیره آمده است. از درون خود کد، این نسخه جدید، وعده خود را در ارائه قابلیت های جاسازی ویدئو و انواع دیگر جنبه های رسانه های غنی را حفظ می کند.

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

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

اگر چه این تنها چند قابلیت است که HTML 5 ارائه می دهد، این یک جهش بسیار بزرگی از کد HTML 4 است که بیش از ۱۰ سال پیش استاندارد شده است.

بنابراین، در حالی که هر کس پیش بینی کرده است که تمام ویژگی هایی که با این زبان نشانه گذاری متن فوق العاده ارائه شده اند، طراحان و برنامه نویسان در حال حاضر بیشتر و بیشتر در مورد ویژگی های اضافی که زندگی خود را بسیار ساده تر با HTML 5 می آموزند.

 

Tagged