কয়েকদিন আগেই বলেছি এইচটিএমএল৫, সিএসএস৩ এবং জে-কোয়েরী ওয়েবের চেহারা পাল্টাতে এসেছে। এইচটিএমএল৫ এর কিছু কিছু ফিচার এখনো অনেক ব্রাউজার ঠিকমতো সাপোর্ট করে না। আর তাই ওয়েব ডেভলপারদের অনেকের মধ্যে এর জ্ঞানের অভাব আছে। বিশেষত আমি নিজেও এইচটিএমএল৫ এর অনেক ফিচারই জানি না। আর তাই সকলের জন্য সহায়ক হবে এই সাতটি ওয়েব। A Web Developer’s Guide …
আগের পর্বে বেশ কিছু নতুন ফিচার নিয়ে কাজ করেছিরাম। এখন দেখে নিন আরো কিছু ফিচার যার মাধ্যমে HTML5 এর জয় জয় কার। ৮. header ও footer ট্যাগ: আগের মতো সিএসএসের পায়ে ধরার দরকার হবে না। <div id=”header”> … </div> <div id=”footer”> … </div> এর মতো করে না লিখে <div id=”header”> … </div> <div id=”footer”> … </div> এরকম লিখলেই চলবে। …
HTML5 শেখার জন্য ৭ টি ওয়েবসাইটের ঠিকানা দিয়েছিলাম কিছুদিন আগে। এখন HTML5 এর নতুন নতুন ফিচারগুলোর সাথে পরিচিত হবো। আশা করি ভবিষ্যত ওয়েব নির্মানে এটি আমাদের এগিয়ে যেতে সহায়তা করবে। ১. নতুন Doctype ডিক্লার করা: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> ২. ছবির প্রকাশনা এখন নতুনভাবে দেখতে পাবেন ছবির প্রকাশনা। <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure> এ পদ্ধতিতে আরও …
বেশ কিছু দিন HTML এর নিয়মিত টিউটরিয়াল লিখছিলাম। সেখানে সর্ব শেষ টিউটরিয়াল ছিল ফর্ম ডিজাইনের উপরে। ওয়েবে ফর্ম ডিজাইন করার পর সাধারনত: তাকে কাজ করার জন্য জাভাস্ক্রিপ্ট বা পিএইচপি ব্যবহার করতে হয়। ফর্মের টেক্সটবক্স,ইনপুট বক্স,বাটন,চেকবক্স ইত্যাদির ক্লিক ডাবলক্লিক, ফোকাস,লস্ট ফোকাস ইত্যাদি ইভেন্ট সম্পর্কে আজকের আলোচনা। ছোট জাভাস্ক্রিপ্ট দিয়ে কাজটি উদ্ধার করতে হবে,তা না হলে সম্পুর্ণ …
জাভাস্ক্রিপ্ট টিউটরিয়াল লিখতে গিয়ে একটু হোচট খেলাম এই দেখে যে, HTML এর ফরম ডিজাইনের উপর এখনো টিউটরিয়াল লেখা হয় নি। আমরা অনেক সময় টেক্সটবক্স, বাটন,চেক বক্স, অপশন ইত্যাদি নিয়ে কাজ করি। এগুলোর ডিজাইন বানানো হয় HTML আর সিএসএস দিয়ে। আজ আমরা সহজ সরল ভাষায় ফরম ডিজানের পদ্ধতি নিয়ে কথা বলবো। ১. টেক্সট বক্স ২. টেক্সট …
যা লাগবে: html ব্যবহার করে code লেখার জন্য আমাদের নতুন কোন সফটওয়্যারের প্রয়োজন নেই , আমরা আমাদের অতি পরিচিত নোটপ্যাড ব্যবহার করেই html এর code লিখতে পারি। এভাবে লেখা কোড আমরা .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাওজার যেমন Internet explorer, Mozila , Google chrome, Opera দ্বারা দেখতে পারি। আমাদের Code এবং এর …
HTML এ Font ট্যাগের ব্যবহার (HTML টিউটোরিয়াল – 6) Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এর মাধ্যমে কিভাবে HTML এ প্যারাগ্রাফ লেখতে হয় তা দেখেছি এখন আমরা প্যারাগ্রাফ এর মধ্যে লাইন ব্রেক তৈরি করা শিখব। আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) এ ব্রাউজারে যা প্রদর্শিত হয়েছিল তা ছিল নিম্নরূপ, …
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-5) Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3) এর মাধ্যমে আমরা HTML এ HEADING বা শিরোনাম লিখতে হয় তা দেখেছি আজ আমরা কিভাবে HTML এ প্যারাগ্রাফ লিখতে হয় তা দেখব। আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ: আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি। Code: <html> <head> …
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-4) Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2) এর মাধ্যমে আমরা কিভারে HTML এর মাধ্যমে একটা ওযেব পেজের ব্যাকগ্রাউন্ড কালার দিতে হয় তা দেখেছি এখন আমরা কিভবে HTML এ HEADING বা শিরোনাম লিখতে হয় তা জানব। আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ: আমরা একটা নোটপ্যাড open করে নিচের code …
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-3) Read More »
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1) এর মাধ্যমে আমরা HTML সম্পর্কে প্রাথমিক ধারণা অর্জন করেছি। এখন আমরা HTML ব্যবহার করে কিভাবে একটা ওয়েব পেজের ব্যকগ্রাউন্ড কালার দিতে হয় সেই বিষয়টি দেখব। আমাদের প্রয়োজনীয় Code এবং এর বিভিন্ন অংশ: আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি। Code: …
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-2) Read More »
আমরা অনেক টিউটোরিয়াল দেখেছি যেখানে মাত্র ১০ মিনিট বা ৩০ মিনিট বা ১ ঘন্টায় একটা পূর্ণাঙ্গ ওয়েবসাইট তৈরি করার পদ্ধতি দেখানো হয়। কিন্তু এটা একটা ওযেবসাইট তৈরির কোন সঠিক পদ্ধতি নয়। আর সবচেয়ে বড় কথা হচ্ছে এভাবে তৈরি করা ওয়েবসাইট থেকে সব রকম সুযোগ সুবিধা পাওয়াও সম্ভব নয়। তাই আমরা যদি একটি আকর্ষনীয় পূর্ণাঙ্গ ডাইনামিক ওয়েবসাইট তৈরি …
আর শর্টকার্ট নয় সঠিক নিয়মে সবাই মিলে শিখি ওয়েব ডিজাইন ও ওয়েব প্রোগ্রামিং (HTML-1) Read More »
ওয়েব ডিজাইনারের জীবনকে সহজ করতে বেশকিছু টুল 1.Typetester Typetester এর মাধ্যমে সহজেইআপনার ফন্টেরআকার, রঙ, ব্যাকগ্রাউন্ডের রঙ ইত্যাদি পরিবর্তন করে কিরকম দেখায় তা যাচাই করতে পারবেন। 2. pForm সহজে নান্দনিক পিএইচপির ফরমতৈরী করে দিবেআপনাকে। 3. ColourLovers সাইটের রং পছন্দের দায় নিবেএই সাইট 4. Firebug CSS, HTML, and JavaScriptএর কোড লখতে এবং ভুল সংশোধন করতেদারুনভাবে কাজ করেএটি …
ওয়েব ডিজাইনারের জীবনকে সহজ করতে ১৪টি ঝাকানাকা টুলস Read More »
এক এক জন এক একভাবে ওয়েবসাইট বানায়। নতুনদের জন্য কমন কিছু ভুল থাকে, সেগুলো আলোচনা করা হয়েছে, সেইসাথে সাইটের সুবিধাজনক কোড লেখার ব্যাপরেও কিছু আলোচনা আছে। ০১. সবসময় ট্যাগ বন্ধ করুন। কিছু ট্যাগ বন্ধ না করলেও কাজ হয় তবে সবসময় ট্যাগ বন্ধ করুন। কিছু কিছু ক্ষেত্র সমস্যা হতে পারে। <li>Some text here. <li>Some new text …
চাইলেই আপনার সাইটে চ্যটিং সুবিধা সংযুক্ত করতে পারেন, কোন প্রগ্রামিং না জেনেই। এখানে গিয়ে রেজিস্ট্রশন করলে আপনার সাইটের জন্য কোড দিবে। সেই কোড কপি পেস্ট করলেই হবে। কোন আইপি ব্যান করারও ব্যবস্থা আছে। আপনার ইচ্ছা মতো রঙ ঢঙ পরিবর্তনও করতে পারবেন।এর সুবিধা হলো-এটি ব্যবহার করলে আপনার সাইট স্লো হবে না, এ অংশটি আপনার ব্যানডউথও খাবে …
HTML হলো Hyper Text Mark up Language. এই প্রগ্রামিং ল্যাংগুয়েজ case sensitive নয়। অর্থাত: ছোট ও বড় যে কোন হাতের লেখাই চলবে। HTML শিখতে আপনার নতুন কোন সফটওয়্যার লাগবে না। ইন্টারনেট বা সারভার লাগেব না। শুধু মাত্র নোটপ্যাড খুলে নিচের কোডগুলো টাইপ করুন। <html> <head> <title>Welcome To HTML</title> </head> <body> Hello World! </body> </html> এবার …
