PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : آموزش html


shokri_bahare
15th June 2013, 03:31 PM
html از مهمترین زبان ها برای برنامه نویسی می باشد. در این زبان شما باید با تگ ها(برچسب) آشنا شوید زیرا هر کدام از این تگ ها کاربرد ویژه و خاص خود را دارند همچنین این تگ ها به مرورگر دستورات خود را اعلام کرده و نمایش می دهند.همچنین در این قسمت به تعریف html ( آموزش Html ) و همچنین توضیح تگ ها می پردازیم.فراموش نشود که در صورتی که دستورات به درستی نوشته نشوند در مرورگر دیده نمی شود.
شما می توانید با فراگیری زبان Html و یادگیری تکنولوژی های طراحی وب سایت بتوانید یک وب سایت کاربردی برای خود ایجاد کنید.
http://sitedesign-co.com/Administrator%5Cfiles%5CUploadFile%5Chtml.jpeg
با توجه به اینکه طراحی وب سایت نیازمند آموزش HTML می باشددر قسمت آموزش Html تمامی تگ ها به صورت کامل توضیح داده شده است.
در این بخش با آموزش html میخواهیم شما را با تگ ها و کاربرد آن ها آشنا کنیم.

منبع:طراحی سایت (http://www.sitedesign-co.com/)
shokri_bahare
18th June 2013, 10:41 AM
در ابتدا به مفهوم تگ می پردازیم؛تگ به زبان فارسی به معنای برچسب می باشد و ما باید دستورات خود را داخل تگ بنویسیم به عبارتی اگر بخواهیم برای جزئی از یک صفحه توضیح بنویسیم آن را داخل تگ قرار می دهیم.حاصل تگ عبارتی است که داخل تگ می نویسیم.

http://sitedesign-co.com/Administrator%5Cfiles%5CUploadFile%5Chtml-basics.jpg (http://sitedesign-co.com/Administrator%5Cfiles%5CUploadFile%5Chtml-basics.jpg)
معرفی برچسب ها(تگ)
تگ html
همیشه یک وب سایت با تگ html شروع میشود و با همین تگ به پایان می رسد.
مثال:

<تگ ابتدا> متن </تگ انتها>
تگ Head
دومین تگی که بعد از تگ اچ تی ام ال نوشته می شود تگ هد می باشد.تگ head شامل محتوای موجود در سایت می باشد.تگ body نیز در این تگ قرار دارد زیرا هر دوی این تگ ها شامل محتوای اصلی متن می باشند.همچنین تگ Body بعد از تگ head قرار می گیرد.
تگ title
در این تگ عنوان صفحه قرار می گیرد مانند

<title> عنوان صفحه </title>
ترتیب تگ ها:

<html >
<head>
</head>
<body>
My simple sample
</body>
</html>
هدف از این تگ ها ایجاد ساختمانی زیبا برای وب سایت می باشد.به طور کلطراحی وب سایت با بازی با این تگ ها بستگی دارد هر چه بیشتر بتوانید با این تگ ها آشنا شوید سایت شما اصولی تر خواهد بود.

منبع:طراحی سایت (http://www.sitedesign-co.com/)
shokri_bahare
29th June 2013, 09:36 AM
تگ Html
در این بخش از آموزش Html تگ های Html,Body,Head را به شما آموزش می دهیم.
تگ Html به صورت زوج بوده و بقیه تگ ها داخل تگ Html قرار می گیرند.این تگ بزرگترین تگ موجود می باشد زیرا سایر تگ ها داخل این تگ قرار می گیرند.
تگHead
از این تگ بلافاصله پس از تگ Html استفاده می شود.تگ Head از مهمترین تگ ها می باشد به خاطر داشته باشید که در تگ Head همه ی موارد نوشته شده نمایش داده نمی شود و در این تگ فقط تگ های Base,Link,Meta,Title,Style,Script قابل مشاهده می باشد.
تگBody
تگ Body پس از تگ Head قرار می گیرد.تمامی عکس ها و فونت های به کار برده در این تگ قرار می گیرد.شما می توانید سایز قلم،رنگ قلم و سایر مواردی که در صفحات وب دیده می شود را در این تگ تعیین کنید.
مثال زیر نحوه ی کاربرد تگ های Html,Head,Body را نشان می دهد.

<html>


<head>


.


.


.


.


</head>


<body>


.


.


.


.


</body>


</html>


منبع:طراحی سایت (http://www.sitedesign-co.com/index.aspx)

- - - به روز رسانی شده - - -

تگ Title
در این بخش از آموزش Html تگ Title را به شما آموزش می دهیم.
متنی که بین تگ Title قرار می گیرد عنوان دیده شده در مرورگر را نمایش می دهد.بهتر است تعداد کاراکتر موجود در این تگ از 15 کاراکتر بیشتر نشود.این تگ به صورت جفت می باشد.(<title></title>)


این تگ داخل تگ Head قرار می گیرد.توجه داشته باشید که تگ Title برای موتورهای جستجو گوگل بسیار حائز اهمیت می باشد.
مثال زیر کاربرد تگ Title را نشان می دهد.

<html>
<head>
<title>This is a TEST !</title>
</head>
<body>
</body>
<html>
خروجی: This is a TEST

منبع:طراحی سایت (http://www.sitedesign-co.com/index.aspx)
shokri_bahare
1st July 2013, 10:34 AM
تگ Style

در این بخش از آموزش Html ، تگ Style را به شما آموزش می دهیم.

با استفاده از تگ Style خواص و تنظیمات مورد نیاز را برای هر دستور تعیین می کنیم.همچنین تگ style تغییر شکل،ویرایش،افزودن جلوه های مختلف و ... را شامل شود.
این تگ شامل یکسری عناصر می باشد که عبارتنداز:

√تعیین خواص مورد نظر در خاصیت Style در درون تگ عنصر
√تعیین خواص عناصر در تگ Style در بخش Head هر صفحه برای عناصر آن صفحه.
√تعیین خواص از طریق یک تگ Style بیرونی و پیوند آن عنصر به تگ Style .

مثال زیر کاربرد تگ Style را در بخش آموزش html نشان می دهد.


<p style=" color:white; border:solid 1px red; width:100px; background-color:blue; font-size:10pt; text-align:center; "> متن پاراگراف </p>


منبع:طراحی سایت (http://www.sitedesign-co.com/)
shokri_bahare
1st July 2013, 10:36 AM
تگ Link

در این بخش از آموزش Html ، تگ Link را به شما معرفی می کنیم.

از تگ link برای برقرای ارتباط و لینک دادن به سایر صفحات وب استفاده می شود.این تگ به صورت یکه می باشد.<link/>

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

http://sitedesign-co.com/Administrator%5Cfiles%5CUploadFile%5Clink.jpg


در تگ link خاصیت charset شیوه و روش کدنویسی صفحه مقصد پیوند را مشخص می کند.همچنین برای نمایش نحوه ی باز شدن و نمایش پنجره صفحه مقصد از خواص زیر استفاده می کنیم که شامل:
blank : در این خاصیت لینک در یک پنجره جدید باز می شود.
parent : لینک در قابل اصلی باز خواهد شد.
self : لینک در همان پنجره یا قابی که کلیلک شده است باز می شود.
top : لینک در همان پنجره ای که کلیک شده است به طور کامل باز خواهد شد.

مثال زیر کاربرد تگ link را در بخش آموزش html نشان می دهد.


<html>
<head>
<link rel="stylesheet" type="text/css" href="آدرس فایل سی اس اس">
</head>

منبع:طراحی سایت (http://www.sitedesign-co.com/)

استفاده از تمامی مطالب سایت تنها با ذکر منبع آن به نام سایت علمی نخبگان جوان و ذکر آدرس سایت مجاز است

استفاده از نام و برند نخبگان جوان به هر نحو توسط سایر سایت ها ممنوع بوده و پیگرد قانونی دارد