Web Designing Training

4182 Learners

Web Designing training provides a comprehensive study on the tools and technologies required for the designing of impressive website. Participants will learn the effective use of CSS, Photoshop, Dreamweaver, HTML, HTML5, Java Script, and jQuery.

An experienced trainer guides in understanding the client requirement and further in concept creation. The coding, layout, color scheme, font style/size/color, functionality and other details are encompassed in this training. Aspirants are taught how to keep a balance between text, graphics and multimedia on the website by keeping it comply to the standardization.

By the end of the training , you will be able to do the following:

Using CSS- structure text/lists, define link states, define layout, work on forms
Using Photoshop and Dreamweaver- for image editing
Using HTML - apply tags/elements/attributes/comments, implement formatting, provide linking, create frames/blocks, use colors/fonts/stylesheet/layout
Using HTML5- work with text, forms, multimedia, data storage, and geolocation
Using JavaScript - use arithmetic/logical operators, loop/control statements, functions/events, DOM
Using jQuery - use DOM elements, jQuery utilities/events

Target audience

Website Developer
Web Designer
Students

Prerequisites

While there is no formal prerequisite for this training, however candidates with a strong interest in website designing are the ideal participants for this course. Understanding of HTML and CSS will be an added advantage.

By the end of the training , you will be able to do the following:

Using CSS- structure text/lists, define link states, define layout, work on forms
Using Photoshop and Dreamweaver- for image editing
Using HTML - apply tags/elements/attributes/comments, implement formatting, provide linking, create frames/blocks, use colors/fonts/stylesheet/layout
Using HTML5- work with text, forms, multimedia, data storage, and geolocation
Using JavaScript - use arithmetic/logical operators, loop/control statements, functions/events, DOM
Using jQuery - use DOM elements, jQuery utilities/events

Target audience

Website Developer
Web Designer
Students

Prerequisites

Module 1: CSS

CSS Syntax
- Rules
- Selectors
- Properties
- Values
- Applying CSS to HTML
Text
- Structuring Text
- Basic Text Elements: Paragraphs, Line Breaks, and Emphasis
- Headings
- Quotations
- Abbreviations and Acronyms
- Preformatted Text and Computer Code
- Editorial Insertions and Deletions
- Multilanguage and Bidirectional Text
- Addresses
- Styling Text
- Fonts
- Color
- Size
- Line Height
- Bold and Italics
- Upper and Lower Case
- The Font Shorthand Property
- Underline and Strikethrough
- Letter and Word Spacing
- Indenting
- Horizontal Alignment
- Vertical Alignment
- More Text Styling Techniques
Links
- Link States: Link, Visited, Hover, Focus, and Active
- Accessible Links
- Tabbing
- Access Keys
- Link Titles
- Pop ups
- Adjacent Links
- Skipping Navigation
Images
- The img Element
- Image Maps
- Background Images
- Image Replacement: Providing Graphical Alternatives for Text
Layout
- The Box Model
- Width and Height
- Padding
- Borders
- Margin
- The display Property
- Positioning
- Static
- Relative
- Absolute
- Fixed
- Floating
- Sample Page Layouts
- Creating Columns
- Adding a Page Header
- Adding a Footer
Lists
- Structuring Lists
- Unordered and Ordered Lists
- Definition Lists
- Lists as Navigation
- Presenting Lists
- List Markers—Bullets, Numbers, and Images
- Horizontal Lists
Forms
- Labels
- Styling Form Fields
- Borders
- Fonts
- Backgrounds
Multiple Media
- Screen Readers
- Mobile Devices
- Print
Pseudo classes
- :active
- :first
- :first child
- :focus
- :hover
- :lang
- :left
- :link
- :right
- :visited
Pseudo elements
- :after
- :before
- :first letter
- :first line
- At rules
- @import

CSS 3

CSS History
- What is CSS
- Animations with CSS
- Borders with CSS
- Backgrounds with CSS
- Fonts with CSS
- Multiple Columns
- Text Effects with CSS
- Transitions Effects
User Interface of CSS
- D Transforms with CSS
- D Transforms with CSS

Photoshop

Intro Of Photoshop
Interface Layout
Palettes
Toolbox
Selection Tools
Alteration Tools
Drawing and Selection Tools
Assisting Tools
Color Boxes and Modes
Basic Image Editing
Cropping
Resizing
Correcting
Sharpening/Softening
Saving
Creatng PSD
Convert PSD to HTML

Dreamweaver

Defining a local site
Creating a page in Layout view
Inserting an image and a rollover image
Working with tables in Standard view
Creating a link to another document
Inserting assets from the Assets panel
Inserting Flash Text and Flash Button objects
Creating and applying a template
Running a site report
Adding a Design Note

Module 2: HTML

HTML Overview
- Basic HTML Document
- HTML Tags

HTML Document Structure
- The Declaration

HTML Basic Tags
- Heading Tags
- Paragraph Tag
- Line Break Tag
- Centering Content
- Horizontal Lines
- Preserve Formatting
- Nonbreaking Spaces

HTML Elements
- HTML Tag vs Element
- Nested HTML Elements

