Professional Web Design

COURSE OPPORTUNITY

If you are looking for a professional web design course in Dhaka then you can check our course curriculum and our mentors. We are one of the best professional web design training in Dhaka, Bangladesh.

Traditional Web Designing jobs have been drastically changed to be fit for the modern world. Designing for each and every screen (Responsive Web Design) is not easy. Young web designers face huge questions. e.g. How to change the layout? How to use a grid system for responsive web design? Which content in the webpage to hide and show?

Web design is a smart profession in the age of drastically growing online businesses. Anyone can be a professional in Web Design by learning HTML & CSS. You don’t need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust.

Creativity is being limited by using some cheesy “site-builder” tool in creating websites. This course teaches you how to use your own concept, take 100% control over your webpages and make a fully professional and modern website.

You don’t need any prior experience. We start from the very beginning to push everyone step by step to the expert level. By the end of the course, you will have created (by hand) a website that looks great on phones, tablets, laptops, and desktops alike.

If you want to do Advanced Web Development Course at Prime IT Institute then you have to complete this professional web design course before that. Because without the knowledge of web design, it will be hard to develop your web development knowledge. To keep pace with the modern trend of website building Web Development is a must. The people who are interested to get into the ‘Web Development’ profession and want to make awesome web applications in various companies and online freelancing marketplaces can join.

JOB OPPORTUNITIES

After completing this professional web design course and internship, we will help every successful student to get a full time or part-time job as a web designer. We will also help them to be a successful freelancer in the design area.

WHO CAN PARTICIPATE?

After learning this course, you can make your Web Design process simple, effective and painless. We especially recommend this course:

People who want to build websites
Frontend Developers
Students who have an interest in web design
Small Business Owners who need a website
Anyone who is desired to learn Web Design

Modern designers use several tools in the Web Design process. Designers also need to collaborate with Developers a lot to produce an awesome interactive website.
So, in this course, you will be taught the modern process of creating Responsive websites.

PREREQUISITES

Technical skill for web design course: Must have the fluent operating skill of computer.
Must have the skill to use the internet.
A little knowledge of the graphic world would be fine but not necessary.
Fluency in English (both writing and speaking).
Academic: HSC or equivalent certificate.

LEARNING OUTCOMES

Create any website layout you can imagine
Add tasteful animations and effects with CSS3
Support any device size with Responsive (mobile-friendly) Design
Use common vocabulary from the design industry
Slice up a Photoshop mockup and hand-code valid HTML5 & CSS3
Make a PSD into a beautiful, usable, and valid HTML5 & CSS3 website
Design and develop a coded Style Guide for Developers
Create Online Style Guide using Zeplin
Pixel perfect web design
Fresh and modern code with W3C validation
Cross-browser compatibility (Firefox, IE, Chrome, Opera, Safari)

COURSE FEES & DURATION FOR WEB DESIGN COURSE:

Total Class = 33
Per Class = 02 hours
Total Time = 66 hours
Duration = 03 months
Internship (Optional) = 02 months
Regular Course Fee = 15000 BDT Only
Registration Fee = 1500 BDT Only

Course Curriculum

01. OVERALL IDEA ABOUT FREELANCE OUTSOURCING & WEB DESIGN

Lecture 1.1 What is Freelancing?
Lecture 1.2 What is Outsourcing?
Lecture 1.3 Online Freelance Marketplaces
Lecture 1.4 Basic Idea about Payment Systems
Lecture 1.5 Types of Freelancing work
Lecture 1.6 What is Web Design and Development?
Lecture 1.7 Web Design Related Jobs in Online/Offline
Lecture 1.8 What You Need to be a Successful Web Designer?
Lecture 1.9 How to start learn Web Design?

02. INTRODUCTION

03. FUNDAMENTALS OF HTML

Lecture 3.1 Understanding whitespace and comments
Lecture 3.2 Displaying text with paragraphs
Lecture 3.3 Applying style
Lecture 3.4 Using block and inline tags
Lecture 3.5 Displaying characters with references
Lecture 3.5 Displaying characters with references
Lecture 3.6 Metadata and the Document Head
Lecture 3.7 Exploring the front matter of HTML
Lecture 3.8 Applying CSS to your document
Lecture 3.9 Adding scripting elements
Lecture 3.10 Using the meta tag
Lecture 3.11 Optimizing your page for search engines

04. TEXT

