Technical and Non Technical

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Freelancing with Website Development
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Multiple Tiers in Action
Art 128 Interface Programming 1 In-class Presentation Week 11B.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Chapter 14 Introduction to HTML
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
SIG WEB January 31, 3PM. What is HTML5? What it is: Allows for better intergration of media consumption. A new open standard Provides new APIs.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Dynamic Web Pages (Flash, JavaScript)
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
INTRODUCTION TO HTML5 Semantic Layout in HTML5.  The new semantic layout in HTML5 refers to a new class of elements that is designed to help you understand.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 7 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Project 6: Kayaking HTML5 Site
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Web Development Technologies Advanced Web-based Systems Advanced Web-based Systems | Misbhauddin.
 Look especially at › File Tips and Shortcuts › Student video.
HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
The “Quick Change” Method of Web Design. Create Your Design Create and cut up the graphics for your web site. Create a masterstyle sheet. Name it “plainmasterstylesheet.html.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
visit or call to enroll now..
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
Web Basics: HTML/CSS/JavaScript What are they?
Objective % Select and utilize tools to design and develop websites.
Web Development & Design Foundations with HTML5 7th Edition
Personal Website Final Project
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Jill Sullivan Senior Marketing Manager Infront Webworks
Basic Knowledge of Web creation
Web Fundamentals (HTML and CSS)
Web Development & Design Foundations with HTML5 8th Edition
East Africa Resilience Innovation Hub Web Development Proposal
Process of Converting “PSD to HTML”
Michael Robertson Yuta Takayama Google Closure Tools.
Introduction to Advance Web Technologies
PHP Training at GoLogica in Bangalore
Objective % Select and utilize tools to design and develop websites.
User Interface / User Experience Demo
Web Development & Design Foundations with HTML5 7th Edition
Web Development & Design Foundations with HTML5 8th Edition
Dynamic Web Pages (Flash, JavaScript)
Front End Application Development We at Kushub Media have a group brimming with website specialists who comprehend the functional side of things and have.
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
CSS.
AMP.
Fall 2017 What’s Next.
Test 1 Review Website Basics, HTML, CSS
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Web Development & Design Foundations with HTML5 8th Edition
Web Development & Design Foundations with H T M L 5
Unit 6 part 3 Test Javascript Test.
Teaching slides Chapter 6.
Client-Server Model: Requesting a Web Page
Information Technologies Anselm Spoerri PhD (MIT)
Course Review HTML5 Level I Course Review
Web Application Development Using PHP
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

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.