Website Designing

 

Web design is a process of conceptualizing, planning, and building a collection of electronic files that determine the layout, colors, text styles, structure, graphics, images, and use of interactive features that deliver pages to a web site visitors. In this course the trainee learns to design the Basic to advanced level web pages using HTML, HTML5, CSS, JS, BOOTSTRAP, WORDPRESS etc and the designing part in Photoshop. The concepts of Digital Marketing will also be introduced. Trainees will work on More than 1 projects and the project certificate will also be issued on successful submission of the project.

Benefit of learning Website Designing  From Selecom Technology

   

Course Content

HTML(HYPER TEXT MARKUP LANGUAGE)

  • Evolution Of HTML(Hyper Text Markup Language)
  • Structure Of HTML
  • (Create a simple HTML page)
  • How to save a webpage and how to open it on browser.
  • Font Tag
  • (Bold, Italic, underline, Font color, Font background color, Font Size, Font Family, Font Align, Marked, Deleted, Subscript, Superscript, Inserted, Small, Strong, Emphasized )
  • Paragraph and Break Tags
  • About HTML Headings
  • How to use addition information with HTML Attributes?
  • (Language attribute, Title attribute, href attribute, Size attribute, Alt attribute, Lowercase attribute, Quote attribute (Single or Double Quote) )
  • How to insert comments between HTML source codes?
  • How to use HTML Quotation and Citation Elements?
  • (q, blockquote, abbr, address, cite and bdo)
  • How to insert object in HTML?
  • (image, audio, video and pdf)
  • Deal with image tag.
  • How to create a list items in HTML?
  • (Order list, Unordered List)
  • How to create table?
  • Deal with table
  • How to create menu bar in HTML?
  • How to create a HTML layout with classes/div?
  • How to create a web page within the webpage using Iframes?
  • What we use in HEAD part of HTML page?
  • How to create a responsive HTML page?
  • How to use computer code elements in HTML?
  • (Keyboard Input, Program Output, Computer Code, Variables)
  • How to use reserved words in HTML with the help of Entities?
  • How to add some special symbols on HTML page?

CSS(CASCADING STYLE SHEET)

  • Introduction to CSS
  • (Cascading Style Sheet)
  • Rules Of CSS
  • How to select element to apply CSS?
  • How to change Background with CSS?
  • How to apply Border to element?
  • (All border types covered)
  • How to apply margin and padding to element?
  • How to set Height/width to element with pixels and percentage?
  • How to apply different type of outline to element?
  • Formatting With Text
  • (Color, Align, Decoration, transformation, Indentation, Letter Spacing, Word spacing, text direction, line height, Shadow)
  • How to apply CSS to Font Tags.
  • How to add icons ?
  • Apply Style to links
  • Apply Style to List types.
  • Design table with CSS elements.
  • Designing of form
  • Display property
  • How to set position of an element?
  • Overflow of an element
  • Float and Clear
  • Combinators
  • Web Page Layout using Alignments
  • Pseudo Class & Elements
  • How to set opacity to elements?
  • How to create a Navbar?
  • How to create a dropdown navbar?
  • How to create a tooltips?
  • How to create image gallery for webpage.
  • Style HTML Elements With Specific Attributes
  • Full Webpage layout

HTML5 (HYPER TEXT MARKUP LANGUAGE- 5)

  • Introduction to HTML5
  • HTML5 style guide
  • Semantic/Structural elements of HTML5
  • Migration from HTML To HTML5
  • How to add Google map on webpage?
  • How to add media files?
  • (audio, video)
  • How to add plugins on webpage?
  • How to play video using youtube?
  • How to drag and drop data from one div to another?
  • HTML5 Form tags
  • (email, search, placeholder, URL, required, Date, colors )
  • HTML5 Lists
  • (Order list)
  • (Un-order list)
  • (Data List)
  • Full webpage layout