Lecture 4.1 Controlling line breaks and spaces
Lecture 4.2 Exploring phrase elements
Lecture 4.3 Using font markup elements
Lecture 4.4 Highlighting text with mark
Lecture 4.5 Adding headings
Lecture 4.6 Using quotations and quote marks
Lecture 4.7 Exploring pre-formatted text
Lecture 4.8 Formatting lists
Lecture 4.9 Forcing text direction
Lecture 4.10 Suggesting word-break opportunities
Lecture 4.11 Annotating East Asian languages

05. A CSS PRIMER

Lecture 5.1 Introducing CSS
Lecture 5.2 Understanding CSS placement
Lecture 5.3 Exploring CSS syntax
Lecture 5.4 Understanding CSS units of measure
Lecture 5.5 Some CSS examples
Lecture 5.6 Images
Lecture 5.7 Using images
Lecture 5.7 Using images
Lecture 5.8 Flowing text around an image
Lecture 5.9 Breaking lines around an image
Lecture 5.10 Aligning images
Lecture 5.11 Mapping links in an image

06. HYPERLINKS

Lecture 6.1 Understanding URLs
Lecture 6.3 Using relative URLs
Lecture 6.2 Working with hyperlinks
Lecture 6.4 Specifying a base URL
Lecture 6.5 Linking within a page
Lecture 6.6 Using image links
Lecture 6.7 Lists
Lecture 6.8 Exploring list types
Lecture 6.9 List elements in depth
Lecture 6.10 Using text menus with unordered lists

07. STRUCTURAL, CONTEXTUAL, AND SEMANTIC ELEMENTS

Lecture 7.1 Introduction to HTML semantics
Lecture 7.2 Exploring an example
Lecture 7.3 Marking up figures and illustrations
Lecture 7.4 Creating collapsible details
Lecture 7.5 Audio, Video, and Other Objects
Lecture 7.6 Embedding audio
Lecture 7.7 Embedding video
Lecture 7.8 HTML5 Data Elements
Lecture 7.9 Creating ad-hoc Document Object Model (DOM) data with the data-* attribute
Lecture 7.10 Displaying relative values with meter
Lecture 7.11 Creating dynamic progress indicators
Lecture 7.12 HTML5 Microdata
Lecture 7.13 Overview of HTML5 microdata
Lecture 7.14 Exploring an example with microdata

08. DOCUMENT OUTLINES

Lecture 8.1 Understanding outlines
Lecture 8.2 A demonstration of outlining
Lecture 8.3 Tables
Lecture 8.4 Table basics
Lecture 8.5 Exploring the semantic parts of a table
Lecture 8.6 Grouping columns
Lecture 8.7 Frames
Lecture 8.8 Frames overview
Lecture 8.9 Using traditional frames
Lecture 8.10 Exploring inline frames using iframe
Lecture 8.11 Simulating frames with CSS

09. FORMS

Lecture 9.1 Introducing forms
Lecture 9.2 Using text elements
Lecture 9.3 Using checkboxes and radio buttons
Lecture 9.4 Creating selection lists and dropdown lists
Lecture 9.5 Submit and button elements
Lecture 9.6 Using an image as a submit button
Lecture 9.7 Keeping context with the hidden element
Lecture 9.8 Setting tab order
Lecture 9.9 Preloading an autocomplete list using the datalist feature
Lecture 9.10 Displaying results with output

10. CSS BASIC

Lecture 10.1 Exploring default styling
Lecture 10.2 CSS authoring tools
Lecture 10.3 CSS syntax
Lecture 10.4 Writing a selector
Lecture 10.5 Setting properties
Lecture 10.6 Common units of measurement
Lecture 10.7 Inline styles
Lecture 10.8 Embedded styles
Lecture 10.9 Using external style sheets
Lecture 10.10 Checking for browser support
Lecture 10.11 Dealing with browser inconsistencies

11. STRUCTURING HTML CORRECTLY

Lecture 11.1 Element selectors
Lecture 11.2 Class selectors
Lecture 11.3 ID selectors
Lecture 11.4 Using classes and IDs
Lecture 11.5 Element-specific selectors
Lecture 11.6 The universal selector
Lecture 11.7 Grouping selectors
Lecture 11.8 Descendent selectors

12. CHILD SELECTORS

Lecture 12.1 Adjacent selectors
Lecture 12.2 Attribute selectors
Lecture 12.3 Pseudo-class selectors
Lecture 12.4 Dynamic pseudo-class selectors
Lecture 12.5 Structural pseudo-class selectors
Lecture 12.6 Nth-child selectors
Lecture 12.7 Pseudo-element selectors
Lecture 12.8 Targeting page content: Lab
Lecture 12.9 Targeting page content: Solution

13. RESOLVING CONFLICTS

14. BASIC TEXT FORMATTING

