রবিবার, ২৭ মে, ২০১২

html image


এবার আমরা দেখব কিভাবে html এ image যুক্ত করতে হয় এর জন্য নিচের code টুকু লক্ষ্য করুন।

<img src="file:///G|/Photo/New folder/New folder (2)/cute.jpg" width="603" height="270">





এখানে বলা হচ্ছে একটা image যুক্ত হবে আমার G drive হতে New folder এর New folder2 অন্তরগত cute.jpg নামক image file যার widthহবে 603 এবং height হবে 270।
তবে উল্লেখ্য যে file টি যে ফোল্ডারে থাকবে image টি ও সে ফোল্ডারে থাকতে হবে।
                
                        আল্লাহ হাফেজ।।

এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

html form


আসুন এবার দেখা যাক কিভাবে form তৈরি করতে হয় আগের মত নিচের কোড টুকু copy করে  paste করে save করুন।

//Input box
<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>
//Password box
<form>
Password: <input type="password" name="pwd" />
</form>
//radio button
<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>
//checkbox
<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>
//submit button
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>



এখানে //Input box ,//Password box, //radio button, //checkbox, //submit button আপনাদের বুঝার সুবিধার্থে দেয়া হয়েছে ।
     

আল্লাহ হাফেজ।।


এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

শনিবার, ২৬ মে, ২০১২

HTML ফরম্যাটিং


বন্ধুরা কেমন আছেন? আজ আমি HTML এর formatting নিয়ে আলচনা করব প্রথমে আপনার computer এ Macromedia Dreamweaver run করে দুই body এর মাঝখানে নিচের Code টুকু copy paste করুন

<body>
<p>
<font size="9" face="arial" color="green">
This sentence is in Arial, size 9,and text color is green.</font>
</p>
<p>
<font size="5" face="Times New Roman" color="red">
This sentence is in Times New Roman, size 5, and text color is red.</font>
</p>
</body>

এরপর save as হতে type .html দিয়ে সেভ করুন।কাজ শেষ এবার দেখা যাক কি হল 


এবার Code নিয়ে আলোচনা করা যাক।

<p>
<font size="9" face="arial" color="green">
This sentence is in Arial, size 9,and text color is green.</font>
</p>

এখানে <p> দ্বারা ট্যাগ শুরু এবং শেষ বুঝানো হয়েছে
<font size="9" face="arial" color="green">
এখানে বলা হচ্ছে font size হবে 9, font হবে arial, font color হবে green.
এখন নিচের টুকু  নিজে নিজে চেস্টা করুন।আশা করি সবাই পারবেন।
                         
                        আল্লাহ হাফেজ।।

এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

শুক্রবার, ২৫ মে, ২০১২

html03Text


সবাইকে ধন্যবাদ,আজ দেখবো html এর মাধ্যমে কিভাবে Website এ text document যুক্ত করা যায়।
এর জন্য নিচে code টুকু Dreamweaver এর দুই body এর মাঝখানে paste পূর্বের save করুন।
<body>
Your Text here
</p>
<hr />
<p> Your Text here </p>
</body>
এখানে Your Text here এর স্থানে আপনার Text লিখুন।
মনে করুন আমি এই text টি যুক্ত করব “Read the project description carefully. After all, if the employer doesn’t feel you understand the project, you’re not likely to win the bidding. Besides, many employers will ask for specific details that you need to be aware of. In fact, employers often include a phrase that must be included in your bid in order to have it considered. The bottom line is, you should always take the time to go through the description thoroughly”
তহলে আমার নিচের মত করে save দিতে হবে
<body>
Read the project description carefully. After all, if the employer doesn’t feel you understand the project, you’re not likely to win the bidding. Besides, many employers will ask for specific details that you need to be aware of. In fact, employers often include a phrase that must be included in your bid in order to have it considered. The bottom line is, you should always take the time to go through the description thoroughly</p>
<hr />
<p> Read the project description carefully. After all, if the employer doesn’t feel you understand the project, you’re not likely to win the bidding. Besides, many employers will ask for specific details that you need to be aware of. In fact, employers often include a phrase that must be included in your bid in order to have it considered. The bottom line is, you should always take the time to go through the description thoroughly</p>
</body>

 এভাবে save দিলে output হবে এই রকম  আল্লাহ হাফেজ।
এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

বৃহস্পতিবার, ২৪ মে, ২০১২

HTML02 color

বন্ধুরা কেমন আছেন ?আশা করি ভাল ।অনেক ব্যাস্ততার কারনে কিছুদিন লেখা হয়নি আজ আবার লিখছি ।আজও HTML নিয়ে আলোচনা করব।আগের মত আপনার computer এ Macromedia Dreamweaver রান করে code mode নিয়ে আসুন


