Wednesday, August 5, 2015

Web Design Preliminary Outline


This is one page that is the preliminary layout of a very simple webpage.

Getting the word out

Register your site with search engines:

Submit your URL with Google, Yahoo and Bing with the following links:

http://www.bing.com/toolbox/submit-site-url

https://www.google.com/webmasters/tools/submit-url

Trip Advisor
Bookings.com
Hotels.com
Hotdeals.com
Expedia.com
Facebook.com
Linked in
Googleplus

Buy a domain name ASAP. (DNS - Domain name server)

http://www.coastaltrek.com - is your URL (Uniform Resource Locator)
Buy a domain, and pay an annual fee for it at doteasy.com

On blog under settings publishing:put in you blog address at doteasy.com or
tucows register the domain as blog and enter the IP Address from the blog.

Top domain names  : .ca, .com(commerce.com), .me, .net, .org, .biz,

FOR YOUR WEBSITE:
Try to use one page at a time, use a menu with links and table with contents to be able to click and get to the
info they need.
and last but not least :

*******GET THEM TO TAKE ACTION*******

PS.
Create a blog about a product.
Name the sub domain that represents your product and business

Create an Amazon account, refer people to the product and then they buy it from Amazon, you get a percentage from the sale.

Site Map

Site Map:
Index.htm -------> About.htm ---------> Contact.htm

To contact all the pages you're going to use a hyper link.

One webpage is a document. Nothing is coded from scratch we use extra websites, widgets and ressources from online to create websites.

How to create the HTML documents to merge into one website?

<<<How you're directly related to Bill Gates??>>

You go to Google Chrome, then the address bar to type in http://www.google.com. But where is GOOGLE???
Type in Google farm:















They call these servers. Located somewhere across the edge of the world.....
The Wireless is connected to a router-------> to another router-----> to a modem-------------> to Shaw/ Telus cables to get to the CLOUD which represents the internet (switches, routers, fiber optics and cables) then it crosses the water into Washington State near Seattle. Then from Seattle which connects to a Google building.

That is the hardware.

The software is the web browser/client ( MAC OS, or Windows)  and the web server (Unix or Linux)

Client sends message to server through the internet show me your page and the message is transmitted to Google. Server receives it then the server sends the message/file index. html back to client which shows up on the computer.

They are storing everything that you search.

Use Google Adwords to find what you want to include in your website:

Search engine Optimization: Keywords to help your clients find you on the internet.
2 billion people are searching for your product while you're sleeping.

Give them all the information they need, to come and stay with you, or buy your shit.

GET SELLING WHILE YOU'RE SLEEPING.....







Tuesday, August 4, 2015

HTML

HTML - Hyper Text Markup Language

Cascading Style Sheet streamlines the document and gives it a more overall clean and fresh experience.
The example below is the in-depth HTML coding for Google.


But the basic HTML Elements can be found at the following website http://www.w3schools.com/html/html_basic.asp

The basic HTML elements include the following:

<HTML>
<HEAD>
<META>
<TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

The limitations with HTML is that it's Static. With HTML you create it and post it and then you're done.

Javascript is an option to write code and interact with it. It's more of a dynamic way to write a site. A Blog is very dynamic as well b/c it includes a Database backend.

FACEBOOK = ONLINE DATABASE.
A GUI (Graphical User Interface) is a way to input and output. Database backend.

UX design - user interface

SQUIRRRRREL:::::

#PIXEL = ......... 32 bits per pixel

300 x 120 Determined by the camera quality

Where my website belongs in the world?


WHO IS YOUR AUDIENCE?


WHAT DO THEY NEED TO KNOW?



WHAT DO THEY NEED TO KNOW TO TAKE ACTION?

Create a booking Template

Google Forms
Typeform.com

For Hotels there are different kinds of CMS (Content management Services)
Bookfresh
Eventbrite - Copy and paste the html code into the blog to bring you to the site.

Widget or Gadget

ON FACEBOOK - docs

Wix.com

ADDTHIS.COM

Picmonkey.com

HTML Scripts are possible to find on any website. (Hyper Text Markup Language)

Go to Develop - Show page source/ to see whole html source coding.

ECC - Website Design Notes

Template:
Use this for fonts, layout, colors.

Wordpress is the organic, artsy webpages/blogger. Blogger the Walmart.

Web designer - picks the layout. More of the artist. Look and feel.
Web developer - writes the code. More the engineer who does the technical stuff.

In this creation follow the process:

NEED ---> Design a solution ------>Implement -------> Feedback/Test/Evaluate ------> Redesign

Blogging tools : Wordpress, Blogger, Tumblr

Online webdesign : Readymag, Webbly

Offline webdesign : Dreamweaver/Publisher

CMS - Content Management System

www.picmonkey.com