Web Design

Course Outline

WEBSITE DESIGN কি ?

সহজ অর্থে WEBSITE DESIGN হল ওয়েবসাইট তৈরি ও ডিজাইন করা ।একটা WEBSITE এর বাইরের চেহারা দেখতে কেমন হবে সেটা নির্ধারণ করার কাজ হলো WEB DESIGN । WEBSITE DESIGN এমন ভাবে করা হয়ে থাকে যাতে করে যাতে একটা প্রতিষ্ঠান, সংগঠন, ফোরাম সম্পর্কে সাইটে ভিজিটরদের ধারনা সহজ হয় । অর্থাৎ, যে কেউ ওইসাইটে ভিজিট করলে সাইটের উদ্দেশ্য, বিষয় সম্পর্কে সুস্পট ধারনা পেতে পারে । WEBSITE DESIGN এমন ভাবে করা হয়ে থাকে যাতে করে যে কোন সাইট BIG SCREEN (ল্যাপটপ, ডেস্কটপ) এবং SMALL SCREEN (মোবাইল, ট্যাব) উভয় প্রকার ডিভাইসে দেখা যায় ও ব্রাউজ করা যায় । WEBSITE DESIGN করার আগে মৌলিক দুটি বিষয় প্রয়োজন ডোমেইন এবং হোস্টিং । প্রকারভেদ অনুসারে WEBSITE তিন ধরনের হয়ে থাকেঃ-

 

 
  • Static website design
  • CMS or dynamic website
  • eCommerce website

WEBSITE DESIGN এর উপাদানসমূহ কি কি ?

  • Domain name.
  • Web Hosting
  • Business email address.
  • Logo design.
  • Favicon (Favorites Icon)
  • Images.
  • Text content.

Syllabus

HTML - Module 1

  • ওয়েব সম্পর্কে বেসিক ধারণা
  • HTML পরিচিতি
  • HTML ট্যাগ এর সঠিক ব্যবহার
  • HTML ট্যাগ লিস্ট

CSS - Module 2

  • Attribute এর ব্যবহার
  • Html সম্পর্কিত সমস্যা সমাধান
  • Make a simple web about yourself by using HTML
  • CSS পরিচিতি
  • Learn About Inline , internal and external CSS
  • CSS Property

CSS - Module 3

  • Border,Margin,Padding
  • CSS Color,Background ,Font and Icon
  • Height and width
  • Outline
  • CSS Text
  • Font

CSS - Module 4

  • Border,Margin,Padding
  • List Style in CSS
  • Height and width
  • Outline
  • CSS Text
  • Font

CSS - Module 5

  • List Style in CSS
  • CSS Tables
  • Display Property
  • Position
  • Z-Index,Overflow
  • CSS Navigation Bar
  • CSS Dropdowns
  • CSS Image Gallery

CSS - Module 6

  • Make Card with CSS
  • CSS Animation
  • Design Menu with CSS
  • Make Web Header
  • Learn about web layout
  • Create a complete web

Bootstrap - Module 7

  • Bootstrap সম্পর্কে ধারণা
  • Bootstrap Utilites
  • Helpers
  • Forms
  • Bootstrap Components সম্পর্কে ধারণা
  • Badge

Bootstrap - Module 8

  • Breadcrumb
  • Buttons
  • Card
  • Carousel Slider
  • Close button
  • Dropdowns

Bootstrap - Module 9

  • Modal
  • Navbar
  • Popovers
  • Progress
  • Spinners
  • Layout

Bootstrap - Module 10

  • Design Section With bootstrap
  • Some Simple Design
  • Create a full web with bootstrap
  • Responsive সম্পর্কে ধারণা
  • Create a responsive web with bootstrap
  • Learn about another framwork

JavaScript - Module 11

  • JavaScript পরিচিতি
  • Out Put
  • Statements
  • JS Syntax
  • Js Comment
  • JS Variables

JavaScript - Module 12

  • JS Operators
  • JS Data Types
  • JS Functions
  • JS Objects
  • JS Comment
  • JS Variables