এবার নিচের code টুকু copy করে দুই body এর মাঝখানে paste করুন


<p style="background-color:#999999">
Your company
</p>
<p style="background-color:rgb(300,300,0)">
Your company
</p>
<p style="background-color:blue">
Your company
<p style="background-color:green">
Your company
</p>


আসুন code টুকু বোঝার চেষ্টা করি
<p style="background-color:#999999">
Your company
</p>


এখানে বলা হচ্ছে backgroundএর color হবে #999999 অথাৎ output এ যে color টা দেখছি আপনার ইচ্ছা মত color code পরিবর্তন করতে পারেন।
আপনি আরও দুই ভাবে background-color দিতে পারেন

তার জন্য পরের code টুকু দেখুন

<p style="background-color:rgb(300,300,0)">
Your company
</p>

এখানে বলা হচ্ছে background-color হবে rgb(300,300,0) এটাও আপনার ইচ্ছা মত পরিবর্তন করতে পারেন।

Background-color দেয়ার তৃতীয় পদ্ধতি হল আপনি যে color ব্যবহার করবেন তার নাম লিখে যেমন


<p style="background-color:green">
Your company
</p>


এখানে বলা হচ্ছে background-color হবে green আপনি চাইলে blue,red,gray ইত্যাদি ব্যবহার করতে পারেন।

এবার design mode এ দেখুন ঠিক এই রকম



এখন আগের মত save as থেকে Name: index.html এবং save as type HTML দিয়ে Save করুন।
ব্যস শেষ দেখেলন তো HTML কত সহজ।
                                             
                                                           আল্লাহ হাফেজ।।
এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

মঙ্গলবার, ৮ মে, ২০১২

HTML এর প্রথম ধাপ

সবাই কেমন আছেন? আজ আমি HTML এর Basic কিছু Code নিয়ে আলোচনা করব

প্রথমে আপনার computer এ Macromedia Dreamwaver Run করুন নিচের মত Window আসবে




এরপর


এবার নিচের মত Window আসবে



 Design mode এ থাকলে code এ click করুন
এবং নিচের code টুকু Coppy করে paste করুন

<html>
<body>
<h1>Your company name</h1>
<h2>Welcome to our site</h2>
<h3>your salgon hare</h3>
</body>
</html>




 Design mode এ click করে দেখে নিন আপনার Output

 এবার File manu থেকে Save as এ click করে




  Save as type যেকোন নাম .html দিয়ে Save করুন



এবার Browser দেখুন




আপনি এই রকম একটি page create করে ফেলেছেন দেখলেন তো কত সহজ !!!!
এবার নিজের মত করে Eaditing করুন । আজ এ টুকু ই সবাই ভাল থাকবেন।
                       
                    আল্লাহ হাফেজ।।
এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

সোমবার, ৭ মে, ২০১২

প্রথম ধাপ HTML

HTML কি ? 

হাইপার টেক্সট মার্ক আপ ল্যাঙ্গুয়েজ (অথবা এইচটিএমএল, ইংরেজি: Hyper Text Markup Language) হলো একটি ফর্ম্যাট যাতে বিভিন্ন প্রকারের ফর্ম্যাটিং ও হাইপারলিংক ব্যবহার করা যায়। ইন্টারনেটে, তথা ওয়েবসাইটে এইচ টি এম এল সবচেয়ে বেশি ব্যবহৃত হয়। এই ফাইলের এক্সটেনশন .htm অথবা .html উভয়ই হতে পারে। এতে বিভিন্ন ট্যাগ ব্যবহার করে বিভিন্ন ফর্ম্যাটিং, অবজেক্ট ও লিংক প্রকাশ করা করা হয়।


HTML ব্যবহার করে ওয়েব ডিজাইন করতে মূলত একটি software লাগে যার নাম Macromedia dreamwevar বাজারে Avilable . software টি যথাযথ install করে কাজ শুরু করতে হবে।
এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:

আমার প্রথম লেখা

সবাইকে ধন্যবাদ  আমাদের দেশের অনেকেই আছেন যারা Freelancing বা Outsourcing করার কথা ভাবেন।আবার অনেকে আবার চেষটা  ও করেন কিন্ত skill না থাকার কারনে তা হয়ে ওঠেনা।তাই আমি এই Blogg আমার নগনন্য জ্ঞান থেকে যতটুকু সমভব Share করবো ।আশা করি কেউ না কেউ উপকৃত হবে ই । ভাল লাগলে দয়া করে comments করবেন। আর যারা expert আছেন তারাও লিখবেন আশা করি ধন্যবাদ।
এর দ্বারা পোস্ট করা এই সময়ে কোন মন্তব্য নেই:
এতে সদস্যতা: পোস্টগুলি (Atom)