طراحی وب -درس اول آموزش HTML :: بهترین های آموزش با ♥کامپیوترگل♥آموزش طراحی وب و چتروم

طراحی وب -درس اول آموزش HTML

۱۲ مرداد ۹۴ ، ۱۹:۰۲ طراحی وب ۱ نظر

نحوه کارکرد وب چگونه است؟

اطلاعات صفحات وب داخل فایلهائی به نام Web Pages و یا متن های وب (HTML documents) قرار دارند. این فایلها یا صفحات ، روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند. برای دیدن صفحات وب از نرم افزاری به نام مرورگر و یا Web Browser استفاده می شود.

سرورهای وب یا Web Servers کامبیوترهایی هستند که با کمک استاندارد ارتباطی HTTP به تبادل اطلاعات با مرورگرها (web Clients) می پردازند. مرورگرهای وب را Web browsers یا web Clients هم می نامند .
دو مرورگر Internet Explorer و Firefox جزو معروفترین مرورگرها محسوب می شوند.
مرورگر Internet Explorer متعلق به شرکت مایکروسافت و مرورگر Firefox متعلق به شرکت Mozilla میباشد.
مرورگر ّ Firefox دارای امنیت بیشتری بوده و بصورت open Source می باشد و نسبت به Internet Explorer برتر محسوب می شود.

یک فایل HTML چیست؟

HTML را "اچ تی ام ال" و یا HTML بخوانید.
HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.
یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
یک فایل HTML باید دارای انشعاب htm و یا html باشد.
یک فایل HTML فایلی از نوع متن و text میباشد که با هر ویرایشگر و ادیتور ساده ای قابل ایجاد است.

تگ یا Tag یا متا تگ چیست ؟

یک تگ HTML چیزی شبیه <p> abc </p> است. که abc می تواند هر چیزی باشد. وظیفه اصلی تگ های ( HTML ( markup tags بیان چگونگی نمایش اطلاعات میباشد و همچنین مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند. وظیفه اصلی تگ های HTML بیان نحوه چیدن و قرارگرفتن اطلاعات است و ظاهر نمایش با CSS میباشد.

<p> این علامت تگ باز یا شروع می باشد و <p/> علامت تگ بسته یا پایان می باشد که باید توجه کنید که همیشه تگ بسته یا پایان را بگذارید.( برخی از تگها فقط تگ شروع دارند و تگ بسته ندارند که در ادامه توضیح خواهیم داد.)

چگونه یک فایل HTML بسازیم؟

اگر از ویندوز مایکروسافت استفاده می کنید، Notepad را باز کرده (کاربران Mac از SimpleText استفاده کنند ) و متن زیر را در آن تایپ کنید:

<html>

<head>
<title>title of page </title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

سپس فایل را با نام مثلا test.html در درایو c ذخیره کنید(اغلب مرورگرها هر دو نوع پسوند HTM و HTML را به خوبی می شناسند ولی ترجیحا به هنگام ذخیره فایلهای HTML از html استفاده کنید. استفاده از پسوند های سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.

برای دیدن فایل HTML بالا در مرورگر یا Browser تان کافی است که روی فایل Test که در درایو C ذخیره کردید دابل کلیک کنید تا صفحه جدیدی در مرورگرتان باز شود.این یک صفحه وب است به همین سادگی!!! ( به آدرس فایل در قسمت Address Bar توجه کنید، مثلا file:///C:/test.html)

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

توضیح عناصر یا تگ های مثال بالا

اولین تگ مثال بالا تگ <html> میباشد. از روی این تگ، مرورگر نوع متن یعنی HTML بودنش را یافته و از روی <html/> انتهای متن HTML را می یابد.

متن بین تگ <head> و تگ <head/> اطلاعات شناسنامه ای یا "Header information" متن HTML بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای <title> و <title/> تیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد.

متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگر نمایش داده خواهند شد و مرورگر شما اطلاعات بین تگ Head را نمایش نخواهد داد.

متن بین تگ <h1> و انتهای آن یعنی تگ <h1/> برای سرتیتر ها به کار می رود.

متن بین تگ <p> و انتهای آن یعنی تگ <p/> به عنوان یک پاراگراف نمایش می دهند.

طراحی وب

۸۸۲ امیر اعلایی ۰ ۰

نظرات (۱)

۱۲ مرداد ۹۴ ، ۱۹:۱۳

oja ojaei

فوران آدرنالین

هیجان پرش از ارتفاع

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.

نام *

پست الکترونيک

سایت یا وبلاگ

پیام *

شما میتوانید از این تگهای html استفاده کنید:

نظر بصورت خصوصی ارسال شود

پست الکترونیک برای عموم قابل مشاهده باشد

درباره من

جدیدترین وبهترین دانستنیهای کامپیوتر _♥کامپیوترگل♥
بازی کلش اف کلنز
دانلود نرم افزار های جدید و کاربردی
نقد و بررسی و کدهای تقلبی بازی ها
فیلم های آموزش کامپیوتر رایانه
آموزش مبتدی تا پیشرفته
برنامه و گیم های موبایل(جاوا،اندروید،ویندوز موبایل،سیمبین)
آموزش و سورس و کامپوننت های ویژال بیسیک
آموزش برنامه نویسی
آموزش تصویری چت روم
پلاگین ها و آموزش های کل چت روم
قالب ها وپوسته ها و کد های جدیدوردپرس
طراحی سایت و وبلاگ و وبسایت
همه و همه درسایت کامپیوتر گل
کامپیـــــــــوتر گــــــــل
همیشه در کنــــــــــــــار شما ♥♥♥همیشه در خدمــــــــت شما