تگ لینک ( تگ Link )

          admin 
            بازدید : 755
          یکشنبه 22 تیر 1393
           نظرات (2)
        

تگ لینک ( Link ) :

این تگ حاوی خصیصه های مختلفی برای ارتباط با فایل های خارجی می باشد. توصیه می شود که تگ لینک ( تگ Link ) در بخش head سایت استفاده گردد.

مهمترین استفاده های آن :

1 - تعریف استایل ( Style ) خارجی :

مهمترین کاربرد این تگ تعریف استایل (Style) خارجی حاوی کدهای Css می باشد. یکی از روش های دیگر تعریف Css برای ظاهر و Style صفحه Html استفاده از فایل خارجی حاوی کد Css و تعریف آن در تگ Link در بخش Head صفحه می باشد.

برای نحوه ی استفاده از کدهای Css به بخش آموزش Css و دانستن مزایا و معایب این روش نسبت به روش های دیگر تعریف Css به بخش روش ها مراجعه نمایید.

برای تعریف Style خارجی فایل حاوی Css از کد زیر استفاده نمایید :

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

<link   rel="Stylesheet"   type="text/css" href="../Css/theme1.css" />

<link   rel="Stylesheet"   type="text/css" href="../Css/theme2.css" />

2 - تعریف آیکون صفحه :

- برای تعریف آیکون صفحه در بخش آدرس بار مرورگر وب نیز ، از تگ لینک استفاده میشود :

<link rel="icon" href="./Design/ICON.ICO" type="image/x-icon" />
و

<link rel="shortcut icon" href="./Design/ICON.ICO" type="image/x-icon" />

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

تگ استایل صفحه Style

          admin 
            بازدید : 581
          یکشنبه 22 تیر 1393
           نظرات (0)
        

تگ استایل صفحه ( Style ) :

یکی از روش های تعریف استایل Css ، استفاده از تگ استایل ( تگ Style ) در بخش head صفحات html است ، که با تعریف آن میتوان در تمام صفحه برای ظاهر سایت استفاده نماییم.

توضیح در مورد کدهای Css برای Style صفحات را در بخش آموزش Css و نیز مزایا و معایب تعریف این کدها نسبت به روش های دیگر تعریف Style با استفاده از Css را در بخش آموزش نوع تعریف دنبال نمایید .

طریقه ی تعریف آن بصورت زیر می باشد :

<style   type="text/css" >
   .

   . Css Code

   .

</style>

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

تگ اسکریپت Script

          admin 
            بازدید : 281
          یکشنبه 22 تیر 1393
           نظرات (0)
        

تگ اسکریپت (Script) :

این تگ برای تعریف اسکریپت های ( scripts ) مورد استفاده در صفحه از قبیل جاوا اسکریپت ، جی کوئری و ... می باشد.

نکته 1 : از تگ script ، میتوان در هر جای صفحه استفاده کرد اما توصیه میگردد در بخش head تعریف نشوند و در یک فایل خارجی جدا از سایت باشند و در صورت امکان آخرین کد html ، قرار داده شوند تا سرعت بارگزاری اولیه ی سایت بالا برود.

نکته 2 : از این تگ برعکس متاتگ ها میتوان چند بار استفاده نمود و مشکلی بوجود نمی آید.

به دو روش میتوان از تگ اسکریپت (Script) استفاده نمود :

1- تعریف اسکریپت داخلی :

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

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

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

طریقه ی استفاده از آن برای کد جاوا اسکریپت :

<script type="text/javascript" >
   .

   . محل کدهای جاوا اسکریپت

   .

</script>

2 - تعریف اسکریپت خارجی :

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

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

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

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

طریقه ی تعریف آن بصورت زیر می باشد:

<script language="JavaScript" src="آدرس فایل خارجی" />
<script language="JavaScript" src="./Scripts/functions.js" />

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

متا تگ ها ( Meta Tag )

          admin 
            بازدید : 279
          یکشنبه 22 تیر 1393
           نظرات (0)
        

Meta Tag ها

متاتگ ها ( Meta Tag ) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب مانند گوگل و یاهو نوشته می شنود تا در هرچه بهتر ایندکس کردن صفحات استفاده شوند.

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

