ICT & others Information

know yourselves. information, computer, 7 wonders, various.

Monday, October 24, 2016

Dreamweaver_ part9_ID selector ও Image type

  October 24, 2016    Sharmin Khan Ishita



ID selector
ID Selector এবং Class Selector প্রায় একই রকম। ID Selector দ্বারা কোন নিদিষ্ট এলাকাতে Style প্রয়োগ করা যায় । শুরুতে চলুন আমরা একটি ID Selector তৈরী করি ।
১. নতুন ফাকা পেজ নিন। CSS Style প্যানেল থেকে New CSS Rule বাটনে ক্লিক করুন। 
২. New CSS Rule ডায়ালগ বক্স আসলে Selector Type অপশন থেকে ID (Applies to only one HTML Element) সিলেক্ট করুন।
৩. Selector Name অপশনে লিখুন #Wrapper, OK করুন ।
৪. Rule Definition ডায়ালগ বক্সে Background অপশনে Background color হালকা হলদে রং এবং Box অপশনে Width 770px Height 150 লিখে OK করুন। CSS style প্যানেলে দেখুন Style নামে একটি ID  Selector তৈরী হয়েছে।
৯. এবার স্ক্রীনটাকে Div Tag এর মাধ্যেমে কয়েকটি ভাগে ভাগ করব। শুরুতে কার্সর রেখে Common ট্যাব সিলেক্ট থাকা অবস্থায় Insert Div Tag বাটনে ক্লিক করুন। Insert Div Tag ডায়ালগ বক্স আসলে Insert অপশনে At Insertion point এবং স্ক্রীনে Wrapper নামে একটি Div Tag তৈরী হবে। ID অপশনে ড্রপ ডাউনে ক্লিক করে Wrapper সিলেক্ট করে দিন।
লক্ষ্য করুন তৈরী করে রাখা Wrapper নামক ID সিলেক্টরটি দেখা যাবে।
Image type
Web Design এর জন্য Dreamweaver এ ছবির জন্য তিনটি Format ব্যবহার করা হয়। Dreamwever এই তিনটি ফাইলকে সাপোর্ট করে।
1. JPG
2. GIF
3. PNG
১. JPG: Web Design এর ক্ষেত্রে এই Format টি সবচেয়ে বেশি ব্যবহৃত হয় । যাতে করে File গুলো ছোট হয়। JPG অর্থাৎ Joint Photographic Experts Group.

২. GIF: JPG পর বেশী ব্যবহিত হয় GIF ফরম্যাট। এনিমেটেড ফাইল গুলো GIF ফরম্যাটে ব্যবহার করে
Dreamweaver এ ব্যবহার করা যায়। GIF অর্থাৎ Graphic Interchange Format

৩. PNG: PNG অর্থাৎ Portable Network Graphic এটি সাধারণত কোন Graphics এর ব্যাকগ্রাউন্ড মুছে ফেলে। তবে PNG ফরম্যাটে অনেক ব্রাউজার সমস্যা করে তাই এই ফরম্যাটটি ব্যবহার না করাই ভাল।

