loading...
P30 Programmer | پی سی برنامه نویس | آموزش برنامه نویسی | دانلود پروژه برنامه نویسی | دانلود نرم افزار و بازی | کلیپ |
admin بازدید : 759 یکشنبه 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" />

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 585 یکشنبه 22 تیر 1393 نظرات (0)

 

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

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

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

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

<style   type="text/css" >

   .

   . Css Code

   .

</style>

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 285 یکشنبه 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" />

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 286 یکشنبه 22 تیر 1393 نظرات (0)

Meta Tag ها

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

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

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

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 287 یکشنبه 22 تیر 1393 نظرات (0)

تگ عنوان Title

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

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

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

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

<html>

    <head>

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

      .

      .

   </head>

   <body>

      .

      .

      .

   </body>

</html>

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 232 یکشنبه 22 تیر 1393 نظرات (0)

تگ Html

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

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

 <html>

   .

   .

   .

</html>

 

تگ Head

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

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

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

<title>, <meta>, <link>, <script>, <style>

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

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

<html>

    <head>

      .

      .

      .

   </head>

   .

   .

   .

</html>

 

تگ Body

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

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

<html>

    <head>

      .

      .

      .

   </head>

   <body>

      .

      .

      .

   </body>

</html>

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

 

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 276 یکشنبه 22 تیر 1393 نظرات (0)

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

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

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

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

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 329 یکشنبه 22 تیر 1393 نظرات (0)

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

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

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

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

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 227 یکشنبه 22 تیر 1393 نظرات (0)

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

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

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

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

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 272 یکشنبه 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 رويدادی است که در هنگام خارج شدن صفحه از حافظه ( بستن ) اجرا می شود .

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 273 یکشنبه 22 تیر 1393 نظرات (0)

ویژگی های رویداد در HTML

در این بخش از آموزش HTML ، انواع رویدادها در HTML را شرح میدهیم. 

تمام عناصر در HTML میتواننند شامل رویدادهایی باشند. رويدادها مجموعه عمل هايی هستند که در صورت بروز يک اتفاق در صفحه ( مثل کليک کردن بر روی يک عنصر ، دابل کليک ، فشردن دکمه خاص و ... ) عکس العمل نشان داده و باعث اجرای دستور يا دستورات تعيين شده برای آن اتفاق خاص می شوند .

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

 ویژگی های رویداد در HTML به چند قسمت زیر تقسم میشوند:

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

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 323 یکشنبه 22 تیر 1393 نظرات (0)

خصوصيات استاندارد تگ های HTML :

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

خصوصيات اصلی تگ های اچ تی ام ال

نکته :  اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

نام خاصيت نوع خاصيت شرح
class نام کلاس عنصر مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد .
id id عنصر مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت .
style   يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند .
title text
متن		 متنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود .

 

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 217 یکشنبه 22 تیر 1393 نظرات (0)

تگ های HTML

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

< تگ انتها / >    محتويات    < تگ ابتدا >

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

 

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 250 یکشنبه 22 تیر 1393 نظرات (0)

HTML چیست ؟

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

به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

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

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

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

درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 130 پنجشنبه 29 خرداد 1393 نظرات (0)

افکت ( ) fadeTo در jQuery

در این بخش از آموزش jquery ، افکت fadeTo را در طراحی سایت آموزش می دهیم.

افکت fadeTo میزان شفافیت و وضوح نمایش یک عنصر را به تدریج به یک مقدار تعیین شده از سوی کاربر تغییر می دهد .
به عبارت دیگر افکت fadeTo میزان نور نمایش یک عنصر را کم یا زیاد می کند . شکل کلی استفاده از این متد به شرح زیر است :

$ ( " selector " ).fadeTo ( speed , opacity , callback )




درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 138 پنجشنبه 29 خرداد 1393 نظرات (0)

دستورات پشت سر هم (زنجیره ای) در جی کوئری

 در جی کوئری می‌توان از خصوصیت فراخوانی زنجیره‌ای متدھا استفاده نمود و این باعث می‌شود چندین کد فقط در یک سطر قرار گیرد و در نتیجه کد بسیار مختصر گردد.

در مثال زیر می‌خواهیم تمام عناصر  تگ <div>  در صورتی که دارای کلاس notLongForThisWorld باشند را مخفی (با فید شدن) کنیم.

$("div.notLongForThisWorld").fadeOut();

یکی از مزیت‌های اکثر متدهای قابل اجرا بروی مجموعه عناصر انتخاب شده آن است که خروجی خود آنها مجموعه‌ای دیگر است. به این معنا که خروجی این متد، آماده اعمال یک متد دیگر است.
فرض کنید در مثال بالا بخواهیم پس از مخفی کردن هر تگ <div> بخواهیم یک کلاس به نام removedبه آن بیافزاییم. به این منظور می‌توان کدی مانند زیر نوشت:

