آموزش کدنویسی شماره ۲
با توجه به مطالبی که در قسمت قبل درباره کدنویسی گفتیم ، در اینجا به توضیح استفاده از چند کد دیگر شامل اضافه کردن لینک به تصاویر یا متن و چگونگی ایجاد بلوک های اصافی در قالب وبلاگ یا سایت می پردازیم.
چنانچه تمایل به ویرایش بهتر کد قالب در محیط حرفه ای تری دارید از برنامه های 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>
که نتیجه کار در صفحه بدین صورت نمایش داده می شود :
****واقعاً دستتون دردنکنه عالیه ****
((((((((((((((((())))))))))))))))))))
ارائه چنین راهنمائیهایی کمک بزرگی است به وبلاگ نویسان و هرچه زیباتر و با کیفیت تر شدن فضاهای مجازی . من به سهم سپاسگزارم
واقعا که خیلی خیلی خیلی تکید
از مطالب خوبتون ممنون . یاشاسین
سلام
ممنون
دستتون درد نکنه باز هم منتظر آموزش های بعدی هستیم
خسته نباشید
یه بار دیگه هم به داد من رسیدید. لینک تصویری گذاشتن رو یاد گرفتم ، خیلی حال داد. دمتون گرم…
بسیار عالیست من خیلی می پسندم
استفاده کردیم
مرسی خوبه
دستتون درد نکنه یه خورده لطفاً واضح باشد.
ممنون
خیلی استفاده کردم. منتظر ادامه بحث هستم
سلام آموزشاتون خیلی عالی بود .خیلی استفاده کردم
از ایده پردازی شما سپاسگزایم
خیلی باحال بود دمت گرم
عال بود…very good
SALAM KARET DOROSTE
عالی بود.
دستتون واقعا درد نکنه
very tooop
چطور روی هدر قالب تصاویر لینک دار یا بنر تبلیغاتی قرار دهیییییییییییییییییییییییم!!؟؟؟
من که وبلاگ نویسی رو از شما یاد گرفتم
سلام سایتتون وری توپه
salam
mamnoon bahal bood
زیادی ابتدایی نیست…
خیلی سخت بود برام
آفرین
vaghan bayad gof harf nadare
عالی بود ممنون
مرسی – مفید بود.
تشکر میکنم توپه توپه