ওয়েব ডিজাইন

দিন দিন ওয়েব ডিজাইনারের চাহিদা বৃদ্ধি পাচ্ছে। অনেক প্রতিষ্ঠানই তাদের তথ্যগুলোকে অনলাইনে সংরক্ষন করছে, ডেস্কটপ এপ্লকেশনগুলোর অনলাইন ভার্শনও বের হচ্ছে। তাই ওয়বে নিজের অবস্থানকে ভাল করার প্রচেস্টা স্বরূপ এগিয়ে যাচ্ছি।

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2)

20 Comments / HTML /

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1) এর মাধ্যমে আমরা HTML সম্পর্কে প্রাথমিক ধারণা অর্জন করেছি। এখন আমরা HTML ব্যবহার করে কিভাবে একটা ওয়েব পেজের ব্যকগ্রাউন্ড কালার দিতে হয় সেই বিষয়টি দেখব। আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ: আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি। Code: […]

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2) Read More »

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1)

19 Comments / HTML /

আমরা অনেক টিউটোরিয়াল দেখেছি যেখানে মাত্র ১০ মিনিট বা ৩০ মিনিট বা ১ ঘন্টায় একটা পূর্ণাঙ্গ ওয়েবসাইট তৈরি করার পদ্ধতি দেখানো হয়। কিন্তু এটা একটা ওযেবসাইট তৈরির কোন সঠিক পদ্ধতি নয়। আর সবচেয়ে বড় কথা হচ্ছে এভাবে তৈরি করা ওয়েবসাইট থেকে সব রকম সুযোগ সুবিধা পাওয়াও সম্ভব নয়। তাই আমরা যদি একটি আকর্ষনীয় পূর্ণাঙ্গ ডাইনামিক ওয়েবসাইট তৈরি

আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1) Read More »

ওয়েব প্রোগ্রামিং পাঠ-১ (ওয়েব সার্ভার সেটাপ)

5 Comments / পিএইচপি /

যারা পিএইচপি শিখতে আগ্রহী তাদের জন্য এই লেখাটা কাজে আসতে পারে। মূলত ওয়েব প্রোগ্রামিং এর উপরে একটা বইয়ের কিছু অংশ লেখার দায়িত্ব নিয়ে লিখে যাচ্ছি। লেখাগুলোর কিছু কিছু ব্লগে প্রকাশ করার ইচ্ছে আছে। যেকোন ধরনের ভুল ত্রুটি জানালে বা পরামর্শকে স্বাগত জানানো হবে। তবে লেখার ধরন (যেমন ‘আপনি’ এর পরিবর্তে ‘তুমি’ ব্যবহার করছি) সংক্রান্ত কিছু

ওয়েব প্রোগ্রামিং পাঠ-১ (ওয়েব সার্ভার সেটাপ) Read More »

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (শেষ অংশ)

3 Comments / ওয়েব ডিজাইন, গ্রাফিকস, ফটোশপ /

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার ।- (৩য় অংশ)  আমরা যেখানে শেষ করেছিলাম তা ছিল নিচের মত।     এখন আমরা আমাদের Site name কে আরও আকর্ষণীয় করার জন্য name নামে যে Layer টি নিয়েছিলাম তার উপর মাউসের রাইট বাটন ক্লিক করে Duplicate layer  এ ক্লিক করতে হবে। Duplicate layer উইন্ডোতে Duplicate layer  এর নাম

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (শেষ অংশ) Read More »

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (৩য় অংশ)

Leave a Comment / Uncategorized, ওয়েব ডিজাইন, গ্রাফিকস, ফটোশপ /

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (২য় অংশ) শেষে আমাদের কাজটি ছিল নিচের ছবিটার মত।     এ পর্যায়ে আমাদেরকে name নামে নতুন একটি layer  নিয়ে এখন  keyboard হতে   T  press করে  Type Tool টি নির্বাচন করে  Site name টি লেখতে হবে যেখানে F0nt: Engravers MT ,  Font size: 72 Pixelএবং Font color: #000000 বা Black  নির্বাচন করে দিতে হবে। এ পর্যায়

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (৩য় অংশ) Read More »

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (২য় অংশ)

1 Comment / Uncategorized, ওয়েব ডিজাইন, গ্রাফিকস, ফটোশপ /

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার ।- (১ম অংশ)  আমরা যেখানে শেষ করেছিলাম তা ছিল নিচের মত।     এখন home নামে নতুন একটি Layer নিয়ে নিচের ছবির মত Rectangle  তৈরি  করতে হবে। এবং এর color:   #119a02  বা Green করে দিতে হবে। আমরা এখন নিচের ছবির মত দেখতে পাব।     এখন আমাদেরকে

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (২য় অংশ) Read More »

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (১ম অংশ)