$("div.notLongForThisWorld").fadeOut().addClass("removed");

این زنجیره متدها می‌توانند به هرتعداد ادامه پیدا کند.


درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 131 پنجشنبه 29 خرداد 1393 نظرات (0)

تابع Callback در jquery

تابع Callback در جیکوئری بعد از اینکه عمل مخفی (و یا آشکار شدن) کامل شد اجرا می شود.

مثال با تابع Callback

در مثال زیر تابع  alert  بعد از اجرا شدن  افکت hide  اجرا میشود:

$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});

 مثال بدون تابع Callback

در مثال زیر تابع  alert  قبل از اجرا شدن افکت hide  اجرا میشود:

$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});

درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 236 پنجشنبه 29 خرداد 1393 نظرات (0)

رویداد mouseenter در jQuery

در این بخش از آموزش JQuery ، رویداد mouseenter را  در طراحی سایت شرح میدهیم.

رویداد mouseenter زمانی اتفاق می افتد که اشاره گر ماوس وارد محتوای تگ html می شود. 
شکل کلی استفاده از این متد به شرح زیر است :

$(selector).mouseenter(function) 


درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 121 پنجشنبه 29 خرداد 1393 نظرات (0)

رویداد ( ) click در jQuery 

در این بخش از آموزش JQuery ، رویداد click را در طراحی سایت  شرح میدهیم.

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

