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

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

با توجه به مطالبی که در قسمت قبل درباره کدنویسی گفتیم ، در اینجا به توضیح استفاده از چند کد دیگر شامل اضافه کردن لینک به تصاویر یا متن و چگونگی ایجاد بلوک های اصافی در قالب وبلاگ یا سایت می پردازیم.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های 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. کیهان ابراهیمی نژاد گفت:

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

  3. علی گفت:

    واقعا که خیلی خیلی خیلی تکید

  4. جاوید تبریزلی گفت:

    از مطالب خوبتون ممنون . یاشاسین

  5. آریان گفت:

    سلام
    ممنون
    دستتون درد نکنه باز هم منتظر آموزش های بعدی هستیم

  6. بهنام گفت:

    خسته نباشید

  7. محسن آزرمی گفت:

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

  8. شاهین منگورکردستانی گفت:

    بسیار عالیست من خیلی می پسندم

  9. meisam گفت:

    استفاده کردیم

  10. hamid گفت:

    دستتون درد نکنه یه خورده لطفاً واضح باشد.
    ممنون

  11. سید محمد جواد رکنی گفت:

    خیلی استفاده کردم. منتظر ادامه بحث هستم

  12. همنشین گفت:

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

  13. HASAN گفت:

    از ایده پردازی شما سپاسگزایم

  14. mahdi faraji گفت:

    خیلی باحال بود دمت گرم

  15. mohammad nasiri گفت:

    عال بود…very good

  16. رامین گفت:

    عالی بود.
    دستتون واقعا درد نکنه

  17. تیمور گفت:

    چطور روی هدر قالب تصاویر لینک دار یا بنر تبلیغاتی قرار دهیییییییییییییییییییییییم!!؟؟؟

  18. علیرضا گفت:

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

  19. lمجتبی گفت:

    سلام سایتتون وری توپه

  20. mohsen گفت:

    salam
    mamnoon bahal bood

  21. آریان گفت:

    زیادی ابتدایی نیست…

  22. احسان گفت:

    خیلی سخت بود برام

  23. mohammad safariyan گفت:

    vaghan bayad gof harf nadare

  24. alireza گفت:

    عالی بود ممنون

  25. ALISHEYTOON گفت:

    مرسی – مفید بود.

  26. غلامرضا نوروزی گفت:

    تشکر میکنم توپه توپه

» ارسال نظرات

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