Image সংযুক্ত করা :
আমরা প্রথমেই ছবি গুলোকে একটি Root Folder এর মধ্যে রেখেছি। এই ফোল্ডার থেকে ছবিকে আমরা Design Window তে সংযুক্ত করব। আমরা এখানে একটি Banner সংযুক্ত করব ।
১. যেখানে Image টি বসাবেন সেখানে ফাকা জায়গা রাখুন ।
২. Files প্যানেলে আপনার Site এ রাখা ফোল্ডার গুলো দেখা যাবে। Image ফোল্ডার টিতে ক্লিক করুন । প্রয়োজনীয় ছবিটি ড্রাগ করে Design Window তে এনে বসান।
৩. Image Tag নামক ডায়ালগ বক্স আসলে Alternative টেক্সট এর নাম দিতে হবে । অর্থাৎ কোন কারণে যদি Image টি দেখা না যায় কোন Browser এ, সেক্ষেত্রে Image এর জায়গার নামটি  প্রদশিত হবে। Alternative Text বক্সে নাম দিন Header Banner ।
OK করুন।
লক্ষ্য করুন Design Window তে Image টি চলে এসেছে। Image টিকে প্রযোজন মত ছোট /বড় করে নিন । File>Save কমান্ড দিন । Preview করে দেখে নিন।
৪. ছবিটিকে সিলেক্ট করে Properties প্যানেল থেকে প্রযোজনে ছবিটিকে বড়/ছোট করে নিন। Properties প্যানেলে Height,Width1000 Height 285 করে দিন।
Preview করে দেখে নিন । ব্রাউজারে  যাওয়ার পূর্বে অবশ্যই ফাইলটিকে সেভ করে নিন।
৫. Code view তে প্রবেশ করুন । লক্ষ্য করুন । Image এর html tag দেখা যাবে।
৬. Design Window তে ফিরে যান । আমরা আরো একটি Image এর নীচে সংযুক্ত করব । Image টির নিচে কার্সর রেখে Files প্যানেল থেকে Image Folder থেকে Banner 2 ইমেজটি ড্রাগ করে টেনে আনুন ।
৭. Image Tag Accessibility Attributes নামে ডায়ালগ বক্স আসবে ; Alternative text ঘরে নাম দিন Banner-2 OK করুন।
প্রযোজন মত ছোট /বড় করে নিন এখানে ব্যানার দুটির মধ্যে স্পেস চলে এসেছে। ব্যানার দুটি এখানে প্যারাগ্যারাফের মত করে অবস্থান করছে। তাই প্রথম ছবিটির পরে ব্রেক (Br) করে দিতে হবে ।
Code View তে প্রবেশ করুন আমরা Code এ গিয়ে ব্রেক (Br) কমান্ড দিয়ে দেব।
৮. প্রথম প্যারাগ্রাফের শেষের <p/> এবং ২য় প্যারাগ্রাফের <p মুছে দিন। তাহলে একটি প্যারাগ্রাফের মধ্যে বিন্দুটি থাকবে। Design View তে যান দেখুন । ছবিদুটি সংযুক্ত হয়েছে।

এভাবে কোন banner সেট করা যায়। এবার আমরা আরো একটি ছবি আনব।
৯. Files প্যানেল থেকে আপনার Image ফোল্ডার হতে আর একটি ছবি মাউস দিয়ে ড্রাগ করে এনে ছেড়ে দিন । Alternative text ঘরে যে কোন নাম দিয়ে দিন। লক্ষ্য করুন আরও একটি Image সংযুক্ত হয়েছে।
Dreamweaver_ part9_image15
১০. File>Save করে Brower এ Preview করে দেখুন। Code view তে গিয়ে Image টির HTML Tag দেখুন।

Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

cd

RELATED POST LINKS BELOW ********************************************
part1_Dreamweaver, Properties Inspector ও Panel বন্ধ করা
part2-Panel আনা, Panel গ্রুপে Panel টিকে রাখা ও Panel গ্রুপকে Collapse করা
part3-নতুন Site তৈরী করা
part4_Import Siteও Logout তৈরী
part5_হেডার যুক্ত করা
part6_Style Sheet ও Tag Selector
part7_ Div Tag 
part8_Box Properties ও Floating করা
part9_ID selector ও Image type 
part10_Image Properties ও Animation সংযুক্ত 
part11_টেবিল সংযোজন, টেবিলে ডাটা ইমপোট করা, Table ফরমেটিং ও টেবিলে Image সেট করা 
part12_Form তৈরী করা, Form এর ভিতর ফিল্ড সেট করা,  Form এর মধ্যে Text ফিল্ড যোগ করা, From এ রেডিও বাটন যোগ করা, Form এ Text area যোগ করা, Form এ বাটন যোগ করা, ও Form Design

Sunday, October 23, 2016

Dreamweaver_ part5_হেডার যুক্ত করা

  October 23, 2016    Sharmin Khan Ishita





হেডার যুক্ত করা
আমরা ফাকা Design Window,তে হেডার তৈরী  করব। শুরুতেই আমরা Header যুক্ত করব। যে বিষয়ের উপর লেখা হবে সেই বিষয়ের নাম দেয়া হল হেডিং।
১. ফাকা স্ক্রীনে This is Nova Computer লিখুন।
২. লেখাটিবে সিলেক্ট করে নিচের Properties Inspector থেকে HTML অপশনে Format এর মধ্যে ছয় ধরনের হেডিং রয়েছে। এখানে থেকে যে কোনটি সিলেক্ট করতে পারেন। আমরা Heading 1 সিলেক্ট করলাম।

