STEP BY STEP GUIDETO WEB DEVELOPMENT USING WORDPRESS
Hello! QUALIFICATION B.Tech, MBA (Marketing & HR) CERTIFICATIONS Google Adwords Certified Google Analytics Certified Inbound Methodology Certified KMPG Six Sigma Certified PUBLICATION Authored the Book "SEO AUDIT" ISBN: 9781521428955 AVIK BAL DESIGNERI DEVELOPER| MARKETER For After Class Doubts >>Comment Below
1) The Web Design and Development process - Management 2) The concept of Websites - Domain and Hosting, Dedicated IP and SSL and Code guard, Database, Back end, Front end, server side languages, server types & management. Web Architecture and SEO 3) C4) The concept of Code vs CMS vs Online web builders 5) 6) 7) Basics of coding - Languages used in Web Development Intro to CMS -Wordpress vs Drupal vs Joomla Getting started with Wordpress website - Requirements
. Choosing Domain and Hosting- Best options 2. Integrating domain and hosting 3. Installing Wordpress theme 4. Customizing Wordpress themes? O Best Plugins and Widget - Functionalities? 5. 6. Best Plugins-Webpage and Post Designs 7. Security - Spamming Control 8. Payment Gateway 9. Speeding up Wordpress websites.
The Bird Eye Overview of Web Dev Process START ANALYSIS COMPLETE DESIGN SELECTED CLOSE PHASE 1 PHASE 21 PHASE 3 PHASE 4 PLANNING DESIGN DEVELOPMENTLAUNCH MAINTENANCE Client Meeting Wireframe Lout Coding Design Quality Maintenance Client Requirements Analysis Proto Type Design Layout Main Sections Testing Design Signoff Client Feedback Approval : Collect Data
A Web Site Deisigned simple MILESTONES, INVOLVEMENT, IMPORTANCE&TIMELINE Validation Landing Page Artwork Launch Research Front End Cross Platform Wireframes Coding & Browser Testing (s) Search Engine Submission Inner Page | Back,End\.content Initial Meeting Site Map Back EndContent Coding PopulationRefinement Needs Site Outline Assessment Content Outline WEEK WEEK 2 WEEK 3 WEEKS WEEK6 WEEK 7 WEEK WEEK9 WEEK 10 WEEK11 WEEK 12 Final Review Needs Assessment Feedback Site Ma Revi Site Content Submission Inner Page (s) Artwork Review Initial Meeting Landing Page Wireframes Artwork Review Site Outline Review Review CONTENT ESIGN MILESTONES INVOLVEMENTIMPORTANCE average Greater al Milestones Occurrence more www.simpleid.com
Mind the hardship behind the codes Panning is very crucial Importance to every bit of Detailing Time tracking- project management . Change requirement management Hours of project - Development consistency . Multiple checks, tests and analysis
THE PHASES OF WEB DEVELOPMENT Phase 1: ANALYSIS Website Purpose Website Goals Target Audience
THE PHASES OF WEB DEVELOPMENT Phase 2: Sitemap Website Structure Technologies Used PLANNING
THE PHASES OF WEB DEVELOPMENT Phase 3: DESIGN Wireframe Models Visual Style Usability, UI, UX
THE PHASES OF WEB DEVELOPMENT Phase 5: DEVELOPMENT HTML & CSS Coding Databases Responsive Design
Dynamic HEADER (website brand name) Home About Us Fashion Food Contact Made using server side scripting language like PHP, Java,.NET Controlled by an application server (PAGE NAMES) ADS EXTERNAL LINKS, CTA BUTTONS BODY WEB CONTENT . Content served as per user. Eg. Facebook, Amazon SIDE BAR SIDE BAR .Mostly Template based COPYRIGHT, SITEMAP, PAGE LINKS, SOCIALICONS etc. FOOTER
What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page . . . . New HTML5 Elements The most interesting new HTML5 elements are: . New semantic elements like <header*, cfooters, carticle>, and <sections New attributes of form elements like number, date, time, calendar, and range. . New graphic elements: <svg> and <canvas>. .New multimedia elements: <audio> and <video>
HTML Example: The <!DOCTYPE html> declaration defines this document to be HTML5 .The <html> element is the root element of an HTML page .The <head> element contains meta information about the document The <title> element specifies a title for the document The <body> element contains the visible page content .The <h1> element defines a large heading .The <p> element defines a paragraplh <! DOCTYPE html> html> <title>HTML kbody Tutorial</title> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body </html>
CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed. CSS Example: What is CSS? CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on screen, paper, or in other media body background-color: lightblue; h1 color: white; text-align: center; CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are stored in CSS files Why Use CSS? CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. font-family: verdana; font-size: 20px;
Why Use Bootstrap? Advantages of Bootstrap: Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap Where to Get Bootstrap? There are two ways to start using Bootstrap on your own web site. You can: Download Bootstrap from getbootstrap.com Include Bootstrap from a CDN Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub. . . In June 2014 Bootstrap was the No.1 project on GitHub!
Depth of Page Home page Home page Content or submenu pages Content or submenu pages Go for a flatter, horizontal Web Architecture. Ease of Navigation, More Link Juice transfer, Better user Experience
Browse interface Search is the only practical navigation in the "long tail" Category 1 Sub Sub Category a Sub Category 1 Engineering Books Sub Sub Sub Sub Home Main Menu Books Category Thermodynamics Mechanical Thermodynamics Books by Weiley Category 1 Engineering Books Publication Books The "long tail" of seldom-visited pages Pages, ranked by popularity
THANK YOU Image Sources: http://webstyleguide.com/wsg3/3-information-architecture/3-site- structure.html
Buying a Domain - SEO Perspective Renewal Charges are high. Godaddy is the market leader in domain names. Competitive pricing and support. Domains registered for a longer period and SSL certified are SEO friendly . Don't buy a domain name that's too similar to an existing site This will hurt your rankings severely. example.net vs example.com examples.com vs example.com . Check availability on social media sites results. and website. le automatically fetches your social channels to show up in the search So you need to keep exact match spellings across all social channels
Buying a Domain - SEO Perspective . Favor subfolders/subdirectories over subdomains Godaddy is the market leader in domain names. Competitive pricing and support. . Keywords in URLs: Acts as an anchor text What is Content Marketing? - Content Marketing Institute contentmarketinginstitute.com/what.is-content-marketing/ Content marketing is a strategic marketing approach focused on creating and distributing valuable relevant, and consistent content to attract and retain a clearly defined audience -and, ultimately, to drive profitable customer action. Getting Started 75 Examples To Spark Your Inbound marketing Focus Keyword appears in Page/Post Header, Domain Name, Meta Description
A digital branding professional, passionate about graphics & UX design, digital tech and internet marketing. Authored a book on SEO AUDIT.