HTML Attributes
- Core Attributes
- The id Attribute
- The title Attribute
- The class Attribute
- The style Attribute
- Internationalization Attributes
- The dir Attribute
- The lang Attribute
- The xml:lang Attribute
- Generic Attributes

HTML Formatting
- Bold Text
- Italic Text
- Underlined Text
- Strike Text
- Monospaced Font
- Superscript Text
- Subscript Text
- Inserted Text
- Deleted Text
- Larger Text
- Smaller Text
- Grouping Content

HTML Phrase Tags
- Emphasized Text
- Marked Text
- Strong Text
- Text Abbreviation
- Acronym Element
- Text Direction
- Special Terms
- Quoting Text
- Short Quotations
- Text Citations
- Computer Code
- Keyboard Text
- Programming Variables
- Program Output
- Address Text

HTML Meta Tags
- Adding Meta Tags to Your Documents
- Specifying Keywords
- Document Description
- Document Revision Date
- Document Refreshing
- Page Redirection
- Setting Cookies
- Setting Author Name
- Specify Character Set

HTML Comments
- Valid vs Invalid Comments
- Multiline Comments
- Conditional Comments
HTML Lists
HTML Unordered Lists
The type Attribute
HTML Ordered Lists
The type Attribute

The start Attribute
HTML Definition Lists

HTML Text Links
- Linking Documents
- The target Attribute
- Use of Base Path
- Linking to a Page Section

HTML Frames
Disadvantages of Frames
Creating Frames
The Tag Attributes
The Tag Attributes
Browser Support for Frames
Frame's name and target attributes
HTML IFrames
TheTag Attributes

HTML Blocks
- Block Elements
- Inline Elements
- Grouping HTML Elements
- The
  tag
- The tag

HTML Backgrounds
- Html Background with Colors
- Html Background with Images
- Patterned & Transparent Backgrounds

HTML Colors
- HTML Color Coding Methods
- HTML Colors Color Names
- W C Standard Colors
- HTML Colors Hex Codes
- HTML Colors RGB Values
- Browser Safe Colors

HTML Fonts
- Set Font Size
- Relative Font Size
- Setting Font Face
- Specify alternate font faces
- Setting Font Color
- The Element:

HTML Forms
- Form Attributes
- HTML Form Controls
- Text Input Controls
- Single line text input controls
- Attributes

HTML Marquees

Syntax
- The Tag Attributes

HTML Header
- The HTML
- The HTML Tag
- The HTML Tag
- The HTML Tag
- The HTML

Drop Us a Query

+91 95550 06479

Available 24x7 for your queries

Web Designing Training Course Certificate

Our Training Certificates Get The Job Done

prtechskills is the “one-top learning platform” for everyone.

Get trained with certified industry experts and receive a globally-recognized training certificate.

prtechskills Training Certificate Features :

Globally recognized certificate with complete name of the candidate
Course ID & Course Name
Certificate with Date of Issuance
Name and Digital Signature of the Awardee

Web Designing Corporate Training & Certification Program

Employee training and development programs are essential to the success of businesses worldwide. With our best-in-class corporate trainings you can enhance employee productivity and increase efficiency of your organization. Created by global subject matter experts, we offer highest quality content that are tailored to match your company’s learning goals and budget.

Customized Training

Be it schedule, duration or course material, you can entirely customize the trainings depending on the learning requirements of your workforce. You can even choose a trainer from our team of certified industry experts.

Expert Mentors

Get trained from our team of highly skilled and certified trainers, who are officially accredited professionals with relevant industry experience and adept in providing the knowledge and skills required to be successful.

360º Learning Solution

Engage your employees with our all-inclusive learning platform. Avail benefits of 24/7 access to the learning management system, industry-certified mentors, assessments & mock tests, real-time learning and more.

Learning Assessment

Check test score and performance with our skills analysis tools. Our detail scoreboard displays scores, areas of strength, detailed answer of questions and more for each employee.

Download Corporate Brochure

What Attendees are Saying

"Perfect place for technical learning. Nice professional environment. prtechskills is great place for every learner to become a professional."

- Tajendar Arora

"Great Place to Learners. Had taining for IBM tivoli here Trainer Vineet is very much knowledgeable (I can’t say due to I’m his student) but he is very best training provided to me."

- Sreenidhi

"Thank you Sir for dotnet training , we covered From C# , Asp.net core Api and Angular Basic , it will help me to build angular project . Thank you sir"

- Minku Kumar

"The course was very good, All the content and the material provided was very good, and the best part is that it gives us the hands-on experience, really liked it and would recommend."

- Mohit Nayyar

"I would like to thanks to prtechskills system for providing professional Caeser class traing though online. Also I would like to thanks to Ankur for his teaching techniques."

- Vishal

"I enroled for Maxsurf software training. The trainer was quite knowlegable and the classes were fine as well. The good thing is that the classes can be scheduled to suit our convenience."

- Nerdy

"The training was excellent and knowledgeable, full of illustrations. The trainer was very good in presentation skills and conveying himself. This course has enhanced my skills in ITIL."

- Anjali Choudhary

"Completed ITIL training. Training was given nicely and covers all the important aspects related to the topic.I recommend to join prtechskills for Training and certification programs."

- Swapnil Sharma

+91 9555006479

Available 24x7