HTML ট্যাগ দিয়ে ছয় প্রকারের Header সংযুক্ত করা যায়। Heading 01 থেকে Heading 6 পর্যমত্ম Header আসেত্ম আসেত্ম ছোট হবে।
৩. Code বাটনে তে ক্লিক করুন। HTML কোডিং দেখাতে পারেন। Dreamweaver এর সুকিধাই হল কোন কোডিং লিখতে হয় না। কমান্ড দিলেই অটোমেটিক চলে আসে।

দেখা শেষে আবার Design বাটনে ক্লিক করুন।

Sub হেডার দেয়া
আমরা একটা মেইন Header এর Under এ Sub Header আবার Sub Header আবার Sub Header এভাবে কওে Header 6 পর্যমত্ম দিতে পারি। আমাদেও এখানে কিছু টেক্সট লেখা আছে। এই টেক্সেটের শুরুতে আমরা একটি Main Header তার আনডারে দুইটি  Sub-Header এবং Sub Header এর আনডাওে আরো দুইটি Sub – Header সংযুক্ত করব।
১. Choose the best programs লেখাটিকে সিলেক্ট করে Properties Inspector থেকে HTML অপশনের  Format থেকে  Heading 1 সিলেক্ট করুন।


৩. নিচের দিকে আরো  একটি লাইন tip about Photoshop and Elements সিলেক্ট কওে Heading 2 দিন । সুতরম্নং একটি মেইন হেডারের জায়গাই দুটি Sub –Header সংযুক্ত হল।

৪.  এখন প্রথম Sub হেডারের আনডারে লেখা Adive Photoshop সিলেক্ট করে Heading 03 দিন । পরবর্তীতে Adobe Photoshop Elements সিলেক্ট করে Heading 03 দিন। প্রথম Sub- হেডারের আনডারে আরো দুইটি sub হেডার যুক্ত করে। এভাবে করে Heading 06 পর্যমত্ম দেয়া যায়।

                           
Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

cd

RELATED POST LINKS BELOW ********************************************
part1_Dreamweaver, Properties Inspector ও Panel বন্ধ করা
part2-Panel আনা, Panel গ্রুপে Panel টিকে রাখা ও Panel গ্রুপকে Collapse করা
part3-নতুন Site তৈরী করা
part4_Import Siteও Logout তৈরী
part5_হেডার যুক্ত করা
part6_Style Sheet ও Tag Selector
part7_ Div Tag 
part8_Box Properties ও Floating করা
part9_ID selector ও Image type 
part10_Image Properties ও Animation সংযুক্ত 
part11_টেবিল সংযোজন, টেবিলে ডাটা ইমপোট করা, Table ফরমেটিং ও টেবিলে Image সেট করা 
part12_Form তৈরী করা, Form এর ভিতর ফিল্ড সেট করা,  Form এর মধ্যে Text ফিল্ড যোগ করা, From এ রেডিও বাটন যোগ করা, Form এ Text area যোগ করা, Form এ বাটন যোগ করা, ও Form Design

Dreamweaver_ part4_Import Siteও Logout তৈরী

  October 23, 2016    Sharmin Khan Ishita


Import Site: Export কৃত Site কে আবার Import করার জন্য এই অপশনে ক্লিক করতে হবে। Import Site অপশনে ক্লিক করুন। Import Site ডায়ালগ বক্স আসলে G drive থেকে Nova Copy Site টি সিলেক্ট করুন।

Open বাটনে ক্লিক করুন।কোন ডায়ালগ বক্স আসলে OK করুন। Nova Copy 2 নামে সাইট Manage Sites  ডায়ালগ বক্সে Import হবে।

নতুন Logout নিয়ে সাইট তৈরী
আমরা যখন HTML ল্যাংগুয়েজে  Dreamweaver গুলি বা অন্য যে কোন ল্যাংগুয়েজে Dreamweaver  খুলি তখন সাদা বা Blank Design Window বা ফাকা স্ক্রীন পাওয়া যায়। কিন্তু Dream Weaver এ Site  তৈরির জন্য তৈরী করে রাখা বেশ কিছু Logout বা Design থাকে। যেগুলো ব্যবহার করে আমরা আমাদের Site তৈরী করতে পারি।
১. File > New কমান্ড দিন । New Document ডায়ালগ বক্স আসবে।


