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

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

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

    سلام خسته نباشید
    یک سوال داشتم . اگر بخواهم قالب بلاگفا را تبدیل به یک قالب فلش کنم باید چه کدی را بنویسم در ضمن فلش هم بلدم و کد نویسی هاشم نسبتا یاد گرفتم فقط مشکلم اینکه نمی تونم کد فلشم رو جای قالب بزارم و همش اخطار ((قالب وبلاگ میبایست محتوای کد باشد.)) را می دهد .
    اگر جواب بدهید ممنون می شم
    —————————
    پاسخ شما : امکان تبدیل کل قالب به فلش نیست و در سیستم وبلاگ جواب نمیده. فقط می تونید قسمت های نمایشی و ثابت مثل هدر یا فوتر رو با فلش کار کنید

  4. سوره عیوضی گفت:

    میخوام زیر عکس(background) وبلاگم بتونم چیزی بنویسم.چیکار کنم؟
    ——————
    پاسخ شما : میتونید متن خودتون رو در برنامه های تدوین عکس ، روی عکس بک گراند بنویسید و بعد تصویر رو آپلود و در کد قالب جایگزین تصویر موجود کنید

  5. محمـــود گفت:

    ســـلام !
    من که سوالم رو پرسیدم چرا کلا نظرم رو حذف کردین !!!
    خوب باشه بازم میپرسم !
    من می خواستم عنوان وبلاگم با فونت Tahoma باشه !
    لطفا کمکم کنید !
    منتظرم …
    *** با تشکـــر از وب سایت خوبتـــون ***
    ——————————-
    پاسخ شما : باید در جایی که عبارت < -BlogTitle-> هست این کد رو با فونت مورد نظر تنظیم کنید : <font face="Tahoma"><-BlogTitle-></font>

  6. اشکان گفت:

    با تشکر از وبلاگ خوبتون میخواستم بدونم چجوری تو وبلاگم عکس بگذارم چون هروقت میخام عکس بذارم ازم آدرس اینترنتی میخواد (منتظرم)
    ————————–
    پاسخ شما : باید اول عکس رو در یک فضا یا سایت آپلود کنید تا بهتون یک آدرس بده و بعد اون رو در وبلاگ بگذارید مطالبق آموزش های کدنویسی

  7. فهیمه احمدی گفت:

    سلام…
    نمی دونید چه قدر خوشحال شدم که این سایت و مطالب رو پیدا کردم…
    داشتم مجبور می شدم دست از قالبی که خیلی دوستش دارم بشورم.
    جریان اینه که: من یه ستون جدید تو وبلاگ گذاشتم(یعنی آدرس وبلاگ دومم رو تو فید برنر ثبت کردم و…) اما این ستون راست چین نیست…یعنی تیترش و نوشته هاش سمت چپ قرار می گیره.چه طور می تونم درستش کنم؟؟
    ممنون از لطفتون.
    ———————————————
    پاسخ شما : باید در جدول بندی اون قسمت این کد رو بگذارید dir=rtl

  8. محمد گفت:

    سلام کد هیدر رو باید در چه قسمتی از قالب وبلاگ بنویسیم.
    —————————
    پاسخ شما : در آموزش کدنویسی شماره یک توضیح داده شده

  9. نیما گفت:

    سلام و مری از سایت خوبتون
    من قالب بلاگ اسکین ۳۶ رو http://blogskin.ir/skin36.php رو وب گذاشتم حالا واسه اینکه نضر سنجی و آمار سایت شکل اونی که تو عکس پیشفرض هست بشه باید چکار کنم ؟
    ممنون
    —————————
    پاسخ شما : اون قسمت ها برای میهن بلاگ فقط کار میشه که این امکانات رو بصورت پیش فرض داره

  10. اسد گفت:

    سلام
    واقعا خسته نباشید

    من از قالب شماره ۳۶ شما استفاده می کنم و میخوام ارشیو مطالب در پایین صفحه وبلاگم قرار بگیره بطور باز شده هرکار کردم نتونستم اگه راهنماییم کنین ممنون میشم

  11. paul گفت:

    سلام خسته نباشید
    سوال داشتم چطوری می شه یک بنر فلش را در وسط صفحه قرار داد یعنی با چه کدی؟؟
    —————————-
    پاسخ شما : در مطلب آموزش کدنویسی شماره یک توضیح دادیم برای وسط قرار دادن یک قسمت چکار کنید

  12. Sadegh گفت:

    چطوری میشه کاری کرد که اگه ماوس رو روی متنی حرکت دادی فونتش بزرگ بشه یا رنگش عوض بشه؟
    —————————
    پاسخ شما : باید اول کامل مسلط به کدنویسی قالب باشید . هم با دستورات جاوا اسکریپت میشه و هم با دستورات css. توضیح مفصلی داره که در آینده در سایت قرار میدیم.

  13. fazli گفت:

    مرسی
    عالی بود
    واقعا ممنون که اموخته های قشنگتون رو یاد دیگران هم میدید
    استفاده کردیم
    لطفا به وبلاگ منم بیایید

  14. reza گفت:

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

  15. انجیر گفت:

    سلام
    باتشکر ازآموزش های خوبتون
    چرا شما خیلی دیر قالب هاتون روآپدیت می کنیدوقالب جدیدمیزارید؟
    —————————-
    پاسخ شما : به علت حجم بالای سفارشات طراحی فرصت ارائه قالب رایگان بسیار کم داریم

  16. انجیر گفت:

    سلام
    باتشکر ازپاسختون
    من یک نرم افزار موبایل از تمام پست های سایت بلاگ هلپ ساختم که دراون برنامه منابع ذکر شده
    لینک دانلود:http://farshidostadali.persiangig.com/BLOGHELP2.zip
    ——————————
    پاسخ شما : تشکر

  17. pooriya گفت:

    سلام دمتون گرم اگه خواستم با هاتون تبادل لینک کنم راهنماییم میکنید .ممنون

  18. ali_sh گفت:

    سلام ممنون از اموزشتون
    یک سوال داشتم : کدی وجود داره که بشه فایل فلش با لینک بزاری
    من کد عکس با لینک که دیدم با فلش چی وجود داره
    اگر داره لطفا کد را همراه پاسخ درج کنید
    ممنون
    ———————————
    پاسخ شما : روی فایل فلش نمیشه به روس لینک گذاشتن روی عکس عمل کرد ، برای درج لینک روی فایل فلش باید از خود برنامه فلش استفاده کرد

  19. پوریا گفت:

    سلام. لطفا یک کتاب خوب برای یادگیری html و css معرفی کنید.
    آیا برای یادگرفتن این دو زبان باید به کلاس بریم یا در خانه هم میشه ؟
    —————————-
    پاسخ شما : کتاب های زیادی در بازار موجود هست می تونید استفاده کنید، ترجیحا برای سطح حرفه ای ممکنه نیاز به کلاس داشته باشید

  20. ساریسا تهرانی گفت:

    واقعا من به شما تبریک میگم
    این روزها هر کسی اگه چیزی بدونه چنان اونو قایم میکنه که نگووو
    و از بین این آدمها ی “زنبور بی عسل”باید به شما تبریک گفت
    .
    دست مریزاد امیدوارم این آموزشتون ادامه داشته باشه و ما کماکان منتظر شماره های بعدی اموزش ساخت وبلاگتون هستیم
    من مهندس کامپسوتر هستم اما چیزی رو که استادمون بهمون یاد داده بود اونقدر ابکی و احمقانه بود اون هم با روش غلط خودش که هرگز درست یاد نگرفتیم
    و این سبک اموزش در دانشگاه های ایران برای همه ی رشته ها وجود داره مال اینه که وقتی فارغ التحصیل میشیم همهون بی سوادیم !!
    .همیشه سلامت باشید و جاری !

  21. sepide gh گفت:

    سلام لطفآ ایجاد بلوک های اصافی در قالب وبلاگ رو هم برای سرویس بلاگفا توضیح دهید.در ضمن واقعآ کل مطالبتون خیلی جالب و آموزندست خیلی ممنون.

  22. حسن فیروزه گفت:

    فقط میتونم بگم بیست بیستی . با تشکر فراوان

  23. علی خاکی گفت:

    سلام.امیدوارم آموزشتون ادامه داشته باشه!من فقط ۱۲ سال دارم و با وبلاگ نویسی اوقاتم را پر می کنم.

  24. tareq amiri گفت:

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

  25. Eh گفت:

    Salam.
    Kheyli mamnun az mataleb mofidetun..vaghean karbordie va man az baziash tu blog haye dgam estefade bordam.
    mamnun misham age zudtar in bakhsh ro kamel konid.

  26. حمید گفت:

    سلام
    ایول ایوله ایول (((bloghelp )))) تاج سره ایول

  27. reza گفت:

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

  28. Rouzbeh گفت:

    salam
    ba tashakor az amuzeshetun , age mishe hatman amuzeshe shomareye 3 ro ham bezanid , mamnun

  29. پوریا گفت:

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

» ارسال نظرات

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