نکته ی مهم : بیش از 70 % بازدید کنندگان سایت ها به طور متوسط از طریق موتور های جستجو مثل گوگل و یاهو وارد سایت ها می شوند.

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

تگ عنوان Title

          admin 
            بازدید : 279
          یکشنبه 22 تیر 1393
           نظرات (0)
        

تگ عنوان Title

یکی از مهمترین تگ ها هم برای کاربران و بازدید کننده های سایت و هم برای جستجوگرهای وب تگ عنوان ( تگ Title ) می باشد . متنی که داخل این تگ قرار میگیرد عنوان صفحه را مشخص میکند که در title bar مرورگر به کاربران نشان داده می شود.

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

در بخش آموزش سئو (seo) استفاده ی مناسب از این تگ و اینکه چه کلماتی استفاده شود بطور کامل توضیح داده شده است.

نحوه ی استفاده از آن بصورت زیر می باشد :

<html>
    <head>

      <title> متن عنوان صفحه </title>

      .

      .

   </head>

   <body>

      .

      .

      .

   </body>

</html>

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

تگ های ساختار Html , Head , Body

          admin 
            بازدید : 226
          یکشنبه 22 تیر 1393
           نظرات (0)
        

تگ Html

تگ html مشخص کننده ی شروع و پایان یک سند Html به مرورگر وب است.

بدین ترتیب که با <html> شروع شده و باقی کدها را نوشته و در پایان با <html/> سند Html را به پایان می رسانیم. بصورت زیر :

<html>
   .

   .

   .

</html>

تگ Head

تگ head یا معادل فارسی تگ سرانداز! اولین تگ در بدنه تگ html می باشد که حاوی یک سری اطلاعات برای مرورگر و نیز جستجوگر های وب می باشد.

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

تگ های مورد استفاده ی این بخش بصورت زیر است:

در ادامه ی آموزش بصورت کامل این تگ ها را توضیح خواهیم داد.

نحوه ی نگارش آن بصورت زیر است:

<html>
    <head>

      .

      .

      .

   </head>

   .

   .

   .

</html>

تگ Body

متن و عکس و بطور کلی اطلاعاتی که قرار است در سند html ما به کاربران توسط مرورگرهای وب نمایش داده شود در این بخش نوشته خواهد شد.

این تگ بعد از تگ head قرار میگیرد و تمامی تگ های نمایشی در این بخش نوشته می شوند. روش نگارش و محل قرار گیری آن بصورت زیر می باشد :

<html>
    <head>

      .

      .

      .

   </head>

   <body>

      .

      .

      .

   </body>

</html>

نکته ی مهم : یکی از مهمترین مسائلی که برنامه نویسان وب باید دقت کنند استفاده از تگ head و تعریف استایل ها و اسکریپت هایی است که به کم حجم کردن بدنه ی سند html ما در تگ body کمک میکند. بصورت مثال با تعریف یک استایل در تگ head و استفاده از آن در تگهای body از تعریف چند باره ی آن جلوگیری میگردد. در ادامه به این موضوع به طور مفصل می پردازیم .

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

رويدادهای صفحه کليد در HTML

          admin 
            بازدید : 272
          یکشنبه 22 تیر 1393
           نظرات (0)
        

رويدادهای صفحه کليد در HTML

رويدادهای صفحه کليد در HTML در کنترل های base , br , frame , frameset , head , html iframe , meta , param , script , style و title کاربرد ندارد .

رويدادهای صفحه کليد در HTML شامل رویدادهای زیر میشود:

رویداد	شرح
onkeydown	رويدادی که در هنگام فشردن يک کليد بر روی عنصر مورد نظر فعال می شود .
onkeypress	رويدادی که در هنگام فشردن و رها کردن يک کليد بر روی عنصر مورد نظر فعال می شود .
onkeyup	رويدادی که در هنگام رها کردن يک کليد فشرده شده بر روی عنصر مورد نظر فعال می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

رويدادهای موس در HTML

          admin 
            بازدید : 323
          یکشنبه 22 تیر 1393
           نظرات (0)
        

رويدادهای موس در HTML

رويدادهای موس در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script و title کاربرد ندارد .

رويدادهای موس در HTML شامل رویدادهای زیر میشود:

رویداد	شرح
onclick	اين رويداد در هنگام کليک کردن بر روی عنصر مورد نظر تحريک می شود .
ondblclick	اين رويداد در هنگام دابل کليک کردن بر روی عنصر مورد نظر تحريک می شود .
onmousedown	اين رويداد در هنگام فشردن دکمه موس بر روی عنصر مورد نظر تحريک می شود.
onmoouseover	اين رويداد در هنگام قرار گرفتن اشاره گر موس بر روی سطح عنصر مورد نظر تحريک می شود .
onmouseout	اين رويداد در هنگام خارج شدن اشاره گر موس از روی سطح عنصر مورد نظر تحريک می شود .
onmouseup	اين رويداد در هنگام رها کردن دکمه موس بر روی عنصر مورد نظر تحريک می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

رويدادهای عناصر فرم در HTML

          admin 
            بازدید : 224
          یکشنبه 22 تیر 1393
           نظرات (0)
        

رويدادهای عناصر فرم در HTML

رويدادهای عناصر فرم در HTML فقط در عنصرهای کنترلی فرمها کاربرد دارند .

رويدادهای عناصر فرم در HTML شامل رویدادهای زیر میشود:

رویداد	شرح
onblur	در هنگام از دست دادن فوکوس کنترل تحريک می شود .
onchange	در هنگام تغيير وضعيت يک کنترل تحريک می شود . برای مثال در کنترل textbox در هنگام تغيير متن درون آن تحريک می شود .
oncontextmenu	رويدادی است که منوی صفحه راه اندازی میشود اجرا می شود .
onfocus	در هنگامي که کنترل فوکوس را به دست می آورد ، تحريک می شود .
onformchange	رويدادی است که هنگام تغییر کردن صفحه اجرا می شود .
onforminput	رويدادی است که در هنگام وارد کردن اطلاعات در فرم توسط کاربر اجرا می شود .
oninput	رويدادی است که در هنگام وارد کردن اطلاعات در عنصر توسط کاربر اجرا می شود
oninvalid	رويدادی است که در هنگام نامعتبر بودن عنصر اجرا می شود.
onselect	در هنگام انتخاب کردن عنصر مورد نظر در فرم تحريک می شود .
onsubmit	در هنگام فشردن دکمه submit فرم و ارسال اطلاعات کنترل های فرم تحريک می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

رويدادهای پنجره در HTML

          admin 
            بازدید : 270
          یکشنبه 22 تیر 1393
           نظرات (0)
        

رويدادهای پنجره در HTML

رويدادهای پنجره در HTML فقط در عنصرهای body و frameset معتبر هستند .

رويدادهای پنجره در HTML شامل رویدادهای زیر میشود:

رویداد	شرح
onafterprint	رويدادی است که بعد از پرینت شدن سند اجرا می شود.
onbeforeprint	رويدادی است که قبل از پرینت شدن سند اجرا می شود.
onbeforeunload	رويدادی است که قبل از اجرای (load) سند اجرا می شود.
onerror	رويدادی است که هنگام وقوع ارور اجرا می شود.
onhaschange	رويدادی است که زمانی که سند تغییر میکند اجرا می شود.
onload	رويدادی است که در هنگام لود شدن ( بار گذاری ) صفحه اجرا می شود .
onmessage	رويدادی است که در هنگام اجرا شدن یک پیغام اجرا می شود .
onoffline	رويدادی است که در هنگام offline شدن سند اجرا می شود.
ononline	رويدادی است که در هنگام online شدن سند اجرا می شود.
onpagehide	رويدادی است که در هنگام مخفی شدن پنجره اجرا می شود.
onpageshow	رويدادی است که در هنگام آشکار شدن پنجره اجرا می شود.
onpopstate	رويدادی است که در هنگام تغییر کردن history ویندوز اجرا می شود.
onredo	رويدادی است که در هنگام از نو اجرا شدن سند اجرا می شود.
onresize	رويدادی است که در هنگام تغییر سایز پنجره اجرا می شود.
onstorage	رويدادی است که در هنگام به روز رسانی وب سایت اجرا می شود.
onundo	رويدادی است که در هنگام خنثی شدن سند اجرا می شود.
onunload	رويدادی است که در هنگام خارج شدن صفحه از حافظه ( بستن ) اجرا می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,

ادامه مطلب ...

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...92 93 صفحه بعد

تعداد صفحات : 93