HTML অপশনে সিলেক্ট থাকা অবস্থায় ডানে Layout অপশনে বিভিন্ন  Layout রয়েছে। আপনার পছন্দ মত যে কোন একটিতে ক্লিক করুন। 2 Coolum Fixed ; Right Sidebar, header and footer লে আউটটি সিলেক্ট করি।


Create অপশনে ক্লিক করেন। নতুন Layout এ Design window আসবে। এই Layout এ উপরে Logo  বসানোর জায়গা বা Header লেখার  জায়গা, নিচে Footer লেখার জায়গা। ডানে একটি প্যান দেখা যাবে। আপনি আপনার প্রয়োজনীয় Information দিয়ে Site টি তৈরী করবেন।

Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

cd

RELATED POST LINKS BELOW ********************************************
part1_Dreamweaver, Properties Inspector ও Panel বন্ধ করা
part2-Panel আনা, Panel গ্রুপে Panel টিকে রাখা ও Panel গ্রুপকে Collapse করা
part3-নতুন Site তৈরী করা
part4_Import Siteও Logout তৈরী
part5_হেডার যুক্ত করা
part6_Style Sheet ও Tag Selector
part7_ Div Tag 
part8_Box Properties ও Floating করা
part9_ID selector ও Image type 
part10_Image Properties ও Animation সংযুক্ত 
part11_টেবিল সংযোজন, টেবিলে ডাটা ইমপোট করা, Table ফরমেটিং ও টেবিলে Image সেট করা 
part12_Form তৈরী করা, Form এর ভিতর ফিল্ড সেট করা,  Form এর মধ্যে Text ফিল্ড যোগ করা, From এ রেডিও বাটন যোগ করা, Form এ Text area যোগ করা, Form এ বাটন যোগ করা, ও Form Design

php_mysql_part10_Hit Counter তৈরী করা

  October 23, 2016    Sharmin Khan Ishita




Hit Counter তৈরী করা
পেজ Hit Counter বসানো খুবই সহজ কাজ এজন্য ২টি ফাইল তৈরী করতে হবে। একটি হচ্ছে php ফাইল অন্যটি হচ্ছে txt ফাইল। php ফাইল দ্বারা Text ফাইলে কতটি Number আছে সেটি নির্ধারণ করা হবে। এছাড়াও php ফাইল দ্বারা কোন ইউজার নতুন প্রবেশ করলে বা পেজকে রিফ্রেশ করলে ১টি করে নতুন সংখ্যা নির্দেশ করা হবে। অর্থাৎ php দ্বারা text ফাইলে Read ও Write এর ব্যবস্থা করানো হবে। php এর Basic অংশে Part-1 বইতে fopen ও felose, ($filename, ‘r’ ) ও ($filename, ‘w’) কমান্ডগুলি সম্বন্ধে বলা আছে। আমরা আলাদা ভাবে php ফাইল  না খুলে আমাদের header.php ফাইলের শেষে কোড সংযোজন করবো।