JavaScript - Module 13

  • JS Strings
  • JS Number
  • JS Arrays
  • JS Date
  • JS Condition
  • JS Variables

JavaScript - Module 14

  • JS Loop
  • JS
  • JS Arrays
  • JS Date
  • JS Condition
  • JS ES6

JavaScript - Module 15

  • JS Loop
  • JS
  • JS Arrays
  • JS Date
  • JS Condition
  • JS ES6

JavaScript - Module 16

  • JS DOM
  • DOM Methods
  • DOM Elements
  • DOM HTML
  • DOM Forms
  • DOM CSS

JavaScript - Module 17

  • DOM Methods
  • DOM Elements
  • DOM HTML
  • DOM Forms
  • DOM CSS

JavaScript - Module 18

  • Make Simple Project with JS
  • Make Slider with JS
  • Make Calculator With JS
  • Make Wather App with JS
  • Make Full Web With JS
  • JS Problem Solving

jQuery - Module 19

  • jQuery পরিচিতি
  • jQuery Function
  • jQuery Mathod
  • Simple Project
  • jQuery Project
  • Form Validation

jQuery - Module 20

  • jQuery Plugin
  • jQuery Plugin এর ব্যবহার
  • jQuery Plugin সতর্কতা
  • jQuery Slider
  • Image realated plugin
  • Make Project with jQuery

WordPress - Module 21

  • WordPress পরিচিতি
  • Learn About Server
  • WordPress Installation
  • WordPress Free Theme Customization
  • WordPress Free Plugin Customization
  • Introduction With Premium Theme

WordPress - Module 22

  • Introduction With Premium Plugin
  • Premium Theme Customization
  • Premium Plugin Customization
  • Tips About Theme
  • Tips About Plugin
  • Design Web With Free Theme and Plugin

WordPress - Module 23

  • Design Web With Premium Theme and Plugin
  • Design a Portfolio Web
  • Design E-Commerce Web
  • Create Woo-Commerce Web
  • WordPress সম্পর্কে বিস্তারিত আলোচনা

Skill

a. Competitive Edge: In the freelance world, competition is fierce. Developing and constantly upgrading your skills ensures you stand out in a crowded marketplace. Clients are more likely to hire freelancers who possess the necessary expertise to meet their specific needs.

b. Credibility and Trust: A freelancer with a solid skill set is perceived as reliable and trustworthy. Clients are more likely to entrust important projects to individuals who demonstrate proficiency and a deep understanding of their craft.

c. Adaptability: The job market is dynamic, and skills become outdated quickly. Continuous skill development allows freelancers to adapt to changing trends, technologies, and client demands, ensuring they remain relevant and sought after in their field.

This will close in 20 seconds

Marketing

a. Visibility: Even the most skilled freelancers won't find success without effective marketing. Creating a strong online presence through platforms like social media, personal websites, and freelance marketplaces increases visibility and attracts potential clients.

b. Networking: Marketing skills help freelancers build and nurture valuable professional connections. Networking opens doors to new opportunities, collaborations, and referrals, expanding the freelancer's client base and enhancing their overall success.

c. Brand Building: Marketing is instrumental in crafting a personal brand. A strong brand communicates professionalism, reliability, and expertise. Clients are more likely to choose a freelancer with a well-established brand that aligns with their needs and values.

This will close in 20 seconds

Communication

a. Understanding Client Needs: Effective communication is the key to understanding and meeting client expectations. Freelancers who can articulate ideas, ask clarifying questions, and provide updates in a clear and concise manner are more likely to establish positive client relationships.

b. Conflict Resolution: Not every project goes smoothly. Strong communication skills help freelancers navigate challenges and conflicts. Being able to address issues transparently and find solutions enhances client satisfaction and maintains a positive professional reputation.

c. Client Retention: Repeat business is often the lifeblood of freelancers. Excellent communication fosters strong client relationships, leading to satisfied clients who are more likely to return for future projects and recommend the freelancer to others.

This will close in 20 seconds