Web Designing

Learn Web Designing in Nipuna Technologies. In Web Designing We Offer Adobe Photoshop Topics, Bootstrap For Responsive Design, Coreldraw, Css3, Html5, Javascript, Jquery Course.


Nipuna Technologies is a premium training institute for Web design is the visual aesthetics and page layout of a website. It goes hand-in-hand with web development in the creation of a static website or dynamic web application.

Even if you don’t consider yourself a creative person, it’s still a good idea to learn web design. No matter whether you want to make static websites or dynamic web applications, design is an important part of the process. The design is the first thing people notice when they arrive on a website, and if it’s not good enough, they’ll leave. You don’t want to create a site that frustrates people, do you?

If you do identify yourself as a creative person, you might even consider a career as a web designer. Today, there is a huge need for competent web designers with up-to-date skills. It’s not an opportunity to be sneezed at.

Learn coding and you’ll be a valuable asset to many. But learn coding and design and you’ll be second to none!


·         History of Adobe Photoshop
·         Uses with Adobe Photoshop
·         User Interface
Basics of CorelDraw
1.    Creating a new file
2.    Menu bar
3.    Work area
4.    Printable page
5.    Color palette
6.    Tool box
7.    Status bar
8.    Drawing figures
9.    Ellipse
10.  Circles
1.    Tool box
2.    Selecting an object
3.    Resizing an object
4.    Moving an object
5.    Changing the shape
6.    Combining of two objects
7.    Skewing
8.    Blending
9.    Curve lines
10.  Changing media
11.  Rotating an object
12.  Spray mode
1.    Text tool introduction
2.    Entering of text tool
3.    Artistic tool
4.    Text converting
5.    Text formatting
6.    Changing the font
7.    Bullets
8.    Decorating the text
9.    Webdings
10.  Text editor
11.  Changing the alignment
12.  Spelling checking
13.  Synonyms
14.  Find and replace
1.    Bitmap images
2.    Vector image
3.    Resizing and rotating
4.    Skewing, moving, cropping
5.    Importing images
6.    Special affects
7.    Conversation
1.    Changing the page size
2.    Changing the layout
3.    Applying styles
4.    Applying bitmap to the background
5.    Adding a page frame
6.    Moving between pages
Introduction to Bootstrap
About this course Bootstrap is an open source project originally created by Twitter to enable creation of responsive, mobile first web pages. Bootstrap has a standard set of classes that allow developers to quickly create applications that scale to devices of all sizes, and incorporate common components such as dialog boxes and validation. Bootstrap has become a defect standard for web design. This course is designed to be a primer on Bootstrap. In completing this course, you will learn to create pages common to all web applications, and implement the most frequently used components and classes provided by Bootstrap.
·         How to implement Bootstrap in existing web sites?
·         Some Bootstrap examples like Bootstrap button, grid, table, form, Pages etc…
·         Common Bootstrap components
·         How to use Bootstrap themes Prerequisites?
·         Knowledge of HTML and CSS is required
·         Knowledge of JavaScript is helpful.
·         Module 1:Getting Started with Bootstrap During our first module we’ll cover the basics of Bootstrap and the grid system. You’ll see how to obtain and add Bootstrap to your pages, and why Bootstrap makes developing responsive pages simpler than using CSS directly. We’ll also explain how the grid system works to layout your pages.


Module 2:Page Design and Data Display Bootstrap offers several features to ensure your page is designed optimally for all screen sizes. You’ll examine how to best use those capabilities to ensure users can easily consume the data they need regardless of their device type. You’ll also see how to use some of the advanced components, or controls, that Bootstrap offers.


Module 3:Forms and user interaction We’ll close our exploration of Bootstrap by taking a look at how we can obtain data from the user and provide feedback. Bootstrap offers great support for customizing forms, and several options to let the user know when the form is correct or incorrect. You’ll see how to add alerts and modal dialog boxes, as well as inline validation and data prompts.
HTML: Hyper Text Language

What is HTML?

Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.

“an HTML file”.