১. header.php ফাইলটি খুলুন। শেষের দিকে hr অ্যাট্রিবিউটের পর নতুন করে একটি php ট্যাগ নিন এবং নতুন ট্যাগের মধ্যে কোডিং লক্ষ্য করুন। প্রথম লাইনে $filename নামে একটি ভেরিয়েবল নিয়ে counter.txt একটি text ফাইলকে অ্যাসাইন করা হয়েছে। আমরা counter.txt নামে একটি ফাইল তৈরী করবো, যেখানে রেজাল্ট জমা থাকবে। এর পর $fp নামে আরেকটি ভেরিয়েবল নিয়েছি এবং fopen = filename অর্থাৎ counter.txt ফাইলকে r দ্বারা Read করা বলা হয়েছে । পরে $counter নামে আরেকটি ভেরিয়েবল নেয়া হয়েছে। এখানে বলা হয়ে $fp ভেরিয়েবলের মধ্যে রক্ষিত এবং $filename (counter.txt) ফাইলে সাইজ (filesize) কত সেটি গননা করতে হবে। এরপর felose দিয়ে $fp ভেরিয়েবলকে Close করা হয়েছে। এরপর আবার বলা হয়েছে আগের যে $Counter ভেরিয়েবল ছিল এর সাথে ১ যোগ করে নতুন করে $Counter এ রাখতে হবে। এরপর echo করে $Counter  এর মধ্যে জমানো রেজাল্ট দেখাতে বলা হয়েছে। এরপর $fp = fopen ($filename, ‘w’ ) এর মাধ্যেমে আবার যদি কেউ নতুন করে প্রবেশ বা Refesh করে তবে আবার $filename (Counter.txt) ফাইল op করে w এর মাধ্যেমে Write করে $fp এর মধ্যে রাখা হয়েছে। এরপর fwrite দ্বারা $fp ও $Counter ভেরিয়েবলের মধ্যে Write করে ( Counter.txt ফাইলের কনটেন্ট) fclose  করতে বলা হয়েছে। নিচের কোডিং লক্ষ্য করুন।

Text ফাইল তৈরী করা
১. এখন c://XAMPP/htdocs/mysite ফোল্ডাওে Counter.txt নামে একটি ফাঁকা Text ফাইল তৈরী করে রাখুন।
২. এখন অপর পেজে ব্রাউজ করুন দেখুন বামদিকে শেষে Hit Counter ও Total hit সংখ্যা দেখাচ্ছে।

Site Decoration করা
এখন আমরা আমাদের Tutorials পেজে একটু ডেকোরেশন করবো। এখানে কিছু Sentence কে Random ভাবে প্রর্দশন করা হবে। সামান্য কিছু php কোডিং যোগ কওে এটি করা সম্ভব।

দেখুন Tutorials পেজ খুললে নিচে লাল কালারের একটি Sentence প্রর্দশিত হচ্ছে You can make document using word Tutorials.
আবার যদি পেজটি Reload করেন বা নতুন কোন ইউজার প্রবেশ করে তবে ম্যাসেজটি পরিবর্তিত হয়ে দেখাচ্ছে

You can illustrator Your document using illustrator Tutorials.
Random Text প্রর্দশন
১. Tutorials.php ফাইলটি খুলুন দেখুন কোডিং এ শেষের দিকে নতুন একটি php ট্যাগ নেওয়া হয়েছে। এখানে $quotes নামে একটি variable নিয়ে পরপর ৬ লাইন ৬টি কোটেশন দেওয়া হয়েছে। এই লাইন সংখ্যা কম বা বেশী হতে পারে। পরে $rand নামে আরেকটি variable নিয়ে উল্লেখ time করে দেওয়া হয়েছে। আবার $auto নামে একটি variable নিয়ে  $rand এর মধ্যে থাকা ডাটাকে count করতে বলা হয়েছে। শেষে echo এর মাধ্যমে $auto তে রাখা ডাটাকে প্রর্দশন করা হয়েছে। সাথে <p>, <center> ও <font> অ্যাট্রিবিউট ব্যবহার করে টেক্সটকে ডেকোরেশন করা হয়েছে। আপনি echo র মাধ্যেমে একটি Session কেউ কল করতে পারেন। আমরা শেষে এটি করেছি। এর কারণে কেউ Log in থাকলে তার নাম প্রর্দশন করবে।

Tutorials.php ফাইলের বর্ধিত অংশের কোড
<?php
$quotes[] = "You can edit your photo using Photoshop Tutorials.";
$quotes[] = "You can illustrate your document using Illustratrator  Tutorials.";
$quotes[] = "You can edit your movie using Premiere Tutorials.";
$quotes[] = "You can make animation using Flash Tutorials.";
$quotes[] = "You can make web page using HTML Tutorials.";
$quotes[] = "You can make document using Word Tutorials.";

srand ((double) microtime() * 1000000);
$auto = rand(0,count($quotes)-1);

echo "<p><center><font face='Verdana' size='4' color=red><b>" . $quotes[$auto] .  "</center></font></p>";
echo "<p><center><font face='Verdana' size='4' color=green><b>" . $_SESSION['bappi'] .  "</center></font></p>";
?>


