RESPONSIVE WEB DESIGNING
Html 5.0 | CSS | Bootstrap | JQuery | Microsoft Sublime | VCode

Sinet has well experienced academic team to deliver Web Designing Courses.


COURSE DETAILS
BROCHURE

COURSE DETAILS

Class: Regular / Week ends / Evening / Sundays

Daily Time: 1.5 hours / 3 hours / half day / Full day

Certification: SINET official Certification with ISO 9001:2015 stamp and Online Referance

* Sinet course can be customized as per student requirement.

JOB PROFILE

Responsive Web Designer

Web Content Manager

Web Code Optimizer

Web Site Manager




WEB DESIGN COURSE CONTENTS

( Can be customized )



HTML

1. HTML Introduction and Basic tags

HTML Introduction, NETWORK, BROWSER, HTTP, WWW, CLIENT/SERVER, HTML SIMPLE TAGS : Html, head, title, body, b, I, u, heading, strong, em, hr, sup, sub

2. basic tags in html

Pre,   < > " & Font, center, p, blockquote

3. Tags in HTML

Marquee, Image, Orderelist, Unorderedlist, Tags

4. Hyperlinks in HTML

Links: Interdocument linking, Intradocument linking, Object linking

5. Table and Division tags in HTML

Table, Div

6. Table in HTML

Create a table

CSS

7.CSS (1) in CSS

CSS(CasecadingStyleSheet),CSS selectors, Id selector, class selector, Grouping Selectors, Css comments, three ways of inserting a style sheet: External style sheet, Internal style sheet, Inline style

8. CSS (2) in CSS

Inline style Design a page apply inline style

9. CSS (3) in CSS

internal style Design a page apply internal style

10. CSS (4) in CSS

External Style Design a webpage and apply external style

11. CSS (5) in CSS

Design page and apply style

12. form tags(1) in CSS

Form Textbox, button, combobox, listbox, filefield, Checkbox, radiobitton, checkbox, button.

13. form tags (2) in CSS

Design a form apply style

14. video,audio,Iframe in CSS

Video, Audio, Iframe

14. design webpage in CSS

Design web page and apply required style

15. design page in CSS

Design page using template

BOOTSTRAP

16. BOOTSTRAP INTRODUCTION

WHAT IS RESPONSIVE WEB DESIGN ADVANTAGES WRAP CONTENTS CONTEXTUAL COLOR and BACKGROUND

17.Grid System in BOOTSTRAP

Grid System Structure Equal columns, Unequal columns, Typography Classes

18. table in BOOTSTRAP

Striped Rows, Bordered table, Hover rows, Condensed table, Responsive table, Contextual classes

19. Image in BOOTSTRAP

Rounded corners, Circle, Thumbnail, Responsive image

20. Alerts in BOOTSTRAP

Alerts are created with the .alert class, Success, info, warning, danger

21. Button in BOOTSTRAP

Success button, Danger button, Info button, Outline style, Block level button, Active/Disabled button, Button group, Button Groups and Dropdown Menus

22. Badges, spinners in BOOTSTRAP

Badges,Spinners

23. Progress bar in BOOTSTRAP

Colored Progress bar, Striped progress bar, Animated progress bar, Stacked progress bar

24. Pagination, pager, List group

Pagination, Pagination sizing Pager

25. List group in BOOTSTRAP

List group with badges, List Group With Linked Items: List active ,Disabled, contextual class

26. card (1) in BOOTSTRAP

Simple card layout, Header and footer

27. card (2) in BOOTSTRAP

Card deck, Card-group

28. dropdown

Dropdown, Divider, header, drop up

29. Collapse in BOOTSTRAP

Collapse, Collapsible List Group

30.Tabs in BOOTSTRAP

Tabs and Pills

31. Navigation in BOOTSTRAP

Navigation bar, Navigation Bar With Dropdown, Sticky Navigation

32.Form layout in BOOTSTRAP

Form layout, Validation

33. media in BOOTSTRAP

Media Object, Carousel Plugin, Modal Dialog box, Tooltip Plugin, Popover Plugin

34. design webpage

design webpage in BOOTSTRAP

35. design webpage in BOOTSTRAP

design webpage

JQUERY

36. Introduction in JQUERY

What is jquery, Why Jquery, Adding jquery to webpage, Jquery downloading, Jquery CDN, Jquery Syntax, The Document Ready Event, comment

selectorsin JQUERY

Element/tag selector, Id selector, Class selector

37. Effects (1) in JQUERY

Hide() element, id and class selector, Show()element, id and class selector

38. Effects (2) in JQUERY

Toggle() element, id and class selctor

39. Effects (3) in JQUERY

Fading: fadeIn(),fadeout(), fadeToggle(), fadeTo()

40. Effects(4) in JQUERY

Sliding slideDown(),slideUp(), slideToggle()

41. CSS in JQUERY

Apply css using css(), Apply style using addClass(), Remove style using removeClass(), Animate using animate()

42. text in JQUERY

Add text to paragraph using Append(), prepend(), after(), before()

43. html in JQUERY

Html() is used to know the html Set and get the value of textbox using val()

44. alert, dialog in JQUERY

Alert() is used to show message Dialog() used to show dialog

45. datepicker in JQUERY

Pick date from textbox using datepicker()

46. menu in JQUERY

Create menu using jquery

47. slide in JQUERY

Create slide using jquery

48. Design page in JQUERY

Design page

49. Design page in JQUERY

Design page




SINET IS AN ISO 9001 : 2015 CERTIFIED TRAINING INSTITUTE

(Division of Sinet Education)

www.sinetedu.com