2 Comments / ওয়েব ডিজাইন, গ্রাফিকস, ফটোশপ /

পৃথিবীতে এমন কোন ওয়েব ডিজাইনার খুজে পাওয়া  বেশ কষ্টই হবে  যিনি ফটোশপ ব্যবহার করেন না। ওয়েব ডিজাইনারদের কাছে ফটোশপ ঠিক এতটাই জনপ্রিয়। যা হোক আমদের যে কেও নিজের জন্য হোক বা অন্যের জন্য হোক ওয়েব ডিজাইন করতে গিয়ে প্রথমেই যে বিষয়টি ভাবতে হয় তা হল ওয়েব সাইটের জন্য একটি আকর্ষনীয় হেডার তৈরি করা । যা ওয়েবসাইটের প্রাথমিক পরিচয় বহন করে। এখন

ফটোশপ দিয়েই তৈরি করি নিজের ওয়েব সাইটের হেডার।- (১ম অংশ) Read More »

ইমেজ জুম ইফেক্ট তৈরী করুন আপনার ব্লগে

3 Comments / ওয়েব ডিজাইন /

এবার আপনার ব্লগে ইমেজ নিয়ে খেলা করুন। ব্লগে ইমেজের উপর দিয়ে মাউস ঘোরানোর সময় তাতে জুম ইফেক্ট আনুন। সাইডবারে লাগানো ইমেজের উপর দিয়ে মাউস নিয়ে যাওয়ার সময় তাতে নানা রকম ইফেক্ট ফালানো যায়। আপাতত চলুন শিখি কিভাবে জুম ইফেক্ট ফালানো যায়। এটা অনেকটা এরকম প্রতিটি আলাদা আলাদা ইমেজের উপর দিয়ে মাউস ঘোরানোর সময় প্রতিটি ইমেজ

ইমেজ জুম ইফেক্ট তৈরী করুন আপনার ব্লগে Read More »

ব্লগে যুক্ত করুন লোডিং ইফেক্ট

4 Comments / ওয়েব ডিজাইন /

এই ঈদের বন্ধে একটা লাভ হয়েছে। বেশ কয়েকটা লেখা লিখতে পেরেছি। ব্লগস্পটে তৈরী করুন হোমপেজ(ওয়েলকাম পেজ) অথবা আন্ডার কনশস্ট্রাকশন পেজএর আগে লাস্ট কবে লিখেছিলাম মনে করতে পারছি না। এবারের পোস্ট ব্লগে তৈরী করুন লোডিং ইফেক্ট। খুব সহজেই তৈরী করে ফেলুন আপনার ব্লগে পেজ লোডিং ইফেক্ট। যারা সল্প গতির নেট ব্যবহার করে থাকেন তাদেরকে পেজ লোডিং

ব্লগে যুক্ত করুন লোডিং ইফেক্ট Read More »

ব্লগস্পটে তৈরী করুন হোমপেজ(ওয়েলকাম পেজ) অথবা আন্ডার কনশস্ট্রাকশন পেজ

8 Comments / ওয়েব ডিজাইন /

এই লেখাটি গতকাল দিয়েছিলাম, কিন্তু লেখাটি দেওয়ার পরেই কি মনে করে যেন আবার লেখাটিতে দেওয়া লিঙ্ক গুলো চেক করতে গেলাম, দেখলাম একটা লিঙ্কও কাজ করছে না। আবার নেটের লাইনে সমস্যা ছিল তাই তা এডিটও করতে পারছিলাম। যাই হোক আজকে আবার সময় করতে পারলাম। ব্লগস্পটেও আপনি চাইলে আপনার পছন্দ মতো হোমপেজ বা ওয়েলকাম পেজ লাগাতে পারবেন।

ব্লগস্পটে তৈরী করুন হোমপেজ(ওয়েলকাম পেজ) অথবা আন্ডার কনশস্ট্রাকশন পেজ Read More »

ব্লগস্পটে দিন জাদুর ছোয়া (ব্লগার হ্যাক টিউটরিয়াল)

7 Comments / ওয়েব ডিজাইন /