Random ছবি সংযোজন
Random Text এর মত করে আমরা এখন Random Image সংযোজন করবো। আমাদের header.php ফাইলের শেষের দিকে একটি php ট্যাগে কিছু কোড সংযোজন করেছি। আমাদের প্রজেক্টে আমরা ৫টি Animated.Gif ফাইল ব্যবহার করেছি প্রতি ফাইল ২টি করে .jpeg ইমেজ দিয়ে  ২ফ্রেমের এমিমেশন সংযোজন করা হয়েছে। এনিমেটেড Gif তৈরী করার জন্য ছোট ছোট অনেক সফটওয়্যার পাওয়া যায় সংগ্রহ করে নিন অথবা Net থেকে GIFMARK.me সাইটে গিয়ে Gif তৈরী করুন। নিচের কোডিং লক্ষ্য করুন  প্রথমেই start এর মাধ্যে মান=5 দেওয়া হয়েছে। যেহেতু আমাদের ইমেজের পরিমান ৫ টি। এর পর file-type ভেরিয়েবলে আমাদের ব্যবরূত mysite এর মাধ্যমে ব্যবহৃত mysite অবস্থিত Images ফোল্ডারের নাম দেওয়া হয়েছে। এর পর start  ভেরিয়েবল প্রথম ইমেজের ক্রমিক বলে দেওয়া হয়েছে। আমাদের ইমেজের নাম হচ্ছে যথাক্রমে I,gif, 3. gif, 4 gif এবং 5. gif.
এর পর $randam ভেরিয়েবল নিয়ে startও to tal কে কল করা হয়েছে। শেষে Image-Name ভেরিয়েবলের ডাটা ও ফাইল টাইপ করা হয়েছে। শেষে eclo দিয়ে ইমেজ ফোল্ডার থেকে Image এর নাম দিয়ে প্রদর্শন করতে বলা হয়েছে। নিচের কোডিং লক্ষ্য করুন ।


Header.php ফাইলের বর্ধিত কোডিং


ব্রাউজারে  নিচের মত ফলাফল পাওয়া যাবে।

ম্যাসেজ প্রর্দশন
আমরা আমাদের my header-final-php ফাইলে আগেই session যোগ করেছি এই session টিকে আরও একটু মডিফাই করে ইউজার যদি login করে তবে তাকে একটি ম্যাসেজ প্রর্দশন করা হবে। তবে আমরা বর্তমান সময়টি গননা করে দেখবো এখন বাংলাদেশ টাইম কত। সেই টাইম অনুসারে ম্যাসেজ পরিবর্তিত হবে।
এছাড়া আমরা বিভিন্ন ডেটাকে সেট করে বিশেষ বিশেষ দিনে বিশেষ বিশেষ ম্যাসেজ প্রর্দশনের ব্যবস্থা করা হবে। header.php ফাইলটি খুলে প্রথম <div> Content_mid এর শেষে php ট্যাগ লক্ষ্য করুন । এখানে প্রথম ২টি echo তে কেউ Log-in করে থাকলে তার নাম দেখাতে বলা হয়েছে। এরপর $Current ভেরিয়েবলে দিন,মাস ও বছর দেখানো হয়েছে। এরপর যেহেতু বাংলাদেশের সময় হচ্ছে GMT+6 সেজন্য সেটি $timeset এর মধ্যে রাখা হয়েছে। এরপর $bdtime ভেরিয়েবলে data এর মধ্যে থেকে শুরুম্ন H=hour কে গননা করা হয়েছে। এরপর if লুপের মধ্যে ৩টি সময় অনুসারে দেখাতে বলা হয়েছে। কাজেই এ পর্যমত্ম নাম ও ম্যাসেজ পর্যমত্ম বলা হলো। এরপর php ট্যাগ শেষ করা হয়েছে। এখন আসুন নিচের কোড টুকু দেখুন My Index_final.php ফাইলের বর্ধিত কোডিং

<?php
     include ("include/header.php");
?>

<div id="content_mid"><span class="title">About Nova Computer</span><br />
  Look! Our product written by Bappi Ashraf. He has written various book about computer. And go on..Look! Our product written by Bappi Ashraf. He has written various book about computer. And go on.. Look! Our product written by Bappi Ashraf. He has written various book about computer. And go on..  Look! Our product written by Bappi Ashraf. He has written various book about computer. And go on..
  Bappi Ashraf is an actor and computer books author. He has written verious kind of computer books.
