Front-end Web design course - Grace Web Tech | Best Web Development & Digital Marketing Company
Select Page

Web Designing with Complete PSD to HTML5, CSS3 and Bootstrap Framework

This course introduces the students to basic web development concepts and skills that will allow them to build simple website and modify existing website. Students will learn HTML, HTML5, CSS, CSS3 and Bootstrap Framework which will include everything a student needs to start creating a website. The course strives to really make the student understand the core concepts behind the World Wide Web (www) language. This course begins with the basic and first coding language of web development which is named HTML. At the end it moves on to HTML5, CSS, CSS3 and Bootstrap Framework. This course will show the students step-by-step how to build a simple HTML web site from PSD.

Requirements

  • No coding or design experience necessary
  • Any computer will do — Windows, OSX or Linux
  • You don’t need to buy any software — we will use the best free web development editor in the world

So why is this course so unique and popular?

Reason #1: The course is completely project-based

Reason #2: You will not just learn how to code  also  will go through the entire

                     process of building and launching our website project.

Reason #3: We will give you full support to be professional  and earn money.

Reason #4: Money back Guarantee.

Reason #5: We will with you until you be professional or get job.

Training Evaluation Process

Attendance.
Technical Assessment Test.
Small Test.
On Day Activity.
Assignments.
Projects.

Contents of Training:
Introduction of Web Design
How web design works and its future scope.
Demand in International freelancing marketplace & Local marketplace.
Freelancing marketplace (Ex. Upwork, Fiverr, Freelancer etc.).
Introduce Worksnap, Skype, Github, HTML, and CSS Facebook Community.

Introduction of HTML
HTML Tags, Elements and their Usage

Editors (Ex. Netbeans, Brackets, Notepad++).
Starting Basic with HTML.
HTML Tag list & Elements.
Attributes and their usage.
Headings and Paragraphs.
HTML Styles, Formatting & Quotations.
Links & Comments.
Image selection using HTML.
HTML CSS.
Tables & Lists.
Blocks (Using ID & Class Concept).
HTML Header, Layout and Responsiveness.

HTML Forms
Form Syntax
Form Control
Forms Elements.
Input Types
Input Attributes.
HTML Quick Feedback Forms.

Introduction of HTML5
Intro.
Support Issues & New features.
HTML to HTML5 Migration.
Media Integration.
HTML5 Video plugin.
HTML5 Audio plugin.
Plugins.
Include YouTube iframes videos and Google map into Webpage.

Introduction of CSS
Overview of CSS.

CSS Elements & Attributes
Syntax & Selectors.
External CSS.
CSS Text & Fonts.
CSS Links & Lists.
CSS Border & Border Radius.
Margin & Padding.
Outline & Dimensions.
Display & Floating.
CSS Alignment.
Combinatory.
Pseudo-class.
Pseudo-element.
Navigation bar using HTML & CSS.
Image Gallery & Opacity.
CSS Attribute Selectors.

Introduction of CSS3
Intro.
Border Syntax.
Border-Radius Syntax.
Box-Shadow Syntax.
Fonts.
Backgrounds.
Gradients.
Transitions.
Transforms.
Animations.
Multiple Columns.
Creating lists.
Adding media.
Organizing data with tables.
Create a Signup Form.
Create a Menu bar using CSS3 Gradients.
Create a Complete Layout Using HTML & CSS.

PSD to HTML
Overview of Web PSD’s and its demand.
Asset Cutting Using Adobe Photoshop.
Create Markup using HTML.
Create, Customize & Generate Styles.
Convert the whole PSD to HTML.
Final Testing.

Introduction of Bootstrap Framework
Version & Support Issues

Getting Started
Introduction.
Why Bootstrap.
Installation & Integrate with HTML.

Bootstrap CSS
Grid System.
Typography.
Paragraphs.
Code.
Tables.
Forms.
Buttons.

Bootstrap Components
Glyphicons.
Dropdowns.
Button Groups.
Button Dropdowns.
Input Groups.
Navs.
Navbar.
Breadcrumbs.
Pagination.
Labels.
Badges.
Jumbotron.
Page Header.
Thumbnails.
Alerts.
Progress bars.
Media Object.
List Group.
Panels.
Responsive Embed.
Wells.

Bootstrap JavaScript
Grid System.
Carousel.
Modal.
Scrollspy.
Tab.
Tooltip.
Popovar.
Collapse.

Bootstrap Project
Convert PSD to HTML and then convert it to Bootstrap

Course Fee : 8000 tk

Course Duration : 3 Months