ব্লগের দুনিয়ায় ব্লগস্পট একটি বিপ্লব এনে দিয়েছে। এখানে নিজস্বতা বজায় রেখে ইউজার ইচ্ছামতো সাজিয়ে নিতে পারে নিজের সাইটটিকে। ব্লস্পটের হাজার হাজার টেমপ্লেট গতিময়তা এনে দিয়েছে। কিন্তু নিজস্ব বৈশিষ্ট্যমন্ডিত ব্লগ সাইট ডিজাইন করতে অবশ্যই ব্লগারের কোডে হাত দিতে হবে আপনাকে। নিজের হোস্ট করা ওয়ার্ডপ্রেসে প্লাগিন ব্যাবহার করে অনেক সহজেই যে কাজটি করা যায় তার মতো করে

ব্লগস্পটে দিন জাদুর ছোয়া (ব্লগার হ্যাক টিউটরিয়াল) Read More »

এনিমেশন তৈরি করি (Macromedia Fireworks টিউটোরিয়াল)।

12 Comments / এনিমেশন, ওয়েব ডিজাইন, গ্রাফিকস /

GIF এনিমেশন তৈরিতে ব্যবহৃত একটি অসাধারন সফটওয়্যার Macromedia Fireworks । এর মাধ্যমে খুব সহজে ওয়েবসাইটে ব্যবহার উপযোগী এনিমেশন তৈরি করা যায়। আজ আমরা Macromedia Fireworks ব্যাবহার করে নিচের এনিমেশনটি তৈরি করব। প্রথমে Macromedia Fireworks ওপেন করে 250 pixels by 250 pixels এর একটি নতুন ডকুমেন্ট তৈরি করতে হবে। ব্যকগ্রাউন্ড কালার বা canvas color custom সিলেক্ট করে

এনিমেশন তৈরি করি (Macromedia Fireworks টিউটোরিয়াল)। Read More »

জনপ্রিয় ও সুন্দর ব্লগসাইট বানানোর বিশ্বসেরা টিপস

29 Comments / ওয়েব ডিজাইন /

নেভিগেশন ১. খুব দ্রুত বিভিন্ন পেজে যাওয়ার জন্য নেভিগেশন খুবই গুরুত্বপূর্ণ। ২. এক রকম পোস্ট : কোন ভিজিটরকে আপনার সাইটে বেশিক্ষন রাখতে পারে একই রকম পোস্টের একটি তালিকা । রিলেটেড পোস্ট প্লাগইনটি ইন্সল করে নিতে পারেন। ৩. ব্রেডকাম্ব: সাইটের কোথায় বিচরন করছেন তা ব্রেডকাম্ব বলে দেয়। যেমন Home-> Photoshop->Effect ৪. কয়েকটি পেজে একটি পোস্ট ভাগ

জনপ্রিয় ও সুন্দর ব্লগসাইট বানানোর বিশ্বসেরা টিপস Read More »

ওয়েব/গ্রাফিক ডিজাইনার ডেভলপারের জন্য অফিসিয়াল টিপস

3 Comments / ওয়েব ডিজাইন /

১। বুক মার্ক: ওয়েবডিজানারকে অনেক ওয়েবটুল ব্যবহার করতে হয় বিভি্ন্ন সহকারি সাইট গুলো সুন্দরভাবে বুকমার্ক করেরাখুন। প্রয়োজনে কাজে লাগবে। ২।ছবি: প্রয়োজনীয় ছবিসংরক্ষন করে রাখুন। বিভিন্ন সময় কাজে আসবে । ৩। ফন্ট আপনার প্রয়োজনীয় ফন্ট বাছাই করে আলাদাভাবে কালেকশনে রেখে দিন। ৪। ক্লাইন্টের তথ্য ও ডকুমেন্ট্ন:ক্লাইন্টের তথ্য ও ডকুমেন্ট্ন সু্ন্দর ভাবে গুছিয়ে রাখুন । নতুন কোন

ওয়েব/গ্রাফিক ডিজাইনার ডেভলপারের জন্য অফিসিয়াল টিপস Read More »

ওয়েব ডিজাইনারের জন্য শক্তিশালী ভাল মানের জটিল ৩৫ টি ফন্ট

1 Comment / ওয়েব ডিজাইন /

আমরা জানি টাইপোগ্রাফীই সাইটের মৌলিক অংশ। মূলত: একজন ভিজিটর সাইটের লেখাগুলো পড়তে আসে। সুন্দর আনকমন টাইপের ফন্ট ব্যবহার করে সাইটেটিকে আরো নান্দনিক করে তোলা সম্ভব। বিশেষ করে শিরোনাম বা হেডিঙে ভাল মানের ফন্টই কাম্য। তাছাড়া লগো বা বিজ্ঞাপনেও এ ফন্টগুলো খুবই প্রয়োজনীয়। বিষয় বস্তুর সাথে মিল রেখে ব্যবহার করতে পারেন সুন্দর এ ফন্টগুলো। 01. Medio

