Creating a smashing website
-
Upload
preetish-panda -
Category
Education
-
view
241 -
download
0
Transcript of Creating a smashing website
![Page 1: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/1.jpg)
http://Preetish.me
![Page 2: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/2.jpg)
Information Architecture
DevelopmentWeb design
AnalyticsTracking
Advertising
Revenue Models
![Page 3: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/3.jpg)
Modus Operandi
• Information Architecture• Web design• Web development• SEO• Marketing and Promotion• Analytics• Revenue
![Page 4: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/4.jpg)
What is Information Architecture ?
Information architecture is combination of organizing a site's content into categories and creating an interface to support those categories.
![Page 5: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/5.jpg)
![Page 6: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/6.jpg)
Characteristics of Good IA
• Balances business & user goals• Allows people to easily find what they need• Provides more than one way to content• Represents the content• Has a coherent underlying concept• Exposes information as needed
![Page 7: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/7.jpg)
So what IAs do ??
• Research Business• Research the audience• Analyze the data
• Primary Objective• Goal
• Develop labelling/navigation/site structure• Site maps• Site flow diagrams• Wireframes
![Page 8: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/8.jpg)
![Page 9: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/9.jpg)
Conceptual Relationships
![Page 10: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/10.jpg)
Sitemap
![Page 11: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/11.jpg)
![Page 12: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/12.jpg)
![Page 13: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/13.jpg)
What is web designing ?
• It is the skill of creating presentations of content that is delivered to end user through the world wide web, by a web browser or other web-enabled software like internet television.
![Page 14: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/14.jpg)
Creating Web Site Tools
• Photoshop• Fireworks• CorelDRAW• Illustrator
![Page 15: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/15.jpg)
Basic FrameBanner
Menu Content
Footer
![Page 16: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/16.jpg)
![Page 17: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/17.jpg)
![Page 18: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/18.jpg)
![Page 19: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/19.jpg)
• Markup Languages – HTML, DHTML, XML, XSLT, etc....
• Cascading Style Sheets (CSS)• Programming languages Java, C#• Scripting languages– perl,javascript,php, etc....
• Web creation and editing software– Notepad++, Dreamweaver, Flash, Panic coda, Site
Builder,Firebug etc..
Creating your Web SiteTechnologies & Tools
![Page 20: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/20.jpg)
Key element
• Domain• Web pages• Web host
![Page 21: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/21.jpg)
![Page 22: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/22.jpg)
![Page 23: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/23.jpg)
What is SEO ? Refers to the process of “optimizing” both the
on-page and off-page ranking factors in order to achieve high search engine rankings for targeted search terms.
![Page 24: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/24.jpg)
• Title• Robots.txt• Meta Description• Key words/ long tail keywords• Out going links• Internal linking• Alt attribute (Image Optimisation)• Link title• Headings (H1, H2)• Domain name
Onsite Factors
![Page 25: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/25.jpg)
• Quality backlink building
– Directory submission
– Blog commenting
– Forum posting
– Guest or sponsored posting
– Link bookmarking• News Site and Press release
Offsite Factors
![Page 26: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/26.jpg)
![Page 27: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/27.jpg)
![Page 28: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/28.jpg)
![Page 29: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/29.jpg)
Tools of the trade• SEM– Organic– Paid
• Social Media– Facebook– Twitter– Youtube
• Email marketing• Mobile marketing• Affiliate marketing
![Page 30: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/30.jpg)
Pay Per Click Advertising
![Page 31: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/31.jpg)
![Page 32: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/32.jpg)
![Page 33: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/33.jpg)
Web Analytics
![Page 34: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/34.jpg)
![Page 35: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/35.jpg)
![Page 36: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/36.jpg)
Revenue models
![Page 37: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/37.jpg)
• Revenue from subscription• Revenue from Pay Per View• Revenue from CPM– Banner ads, skyscrapers
• Revenue from CPC advertising• Revenue from CPA advertising• Revenue from PPI advertising• Selling user data• Website flipping
![Page 38: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/38.jpg)
Publisher
WebsitesAdvertiser
Products/Services
Google Adsense
Google Adwords
![Page 39: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/39.jpg)
CPA Example
![Page 40: Creating a smashing website](https://reader036.fdocuments.net/reader036/viewer/2022062412/58ecf4701a28abc0278b45e1/html5/thumbnails/40.jpg)
Thank You !!
Presentation ByPreetish
Website: Preetish.me