ওয়েব ডিজাইন বাংলা টিউটিরিয়াল ওভার ভিউ প্রোজেক্ট (পার্ট 01) | iT Blogs

Creat id card

Creat card


Card Name


Card Colour:
Your Name:

Birhday:
- -
Gender:

Location:
Your Picture:
*Maximum file size: 250KB
*File support: png, jpg, jpeg, and gif.



>


Find out the date of birth

Find out the date of birth


Date:
Month:
Year:


Result
In Months:
In Days:
In Hours:
In Minutes:
Your Next Birthday:



post site

ওয়েব ডিজাইন বাংলা টিউটিরিয়াল ওভার ভিউ প্রোজেক্ট (পার্ট 2)

ওয়েব ডিজাইন বাংলা টিউটিরিয়াল ওভার ভিউ প্রোজেক্ট (পার্ট 01)

Posted By: | Posted On: Feb 05, 2018 | Posted In: Web Design

ওয়েব ডিজাইন পার্ট ২

বন্ধুরা কেমন আছেন সবাই সবাইকে শুভেচ্ছা জানিয়ে সুরু করছি ওয়েব ডিজাইনের ২য় পর্ব

আপনারা জারা it blogs সাইট থেকে ওয়েব ডিজাইন শিখছেন আমদের ওয়েব ডিজাইন ক্যাটাগরি দেখুন ভালকরে দেখার পর একটা সবগুলি সামনে আগান

আসা করি
ওয়েব ডিজাইন পর্ব ১ দেখেছেন না দেখলে দেখে আসুন


 

আজ একটা বিষয় আজ দেখাবো জেটা না দেখলেই নয় ,

সেটা হল ইস্পেক্ট এলিমেন্ট


 

উপরে জে ছবিটা দেখছেন আমি এই সাইট বানিয়ে দেখাবো

এটা দিয়ে জে কাজটা করা হয় ওয়েব সাইটের জে কোন জায়গা সিলেক্ট করে ইস্পেক্ট এলিমেন্ট করলে

অই জায়গার html এবং css sসো করবে নিচে html কি css কি এটা সামনে দেখাই

Html কি

Html একটা প্রপাটি যেমন ধরুন আমি লিখলাম ( আমার সোনার বাংলা ) এটা স্ক্রিনে দেখাবে এটা হল প্রপাটি এটা

জে কোড দিয়ে লিখব সেটাই html ,

Css কি

এবার সি এস এস এটা এমনি একটা প্রপাটি জা দিয়ে html কে ডিজাইন করা হয় যেমন আমি আগে লিখেছি (আমার সোনার বাংলা )এখন এটাকে স্টাইল দেয়ার জন্য আমরা css ব্যাবহার করতে পারি এবং করব

এই হল css আসা করি বুজতে পেরেছেন

এবার ফিরে আসি এস্পেক্ট এলিমেন্ট

 

ইস্পেক্ট এলিমেন্ট থেকে ইডিট করে আপনি সরা সরি স্টাইল দিতে পারেন আমি সামনে দেখাবো ৪ বা ৫ পর্বে কিভাবে পেক্টিকাল কাজ করতে হয় ।

আসলে ইস্পেক্ট এলিমেন্ট একটা ডেভলাপার টুলস জার তুলনাই হয় না ,

সামনে আমি জে সাইট নিয়ে কাজ করে দেখাবো আমি সেতার সরচ ফাইল দিয়ে দেব পেক্টিস করার জন্য

আপনি ইস্পেক্ট এলিমেন্ট কিভাবে করবেন একটা পেজের জেকন জায়গা সিলেক্ট করে রাইট বাটুন চাপুন

 

একেবারে নিচে দেখুন inspect লেখা আছে এটাতে ক্লিক করুন দেখবেন নিচের মতো পেজ আসবে

এখানে আমি সিলেক্ট করলা নাভিগেসন মেনু


 

দেখুন নাভিগেসনের বাগ্রাউন্ড দেয়া আছে হলুদ কালার #e6af4b আমি এটাকে ইডিট করে করে দিলাম #020201

কালো ।

 

দেখুন নাভিগেসনের বেগ্রাউন্ড কালো হয়ে গেছে এখন আমাদের কাজ হল কন্টিনিউ ভাবে কালার ফিক্সট করা


 

দেখুন স্টাইল সিটে আমার কত নম্বার লাইন থেকে স্টাইল পেয়েছে এটা দেখাচ্ছে ত আমি এখন আমার স্টাইল সিটে

গেলাম মানে নোটপ্যাড ++ ওপেন করলাম নিচে দেখুন


 

এবার সেফ করে দিলাম আমার কাজ শেষ

এই ইস্পেক্ট এলিমেন্ট এমনি একটি টুলস জা দিয়ে ওয়েবসাইট রেস্পন্সিভ করা জায়

আজকের মতো এখানেই শেষ করলাম

আমি ফেসবুকে মোঃ হাফিজ

আমার অফিশিয়াল ব্লগ ফেসবুক পেজে লাইক দিতে ভুলবেন না

related post

Comments

comments

Copyright iT blogs Learning Solutions. All Right Reserved.
Facebook Auto Publish Powered By : XYZScripts.com