ওয়েব ডিজাইনারের জন্য শক্তিশালী ভাল মানের জটিল ৩৫ টি ফন্ট Read More »

লেখকদের জন্য টাকা আয়ের ব্যবস্থা

4 Comments / ওয়েব ডিজাইন /

গুগল অ্যাডসেন্স এ যাদের একাউন্ট আছে তারা খুব সহজেই টাকা আয় করতে পারেন, তাদের অ্যাডসেন্স কোডগুলো তাদের লিখিত ব্লগের যেকোন অংশে দিয়ে। এ জন্য টিউটরিয়ালবিডি তার ইংরেজী সংস্করন উম্মুক্ত করেছে, দেখতে পাবেন এখানে। খুব সহজেই আপনি আপনার পোস্টের যেকোন অংশে আপনার অ্যাডসেন্স কোড বসাতে পারবেন। এর জন্য আপনাকে যে কাজটি করতে হবে- ১. প্রথমে en.tutorialbd.com

লেখকদের জন্য টাকা আয়ের ব্যবস্থা Read More »

ওয়েব ডিজাইনারের জীবনকে সহজ করতে ১৪টি ঝাকানাকা টুলস

9 Comments / HTML /

ওয়েব ডিজাইনারের জীবনকে সহজ করতে বেশকিছু টুল 1.Typetester Typetester এর মাধ্যমে সহজেইআপনার ফন্টেরআকার, রঙ, ব্যাকগ্রাউন্ডের রঙ ইত্যাদি পরিবর্তন করে কিরকম দেখায় তা যাচাই করতে পারবেন। 2. pForm সহজে নান্দনিক পিএইচপির ফরমতৈরী করে দিবেআপনাকে। 3. ColourLovers সাইটের রং পছন্দের দায় নিবেএই সাইট 4. Firebug CSS, HTML, and JavaScriptএর কোড লখতে এবং ভুল সংশোধন করতেদারুনভাবে কাজ করেএটি

ওয়েব ডিজাইনারের জীবনকে সহজ করতে ১৪টি ঝাকানাকা টুলস Read More »

HTML এর ২০ টি প্রয়োজনীয় টিপস

8 Comments / HTML /

এক এক জন এক একভাবে ওয়েবসাইট বানায়। নতুনদের জন্য কমন কিছু ভুল থাকে, সেগুলো আলোচনা করা হয়েছে, সেইসাথে সাইটের সুবিধাজনক কোড লেখার ব্যাপরেও কিছু আলোচনা আছে। ০১. সবসময় ট্যাগ বন্ধ করুন। কিছু ট্যাগ বন্ধ না করলেও কাজ হয় তবে সবসময় ট্যাগ বন্ধ করুন। কিছু কিছু ক্ষেত্র সমস্যা হতে পারে। <li>Some text here. <li>Some new text

HTML এর ২০ টি প্রয়োজনীয় টিপস Read More »

আপনার সাইটে চ্যাটিং সুবিধা যুক্ত করুন

2 Comments / HTML /

চাইলেই আপনার সাইটে চ্যটিং সুবিধা সংযুক্ত করতে পারেন, কোন প্রগ্রামিং না জেনেই। এখানে গিয়ে রেজিস্ট্রশন করলে আপনার সাইটের জন্য কোড দিবে। সেই কোড কপি পেস্ট করলেই হবে। কোন আইপি ব্যান করারও ব্যবস্থা আছে। আপনার ইচ্ছা মতো রঙ ঢঙ পরিবর্তনও করতে পারবেন।এর সুবিধা হলো-এটি ব্যবহার করলে আপনার সাইট স্লো হবে না, এ অংশটি আপনার ব্যানডউথও খাবে

আপনার সাইটে চ্যাটিং সুবিধা যুক্ত করুন Read More »

HTML টিউটরিয়াল-১

8 Comments / HTML /

HTML হলো Hyper Text Mark up Language. এই প্রগ্রামিং ল্যাংগুয়েজ case sensitive নয়। অর্থাত: ছোট ও বড় যে কোন হাতের লেখাই চলবে। HTML শিখতে আপনার নতুন কোন সফটওয়্যার লাগবে না। ইন্টারনেট বা সারভার লাগেব না। শুধু মাত্র নোটপ্যাড খুলে নিচের কোডগুলো টাইপ করুন। <html> <head> <title>Welcome To HTML</title> </head> <body> Hello World! </body> </html> এবার

HTML টিউটরিয়াল-১ Read More »