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
-
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
-
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
-
Lecture 13.1 What happens when styles conflict?
-
Lecture 13.2 Understanding the cascade
-
Lecture 13.3 Using inheritance
-
Lecture 13.4 Selector specificity
-
Lecture 13.5 Reducing conflicts through planning
-
Lecture 13.6 Resolving conflicts: Lab
-
Lecture 13.7 Resolving conflicts: Solution
14. BASIC TEXT FORMATTING
-
Lecture 14.1 Setting a font family
-
Lecture 14.2 Using @font-face
-
Lecture 14.3 Setting font size
-
Lecture 14.4 Font style and font weight
-
Lecture 14.5 Transforming text
-
Lecture 14.6 Using text variants
-
Lecture 14.7 Text decoration options
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
-
Lecture 16.1 Understanding the box model
-
Lecture 16.2 Controlling element spacing
-
Lecture 16.3 Controlling interior spacing
-
Lecture 16.4 Margin and padding shorthand notation
-
Lecture 16.5 Adding borders
-
Lecture 16.6 Defining element size
17. CREATING ROUNDED CORNERS
-
Lecture 17.1 Background properties
-
Lecture 17.2 Using background images
-
Lecture 17.3 Controlling image positioning
-
Lecture 17.4 Using multiple backgrounds
-
Lecture 17.5 Background shorthand notation
-
Lecture 17.6 Styling container elements: Lab
-
Lecture 17.7 Styling container elements: Solution
18. WORKING WITH COLOR
-
Lecture 18.1 Color keyword definitions
-
Lecture 18.2 Understanding hexadecimal notation
-
Lecture 18.3 Using RGB values
-
Lecture 18.3 Using RGB values
-
Lecture 18.5 Working with opacity
-
Lecture 18.6 Using RGBa and HSLa
-
Lecture 18.7 Styling drop shadows
29. CREATING ACCOUNT IN UPWORK
-
Lecture 29.1 Making an eye catching profile and portfolio
-
Lecture 29.2 Types of Web Design related task in oDesk
-
Lecture 29.3 How to write a professional proposal?
-
Lecture 29.4 What should you do and don’t for jobs?
-
Lecture 29.5 How to withdraw money from oDesk?
30. CREATING ACCOUNT IN FREELANCER
-
Lecture 30.1 Create a professional profile
-
Lecture 30.2 Types of Web Design related task in Freelancer
-
Lecture 30.3 How to write a professional proposal?
-
Lecture 30.4 What should you do and don’t for jobs?
31. CREATING ACCOUNT IN PPH & FIVERR
-
Lecture 31.1 Creating professional profile
-
Lecture 31.2 How to write professional proposal/hourlie/gigs?
-
Lecture 31.3 How to collect stars and Endorsements?
-
Lecture 31.4 How to increase Rank / CRT?
32. PAYMENT SYSTEM FOR FREELANCING SITES
-
Lecture 32.1 Payoneer Master Card
-
Lecture 32.2 Moneybookers
-
Lecture 32.2 Moneybookers
Reg. Fee
৳ 1,500
Certificate:
Yes
Assessments
Yes
Course created by