15. SETTING TEXT COLOR

Lecture 15.1 Writing font shorthand notation
Lecture 15.2 Controlling text alignment
Lecture 15.3 Letter and word spacing
Lecture 15.4 Indenting text
Lecture 15.5 Adjusting paragraph line height
Lecture 15.6 Controlling the space between elements
Lecture 15.7 Basic text formatting: Lab
Lecture 15.8 Basic text formatting: Solution

16. STYLING CONTAINER ELEMENTS

17. CREATING ROUNDED CORNERS

18. WORKING WITH COLOR

29. CREATING ACCOUNT IN UPWORK

30. CREATING ACCOUNT IN FREELANCER

31. CREATING ACCOUNT IN PPH & FIVERR

32. PAYMENT SYSTEM FOR FREELANCING SITES

৳ 15,000.00

Reg. Fee

৳ 1,500

Course Duration: 66h

Course level:All Levels

Professional Web Design

COURSE OPPORTUNITY

JOB OPPORTUNITIES

WHO CAN PARTICIPATE?

PREREQUISITES

LEARNING OUTCOMES

COURSE FEES & DURATION FOR WEB DESIGN COURSE:

Course Curriculum

01. OVERALL IDEA ABOUT FREELANCE OUTSOURCING & WEB DESIGN

Lecture 1.1 What is Freelancing?

Lecture 1.2 What is Outsourcing?

Lecture 1.3 Online Freelance Marketplaces

Lecture 1.4 Basic Idea about Payment Systems

Lecture 1.5 Types of Freelancing work

Lecture 1.6 What is Web Design and Development?

Lecture 1.7 Web Design Related Jobs in Online/Offline

Lecture 1.8 What You Need to be a Successful Web Designer?

Lecture 1.9 How to start learn Web Design?

02. INTRODUCTION

Lecture 2.1 What you need to know about this course

Lecture 2.2 What is HTML?

Lecture 2.3 Examining the structure of an HTML document

Lecture 2.4 Understanding tags and containers

Lecture 2.5 Exploring content models in HTML5

Lecture 2.6 Looking at obsolete elements

03. FUNDAMENTALS OF HTML

Lecture 3.1 Understanding whitespace and comments

Lecture 3.2 Displaying text with paragraphs

Lecture 3.3 Applying style

Lecture 3.4 Using block and inline tags

Lecture 3.5 Displaying characters with references

Lecture 3.5 Displaying characters with references

Lecture 3.6 Metadata and the Document Head

Lecture 3.7 Exploring the front matter of HTML

Lecture 3.8 Applying CSS to your document

Lecture 3.9 Adding scripting elements

Lecture 3.10 Using the meta tag

Lecture 3.11 Optimizing your page for search engines

04. TEXT

Lecture 4.1 Controlling line breaks and spaces

Lecture 4.2 Exploring phrase elements

Lecture 4.3 Using font markup elements

Lecture 4.4 Highlighting text with mark

Lecture 4.5 Adding headings

Lecture 4.6 Using quotations and quote marks

Lecture 4.7 Exploring pre-formatted text

Lecture 4.8 Formatting lists

Lecture 4.9 Forcing text direction

Lecture 4.10 Suggesting word-break opportunities

Lecture 4.11 Annotating East Asian languages

05. A CSS PRIMER

Lecture 5.1 Introducing CSS

Lecture 5.2 Understanding CSS placement

Lecture 5.3 Exploring CSS syntax

Lecture 5.4 Understanding CSS units of measure

Lecture 5.5 Some CSS examples

Lecture 5.6 Images

Lecture 5.7 Using images

Lecture 5.7 Using images

Lecture 5.8 Flowing text around an image

Lecture 5.9 Breaking lines around an image

Lecture 5.10 Aligning images

Lecture 5.11 Mapping links in an image

06. HYPERLINKS

Lecture 6.1 Understanding URLs

Lecture 6.3 Using relative URLs

Lecture 6.2 Working with hyperlinks

Lecture 6.4 Specifying a base URL

Lecture 6.5 Linking within a page

Lecture 6.6 Using image links

Lecture 6.7 Lists

Lecture 6.8 Exploring list types

Lecture 6.9 List elements in depth

Lecture 6.10 Using text menus with unordered lists

07. STRUCTURAL, CONTEXTUAL, AND SEMANTIC ELEMENTS

Lecture 7.1 Introduction to HTML semantics

Lecture 7.2 Exploring an example

Lecture 7.3 Marking up figures and illustrations

Lecture 7.4 Creating collapsible details

Lecture 7.5 Audio, Video, and Other Objects