آموزش کدنویسی شماره ۲

موضوع : کدهای کاربردی   |  بازدید : 55253 مرتبه

با توجه به مطالبی که در قسمت قبل درباره کدنویسی گفتیم ، در اینجا به توضیح استفاده از چند کد دیگر شامل اضافه کردن لینک به تصاویر یا متن و چگونگی ایجاد بلوک های اصافی در قالب وبلاگ یا سایت می پردازیم.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های Microsoft FrontPage و یا Adobe Dreamweaver استفاده کنید چرا که اگر در محیط کدنویسی دچار مشکل یا خطا شوید به راحتی قابل رفع خواهد بود. این برنامه ها دارای ۲ محیط کدنویسی و گرافیکی می باشند که با اعمال تغیرات در محیط کدنویسی نتیجه کار در محیط گرافیکی و برعکس قابل مشاهده خواهد بود.

 

نحوه درج لینک بر روی یک متن :

<a href="http://www.blogskin.ir" target="_blank" >قالب رایگان وبلاگ</a>

در کد بالا مقدار عبارت href برابر با آدرس لینک مورد نظر قرار می گیرد که با کلیک روی آن به آدرس مورد نظر خواهید رفت . عبارت target="_blank" برای زمانی استفاده می شود که می خواهیم با کلیک روی لینک یک صفحه جدید باز شود و آدرس صفحه مورد نظر را نمایش دهد و در صورت عدم استفاده ازین عبارت با کلیک بر روی لینک در همان صفحه به آدرس لینک موردنظر خواهید رفت. در این کد ، تنها وجود قسمت href ضروری است و درج بقیه عبارات اختیاری است.
همانطور که می بینید پس از درج متن مورد نظر بین تگ لینک ، باید این تگ را ببندیم </a>
کد بالا بصورت روبرو در صفحه قابل نمایش است : قالب رایگان وبلاگ

حال برای تغیر رنگ و یا سایز فونت لینک کافی است کد زیر را به آن اضافه کنیم :

<a href="http://www.blogskin.ir" target="_blank"> <font style="color:#000000;font-size:12pt"> قالب رایگان وبلاگ </font></a>

کد بالا بصورت روبرو در صفحه قابل نمایش است : قالب رایگان وبلاگ

اکنون برای لینک دار کردن یک تصویر کافی است عبارت درج لینک را قبل از کد تصویر قرار دهیم :

<a href="http://www.blogskin.ir" target="_blank">
<img border="0" src="http://bloghelp.ir/helppic/help11.jpg" width="202" height="175" alt="Blog Skin"></a>

که نتیجه کار در صفحه بدین صورت نمایش داده می شود : Blog Skin

نظرات دوستان درمورد بخش پشتیبانی قالب ها و یا سوالات متفرقه پس از پاسخ به آدرس ایمیل شما ، از سایت حذف خواهند شد و ارتباط شما با سایت تنها از طریق آدرس ایمیل امکان پذیر است !

۱۰۵ نظر به آموزش کدنویسی شماره ۲

  1. احسان جلالی گفت:

    عالی،قربونتون

  2. TRAWIAN گفت:

    سلام
    دست درد نکنه

  3. محمد گفت:

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

  4. وحید جعفری گفت:

    قالب ها کم بود.باتشکر

  5. Chris Redfield گفت:

    سلام!
    ممنون از سایت خوبتون! فقط بحث آموزش کد نویسی رو تا حد حرفه ای ادامه بدین!
    اگه می شه کد نویسی ابزارهای دیگه ای که توی وبلاگ به کار می رن مثل اسلایدر و ساعت و … رو هم آموزش بدین.
    با تشکر

  6. یوسف گفت:

    سلام خیلی عالی بود.
    خیلی از مشکلاتم را حل کردید. فقط یک درخواست:
    لطفا ادامه دهید…

  7. بازار مشهد گفت:

    بسیار عالی و مفید

  8. طاهرزنگنه گفت:

    از آموزش بسیارمفیدشما ممنونیم.

  9. صندوق امام سجاد علیه السلام گفت:

    سلام قالب های مذهبی کم بود

  10. سعید گفت:

    سلام ممنون از اموزش های مفیدتون

  11. محمد گفت:

    خیلی به دردم خورد ممنونم

  12. مهدی رمضانیان گفت:

    شماره ۳کو

» ارسال نظرات

تمام حقوق این سایت و مطالب منتشر شده در آن برای مرجع راهنمای وبلاگ نویسان محفوظ است.