آموزش کدنویسی شماره ۲
با توجه به مطالبی که در قسمت قبل درباره کدنویسی گفتیم ، در اینجا به توضیح استفاده از چند کد دیگر شامل اضافه کردن لینک به تصاویر یا متن و چگونگی ایجاد بلوک های اصافی در قالب وبلاگ یا سایت می پردازیم.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های 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>
که نتیجه کار در صفحه بدین صورت نمایش داده می شود :
عالی،قربونتون
سلام
دست درد نکنه
سلام حرف نداره لطفا ادامه بدین دست گلتون درد نکنه
قالب ها کم بود.باتشکر
سلام!
ممنون از سایت خوبتون! فقط بحث آموزش کد نویسی رو تا حد حرفه ای ادامه بدین!
اگه می شه کد نویسی ابزارهای دیگه ای که توی وبلاگ به کار می رن مثل اسلایدر و ساعت و … رو هم آموزش بدین.
با تشکر
سلام خیلی عالی بود.
خیلی از مشکلاتم را حل کردید. فقط یک درخواست:
لطفا ادامه دهید…
بسیار عالی و مفید
از آموزش بسیارمفیدشما ممنونیم.
سلام قالب های مذهبی کم بود
سلام ممنون از اموزش های مفیدتون
خیلی به دردم خورد ممنونم
شماره ۳کو