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

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

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

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

  2. محمد می‌گه:

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

  3. وحید جعفری می‌گه:

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

  4. Chris Redfield می‌گه:

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

  5. یوسف می‌گه:

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

  6. بازار مشهد می‌گه:

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

  7. طاهرزنگنه می‌گه:

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

  8. سعید می‌گه:

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

  9. محمد می‌گه:

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

  10. مهدی رمضانیان می‌گه:

    شماره ۳کو

» ارسال نظرات

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