HTML is a type of markup language. It encapsulates, or “marks up” data within HTML tags, which define the data and describe its purpose on the webpage. The web browser then reads the HTML, which tells it things like which parts are headings, which parts are paragraphs, which parts are links, etc. The HTML describes the data to the browser, and the browser then displays the data accordingly. That’s how the browser knows that.
Html outline
·         Basics about html how to declare tags etc.
·         Basic html document structure
Html Basic Tags
·         Heading tags
·         Paragraph tags
·         Escape tags (New line, spaces etc.)
Html Attributes
·         d Specifies a unique id for an element
·         src Specifies the URL (web address) for an image
·         style Specifies an inline CSS style for an element
·         title Specifies extra information about an element (displayed as a tool tip) etc.
Html Formatting
·         Inserted text
·         Bold text
·         Inserted text
·         Deleted text
·         Subscript
·         Superscript etc…
Html Phrase tags
·         Quotation text
·         Emphasized text etc.
Html Meta tags
Html Comments
Html Images
Html tables
Html color
Html fonts
Html forms
Html lists
Html links
Html text links
Html image links
Html email links
Html frames
Html blocks
Html stylesheets
Html JavaScript
Html Layouts
Html backgrounds
Html Tag Reference
Html fonts Reference
Html Color names
What is CSS?
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a mark-up language like HTML. [CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
Why CSS?
Cascading Style Sheets or CSS are an important way to control how your Web pages look. CSS can control the fonts, text, colours, backgrounds, margins, and layout. But it can be very difficult to learn CSS, and some people would rather not learn it. There are some very good reasons to learn CSS so that you can control your Web pages look.
CSS properties
Css syntax
Css colors
Css backgrounds
Css borders
Css margins
Css padding
Css height/width
Css forms
Css website layout etc…
Css advantages
Css 2d transforms
Css 3d transforms
Css transitions
Css animations
Css tooltips
Css style images
Css object-fit
Css buttons
Css pagination
Css multiple columns etc…
Css Responsive
Css Grid
Css References
Css Reference
Css selectors
Css functions
Css reference aural
Css web safe fonts
Css animatable
Css units
Css px-emconverter
Css colors
Css color values
Css default values
Css browser support
Css Examples
Css templets
Css examples
Css exercises
Why JavaScript?
JavaScript is the programming language of the Web! In this JavaScript module you will learn how to write JavaScript’s and insert them into your HTML documents, and how to make your pages more dynamic and interactive.
Introduction to JavaScript
·         Where and how to add JavaScript in html?
·         And how to add script tags in html
Document Type object model
·         Variables
·         Operators
·         Functions
·         Looping statements
·         Conditioning statements
String Object
Array Object
Window object
Date object
Image Object
Frame Object
Browser Object
This course is designed to accommodate website designers who have some experience building web pages. Lessons familiarize students with the ins and outs of basic JavaScript and then move on to advanced tools for adding really useful interactivity to a Web site as quickly and easily as possible with the help of pre-written jQuery libraries.



·         Action/Reaction: Making Pages Come Alive with Events
·         What Are Events?
·         Using Events with Functions
·         Tutorial: Highlighting Table Rows
·         More jQuery Event Concepts
·         Advanced Event Management
·         Improving Your Images
·         Swapping Images
·         Adding Rollover Images
·         jQuery Effects
·         Photo Gallery with Effects
·         Advanced Gallery with jQuery lightBox
·         lightBox Photo Gallery
·         Animated Slideshows with Cycle
·         An Automated Slideshow
·         Building Web Page Features
·         Improving Navigation
·         Some Link Basics
·         Opening External Links in a New Window
·         Creating New Windows
·         Opening Pages in a Window on the Page
·         Making Bigger Links
·         Animated Navigation Menus
·         Enhancing Web Forms
·         Understanding Forms
·         Adding Smarts to Your Forms
·         Form Validation
·         Validation Tutorial
·         Expanding Your Interface
·         Hiding Information with Accordion Panels
·         Organizing Information in Tabbed Panels
·         Tooltips
·         Creating Sortable Tables
·         Ajax: Communicating with the Web Server
·         Introducing Ajax
·         What Is Ajax?
·         Ajax: The Basics
·         Ajax the jQuery Way
·         JSON
Call Now ButtonCall for Information