<?php
     echo "<br /> <font face='Verdana' size='4' color=red>
     <b>Welcome our site $name </b></font><br />";
     echo $_SESSION['bappi'];
    
     $current=date("d/m/y");
     $timeset=strtotime("+6 hour");
     $bdtime = date ("H");
     if ($bdtime < 12) {
     echo "&nbsp;&nbsp;Good Morning";
     }
     elseif ($bdtime < 16){
     echo "&nbsp;&nbsp;Good Afternoon";
     }
     elseif ($bdtime< 24){
     echo "&nbsp;&nbsp;Good Evening";
     }
?>
   ব্রাউজারে  নিচের মত ফলাফল পাওয়া যাবে।

এখন desktop এর ডানদিকে Time ট্যাবে ক্লিক করে সময় বদলে দিন এবং পেজটি Reload করুন। দেখুন ম্যাসেজ পাল্টে যাবে।

চলুন আরও একটু কোড সংযোজন করা যাক । নিচের কোডিং লক্ষ্য করুন ।
<?php
     echo "<br /> <font face='Verdana' size='4' color=red>
     <b>Welcome our site $name </b></font><br />";
     echo $_SESSION['bappi'];
    
     $current=date("d/m/y");
     $timeset=strtotime("+6 hour");
     $bdtime = date ("H");
     if ($bdtime < 12) {
     echo "&nbsp;&nbsp;Good Morning";
     }
     elseif ($bdtime < 16){
     echo "&nbsp;&nbsp;Good Afternoon";
     }
     elseif ($bdtime< 24){
     echo "&nbsp;&nbsp;Good Evening";

     }
$bdtime=date("l h:i:s A",$timeset);
$set1="16/12/13";
$set2="25/12/13";
$set3="21/02/13";

echo"<br /> Today is $current <br /> Now Bd Time is: $bdtime <br />";
if($current==$set1){
echo "<br /> <font face='Verdana' size='4' color=green>
<b>Welcome to Indepandent Day</b></font><br />";
}
if($current==$set2){
echo "<br /> <font face='Verdana' size='4' color=green>
<b>Welcome to Happy Crismass </b></font><br />";
}
if($current==$set3){
echo "<br /> <font face='Verdana' size='4' color=green>
<b>Welcome to International Mother Language Day </b></font><br />";
}
?>
দেখুন আবারও $bdtime=data এ L=দিন ও h:1:s=hour: minites: second সংযোগ করা হয়েছে timeste(GTM=time) সহ। এরপর তিনটি set ভেরিয়েবল নিয়ে ৩টি ডেটাকে সেট করা হয়েছে। ১৬ ডিসেম্বর, ২৫ শে ডিসেম্বর ও ২ শে ফেম্ন্রুয়ারী। এরপর echo তে $warrant ও $bdtime দেখাতে বলা হয়েছে। এবং set তিন if লুপ দিয়ে যাচাই করে তিনটি আলাদা ম্যাসেজ থেকে set এর সাথে মিলিয়ে ম্যাসেজ প্রর্দশন করতে বলা হয়েছে।
এখন আপনার কম্পিউটারের date পরিবর্তন করে ২৫ ডিসেম্বর করে পেজটি Reload করুন নিচের মত দেখা যাবে। এভাবে date পাল্টিয়ে দেখুন অন্য তারিখগুলোও  ফলপ্রসু হবে।



Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

cd

RELATED POST LINKS BELOW ********************************************

part1_PHP-MySql Projects  
part2_HTML ফাইলগুলিকে PHP তে রূপান্তর করা  
part3_Registration.php ফাইল তৈরী
part4_MySQL নিয়ে কাজ করা
part5_php দিয়ে mysql এর ডাটাবেজে  connect করা
part6_Registration.php ফাইলকে Modify করা
part7_Log-in  পেজ তৈরী  
part8_Header.php ফাইলে session সংযোগ
part9_কোন পেজ কে Restrict করা ও Product.php  ফাইল তৈরী করা
part10_Hit Counter তৈরী করা