$ ( " selector " ).click ( function ( ) { ... some code ... } ;

selector : selector کنترلی است که کاربر بر روی آن کلیک می کند . 
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .



درباره آموزش طراحی وب , جی کوئری ,
ادامه مطلب ...
admin بازدید : 150 پنجشنبه 29 خرداد 1393 نظرات (0)

Database یا دیتابیس یا پایگاه داده یا بانک اطلاعاتی چیست ؟ 

دیتابیس یا پایگاه داده چیست ؟ بانک اطلاعاتی یا پایگاه داده یا دیتابیس (data base) به مجموعه ای از اطلاعات با ساختار منظم  گفته می شود. این پایگاه های اطلاعاتی معمولاً در قالبی که برای دستگاه ها و رایانه ها قابل خواندن و قابل دسترسی باشند ذخیره می شوند.

پایگاه داده اس کیو ال چیست ؟ با گسترش طراحی وب سایت های پویا در شبکه جهانی وب نیاز به یک پایگاه داده و بانک اطلاعاتی (database) بزرگ برای مدیریت محتوا  احساس میشد. مدیریت پایگاه داده ها یک فرایند پیچیده است ، که به طور قابل توجهی با برنامه و زبان برنامه نویسی SQL این نیاز برطرف شده است.

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



درباره sql server , آموزش کار با دیتابیس , اس کیو ال سرور ,
ادامه مطلب ...
admin بازدید : 138 پنجشنبه 29 خرداد 1393 نظرات (0)

HTML چیست ؟

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

به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

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

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

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


درباره آموزش طراحی وب , اچ تی ام ال ,
ادامه مطلب ...
admin بازدید : 164 سه شنبه 27 خرداد 1393 نظرات (0)

مرجع نام و شماره رنگ ها در CSS

در این بخش از آموزش css به توضیح ویژگی مرجع نام و شماره رنگ ها در CSS میپردازیم.

  Colors Value 

رنگ ها در css  با روش های زیر مقدار دهی میشوند.

  1. Hexadecimal colors
  2. RGB colors
  3. RGBA colors
  4. HSL colors
  5. HSLA colors
  6. color names




درباره آموزش طراحی وب ,
ادامه مطلب ...
admin بازدید : 668 سه شنبه 27 خرداد 1393 نظرات (0)

در این بخش از آموزش css به توضیح ویژگی آموزش و معرفی انتخابگرها CSS Selectors میپردازیم.

CSS Selectors

انتخابگر ها برای دادن الگوهای مورد نظر ما ، به عناصر به کاربرده میشوند .تمامی این انتخاب گرها را با ذکر مثال توضیح میدهیم . 

ما به تعریف تک تک ویژگی های  انتخابگرها در 3 قسمت میپردازیم :

  1. مرجع انتخابگرها در css ، بخش اول
  2. مرجع انتخابگرها در css ، بخش دوم
  3. مرجع انتخابگرها در css ، بخش سوم


برای آموزش سه مورد بالا به ادامه مطلب بروید.

درباره آموزش طراحی وب ,
ادامه مطلب ...
admin بازدید : 144 سه شنبه 27 خرداد 1393 نظرات (0)

float

در این بخش از آموزش css به توضیح ویژگی محل قرارگیری عناصر - خواص Clear , Float میپردازیم.

با این ویژگی از css موقعیت یک عنصررا می توانید سمت چپ یا راست تنظیم کنید.

یکی از پرکاربردترین ویژگی ها در css میباشد. بادادن این ویژگی به تگ ها شما میتوانید سایت های چند ستونه ایجاد کنید. 

این خاصیت یکی از پایه های اساسی در طراحی قالب بر اساس div می باشد.

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


.text 
{
float:left;
width:110px;
height:90px;
margin:5px;
}

clear

اگر عنصر ی بعد از عنصری که ویژگی float را دارد، خاصیت clear داشته باشد، اطراف عنصر ی که ویژگی float را دارد قرار نمی گیرد.

عنصر ی که خاصیت clear=both دارد و float نیز شده باشد، فقط عنصر هایی را که قبل از خودش آمده است، clear میکند . و عنصرهای بعدی را تحت تاثیر قرار نمیدهد

img
{
float:left;
}
p.clear
{
clear:both;
}



درباره آموزش طراحی وب ,
ادامه مطلب ...
admin بازدید : 137 سه شنبه 27 خرداد 1393 نظرات (0)

در این بخش از آموزش css ، تنظیم خواص باکس ها را آموزش میدهیم. همه ی عناصری که در  HTML   تعریف میشوند میتوانند این ویژگی ها را داشته باشند.

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



درباره آموزش طراحی وب ,
ادامه مطلب ...
admin بازدید : 125 سه شنبه 27 خرداد 1393 نظرات (0)

Font Family

در این بخش از آموزش css ، تنظیم قلم و فونت را آموزش میدهیم.

در css دو نوع از خانواده فونت ها وجود دارد.

  • "generic family" مثل  "Serif" یا "Monospace"
  • "font family" مثل "Times New Roman" یا "Arial"

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


ادامه مطلب ...
admin بازدید : 173 سه شنبه 27 خرداد 1393 نظرات (0)

Background

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

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

  1. background-color
  2. background-image
  3. background-repeat
  4. background-attachment
  5. background-position

درباره آموزش طراحی وب ,
ادامه مطلب ...
admin بازدید : 170 سه شنبه 27 خرداد 1393 نظرات (0)

تنظیم ابعاد در CSS

برای تنظیم ابعاد عناصر در CSS  از چند ویژگی میتوان استفاده کرد که مهمترین و اصلی ترین آنها Width و Height میباشد.

در ذیل به توضیح این ویژگی ها با توجه به ورژن تعریف شده در CSS میپردازیم.


درباره آموزش طراحی وب ,
ادامه مطلب ...
admin بازدید : 118 سه شنبه 27 خرداد 1393 نظرات (0)

یکی از روشهای تعریف css استفاده از روش External Style Sheet میباشد.

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

از CSS خارجی زمانی استفاده میشود که آن style در بیشتر صفحات استفاده شده باشد.
با استفاده از CSS خارجی ، شما با تغییر دادن تنهایک فایل میتوانید ظاهر سایت خود را تغییر دهید.هر صفحه بایستی به CSS Style مورد نظر خود لینک داده شود. بهترین روش برای گذاشتن CSS Style در صفحات وب ، CSS خارجی میباشد
با استفاده از تگ <link> در داخل بخش head شما میتوانید یک CSS خارجی تعریف کنید.
مثال :

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

CSS خارجی را میتوان در هر ویرایشگر متنی نوشت ، CSS Style ها باید با  فرمت css. ذخیره شوند. با استفاده از این سبک در واقع شما از یک Style میتوانید در چندین صفحه از وب سایت خود استفاده کنید.

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



درباره آموزش طراحی وب ,
ادامه مطلب ...
1 2 صفحه بعد

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

اطلاعات کاربری
  • فراموشی رمز عبور؟
    • لینک دوستان
  • ساسان اس ام اس
  • موبایل
  • سخت افزار+قیمت+ویژگی ها
  • پی سی دانلود
  • آسان دانلود
  • دانلود ها
  • دانلود رایگان
  • آخرین مطالب ارسال شده
    • آرشیو
  • تير 1393
  • خرداد 1393
  • اسفند 1392
  • دی 1392
  • مرداد 1392
  • تير 1392
  • خرداد 1392
  • ارديبهشت 1392
  • فروردين 1392
    • نظرسنجی
    کدام قسمت سایت مشکل داره؟
    شما در چه رده سنی می باشید؟
    آمار سایت
  • کل مطالب : 927
  • کل نظرات : 16
  • افراد آنلاین : 144
  • تعداد اعضا : 1600
  • آی پی امروز : 371
  • آی پی دیروز : 103
  • بازدید امروز : 932
  • باردید دیروز : 197
  • گوگل امروز : 0
  • گوگل دیروز : 1
  • بازدید هفته : 2,914
  • بازدید ماه : 2,914
  • بازدید سال : 56,094
  • بازدید کلی : 942,089

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