Technical and Non Technical Designing Web development Marketing
Web World – Non Technical 1) Designing 2) Web development 3) Marketing
Web World 1) Designing. a) Graphic Designing. b) UX Designing Web World 1) Designing a) Graphic Designing b) UX Designing c) UI Development OUTPUT-ROI & CRO (Visibility and Conversion) (Conversion rate optimization)
Web World 1) Designing. a) Graphic Designing-Logo Design Web World 1) Designing a) Graphic Designing-Logo Design - Infographic Design - Image Design(Ad copy) OUTPUT- Weight of the File (size) - Minimizing the Size with same HD quality
Web World 1) Designing a) Graphic Designing. b) UX Designing. Digital Marketer with Strong Thought Process(audience behavior) UX designer with Strong understating of Color, perception etc. Actual work is done by Executive in Coral Draw or Photoshop. OUTPUT- CRO (Visibility and Conversion)
Web World 1) Designing. a) Graphic Designing. b) UX Designing Web World 1) Designing a) Graphic Designing b) UX Designing c) UI Development (in HTML) HTML5, CSS3, Java Script, JQuery, Anywhere JS, Adobe Photoshop.
Web World 1) Designing 2) Web development – Actual Backend functionality as per UX and UI design. Implemented using Programming Language and Database. Output- Best Response time-Database and Code optimization. GA is used to understand any issue or problem.
Web World -Technical 1) Designing Web World -Technical 1) Designing a) Graphic Designing (CorelDraw, Photoshop) OUTPUT-ROI & CRO (Visibility and Conversion) (Conversion rate optimization)
Web World -Technical 1) Designing Web World -Technical 1) Designing a) Graphic Designing (CoralDraw, Photoshop) b) UX Designing – Wire Frames- step by step OUTPUT-ROI & CRO (Visibility and Conversion) (Conversion rate optimization)
Web World -Technical 1) Designing Web World -Technical 1) Designing a) Graphic Designing (CoralDraw, Photoshop) b) UX Designing – Wire Frames- step by step c) UI Development – HTML 4.0, 5.0 ( Tag based) ,( w3Validator for Syntax Validation)
Conti…. 1) c) i)UI Development HTML 5 Conti…. 1) c) i)UI Development HTML 5.0 is a Tag based language and HTML 5 are having Semantic Tags like Header, Footer, Nav, Aside, Article, Section. Structural tag are Browser friendly, Search Engine Friendly. ii) CSS – 1.0,2.0,3.0 (property based language)
PX %age em Absolute Calculation Relative Calculation Conti…. 1) c) ii) CSS – 1.0,2.0,3.0 (property based language) cascading Style Sheet – Used for Color, Font and all kind of layout calculation. Measuring unit is px and %age, em Absolute Calculation PX Relative Calculation %age em
Conti…. Shortcuts and tips CTRL+U - for viewing page source Conti…. Shortcuts and tips CTRL+U - for viewing page source. Viewsourse:url - > For viewing page source as per standard per source file max 4 .css file should be used for optimization. To call external .css @import is used w3ccssvalidator is used to check the syntax error.( it will check css syntax only, in *case css is implemented with structure data there can be issues) * No of pages does effect the performance but size of page does. iii) Javascript Used for animation, popups, enquiry validation, Banner movements, Image gallery(Animation effect) Relative Calculation
Conti…. iii) Javascript. Js – file extension Conti…. iii) Javascript . Js – file extension . It can be internal or external . Placement and orders are important. . Code minimization will speed up the process. What is functionality ? -> Converting the requirement with minimum no of line of coding. iv) J Query - More powerfull than javascript v) Angular JS – Google product , framework
Content Management System Web Development CMS Content Management System framework Manual PHP [My SQL] JAVA [My SQL] .Net [SQL Server] Code optimization possible Zend Framework Cake PHP
CMS WordPress Mazento Drupal OPencart Zencart Woocommerse
Requirement to work with CMS HTML-5 CSS-3 Java script Manual Angular JS J Query Manual Core PHP OOPS My SQL WordPress Architecture
How costing is determined ? Resources Time Consumption ( Final per hour cost) How to reduce Costing ? Reusability of Code. Resource utilization ?? What is Plugin ? Coding to activate any functionality with UI. What the problem with Wordpress ? IT has lot of Security issues, Site can easily be hacked and Google can derank.