«

»

Abdul Mannan Asif

প্রফেশনাল PSD Web Template – Part 8 ( PSD to HTML Convert )

আসসালামু আলাইকুম, কেমন আছেন? আশা করি মহান আল্লাহ রহমতে ভাল আছেন। আল্লাহ রহমতে আজ উপস্থিত হয়েছি Photoshop এ প্রফেশনাল psd template  তৈরীর ধারাবাহিক টিউটোরিয়াল Part 8 (PSD to HTML Convert) নিয়ে। বিগত পর্বে আমরা Photoshop এ PSD টেমপ্লেট তৈরীর টিউটোরিয়াল দেখেছিলাম। আজকে  আমরা শিখব PSD to HTML এ Convert করার আগে আমাদের যে সকল HTML Tag এবং CSS Property সম্পর্ক ধারনা থাকা একান্ত প্রয়োজন। আমাদের যদি HTML Tag এবং CSS Property গুলোর সঠিক ধারনা না থাকে, তাহলে আমরা PSD to HTML Convert করতে পারব না।

এক পলকে দেখে নিন যে সকল HTML Tag গুলো জানা একান্ত প্রয়োজন।

এবার জেনেনিন যে সকল CSS Property গুলো জানা একান্ত প্রয়োজন।

  • Background – Attachment, color, image, repeat, position.
  • Text – color, direction, line-height, letter-spacing, text-align, text-decoration, text-shadow, text-transform, word-spacing.
  • Font – font-style, font-variant, font-weight, font-size, font-family.
  • Border – border-width, border-style, border-color, border-bottom, border-left, border-right, border-top.
  • Outline – outline-color, outline-style, outline-width.
  • Margin – margin-top, margin-right, margin-bottom, margin-top,
  • Padding – padding-top, padding-right, padding-bottom, padding-top.
  • List – list-style-type, list-style-position, list-style-image
  • Height
  • Width
  • Display
  • Visibility
  • Position – right, top.
  • Float – clear, left, right.
  • Pseudo-class – :active, :focus , :hover , :link , :visited

আর HTML এর মধ্যে CSS এর ব্যবহা জানা একান্ত প্রয়োজন।CSS ব্যবহার করে সহজে ওয়েব পেজ তৈরী করা যায়। একবার CSS ডিজাইন করলে বিভিন্ন পেইজে তা ব্যবহার করা যায়।

তো আজ আর নয়, অতি অল্পসময়ে হাজির হব PSD to HTML Convert করার টুইট নিয়ে। আপনাদের জন্য এতো আরাম করে টুইট করলাম। আপনার  কমেন্ট , লাইক , Facebook Wall শেয়ার করবেন না !!! তা কি করে হয়??? আপনাদের কমেন্ট , লাইক , Facebook Wall শেয়ার , আমাকে আরো টুইট করতে সাহায্য করবে।

ওহা আপনাদের প্রয়োজনীয় কিছু লিং


এ সম্পর্কিত আরো কিছু টুইট:

বাংলাদেশ থেকে পাঠান ফ্রী SMS
ওয়ার্ডপ্রেস টিউটোরিয়াল পর্ব 3 [ওয়ার্ডপ্রেস ডাউনলোড, সেটআপ]
ওয়ার্ডপ্রেস টিউটোরিয়াল পর্ব 6 [ব্লগের থিম পরিবর্তন, বাংলা ফন্ট যোগ ও ফন্ট সাইজ বাড়ানো]
YOUTUBE থেকে AdSense এর মাধ্যমে টাকা ইনকাম করুন
FIND THE SIMILAR SITES WITH A GREAT SEARCH ENGINE
অ্যান্ড্রয়েড ডিভাইস ফাস্ট করার কিছু কার্যকারী উপায়।
যে দশ মন্ত্র জানা না থাকলে সারা জীবনে ও সফল হতে পারবেন না

মন্তব্য দিনঃ

comments

About the author

Abdul Mannan Asif

Abdul Mannan Asif

ভাল কিছু করতে গেলে অনেক কষ্ট পোহাতে হয়, কিন্তু একটা সময়ের পর কাজের ফলটা চরম আনন্দ দেয় :) মুখবইয়ে আমি ২০১১ইং খেকে টেকটুইটসএ এডমিন, ২০১২ইং থেকে SkippeR তে Web Developer হিসাবে কাজ করছি।

Permanent link to this article: http://techtweets.com.bd/tips-tricks/amasifbd/23625

3 comments

  1. MNUWORLD

    অনেক সুন্দর !!! পরবর্তী পর্বের আশায় :)

  2. الله محبة

    জী ভাইয়া ………………
    আল্লাহ্‌ রহমতে খুবই ভাল আছি । সুক্রন আল্লাহি ওয়া নিয়’মাতি
    আপনার এই অমূল্য পোস্ট এর জন্য অনেক অনেক ধন্যবাদ । অনেক কিছু জানতে পারলাম ।
    যাজাকাল্লাহু খাইরান

  3. rahimkorban
    rahimkorban

    Acca bro akta website to onek golo page thaka sa somporka keco bolban.Please onek opokar hoba.Apnaka onek donnobad.Ame dek ai rokom akta tutorial kojcelam.Thanks for shearing.

মন্তব্য করুন