CSS3(CASCADING STYLESHEET)

  • Introduction to CSS3
  • How to apply different styles of background ?
  • How to apply animation to elements?
  • Rounded Corner & Border Image
  • Color, Gradient And Shadow
  • Text and Fonts
  • Transformation
  • (2D, 3D)
  • Transitions
  • Animations of HTML element without using javascript and flash?
  • Style with images
  • (Rounded, Thumbnail, Responsive, Align, Polaroid, Transparent, Image Text, Image Filters, Hover Overlay,
  • Resp0nsive Image Gallery)
  • Style with buttons
  • (color, size, rounded, color border, Hoverable, Shadow, Disabled, animated, Button groups )
  • Pagination
  • (Rounded, Hoverable, Active, Space Between, Bordered, Breadcrumbs )
  • How to write data in multiple columns?
  • User interface
  • Media Queries for making webpage according to media screens.

JAVA SCRIPT

  • Evolution of Java Script
  • Where and how we use Java Script?
  • How to display the text or output?
  • Concept of data types in Java Script
  • What are variables & How to declare?
  • Operator in java script
  • (Arithmetic, Assignment, String, Comparison, Logical, Bitwise)
  • How to use functions in java script?
  • How to do some events on HTML elements.
  • String ,numbers and its method
  • How to mathematics formulas or equations in java script?
  • How to get date in java script on webpage?
  • Array in java script
  • Array methods
  • Array sorting
  • How to apply condition in java script
  • (if, else, elseif, switch, nested if )
  • Loops in java script
  • (For, For/In, While, Do/While)
  • How to handle errors in java script/
  • How to validate form/
  • Some reserved words

PHP(PHP HYPERTEXT PREPROCESSOR)

  • Evolution of PHP
  • Installation of server (xamp/wamp)
  • Structure of PHP
  • What are variable and how to declare?
  • Data types in php
  • How to get output?
  • Operators
  • (Arithmetic, Assignment, Logical, Comparison, Increment/Decrement, String operator)
  • How to apply condition in PHP
  • (If, else, elseif, switch )
  • How to apply loops?
  • (for, while, Do/while, Foreach)
  • Functions
  • Date and Time Function
  • Arrays
  • Sorting array
  • Form in php
  • (Validation, URL/E-mail, Required)
  • MYSQL Database and PHP code
  • File Handling in Php
  • (create/write, open, read and upload)

SQL(STRUCTURED QUERY LANGUAGE)

  • Introduction to SQL
  • SQL data types
  • SQL Commands
  • DML(Data manipulation language)
  • DCL(Data Control Language)
  • DDL(Data Definition Language)
  • Operators in SQL
  • (Arithmetic, Assignment, Bitwise, Compound, Logical,)
  • SQL comments
  • Working with Dates
  • How to create relationship between different data with the help of keys
  • (Primary key, Super key, Candidate key, Foreign key, Alternate, composite, Unique)

GETTING YOUR SITE ON INTERNET

  • Process to buy Domain
  • Process to buy Hosting
  • Process how to connect domain to the hosting?
  • What Should We look to buy space online?
  • Basic SEO(Search Engine Optimization)
  • Basic SMO(Social Media Optimization)
  • Facebook
  • Youtube
  • Twitter
  • Linkedin
  • Flickr
  • Instagram
  • Email-Marketing
  • Pay –Per Click Advertising
  • Google Ad sense
  • Blogging

ADOBE PHOTOSHOP

  • Installing Adobe Photoshop
  • Opening an image to edit
  • Multiple Layer Management
  • Changing Sizes of the Image
  • Using saturation in the color of image
  • Using Hue property
  • Inverting the color
  • Coping Image from one layer
  • Contrast setting of an image
  • Using Tools Of Photoshop Tool-Kit(Selection, Pencil, Brush, Smudge, Patch, Burn, Text)


Enroll Now

© 2018 Selecom Technology . All rights reserved | Creating Professional Since 2009