Deep Internet Secrets Webinar 3 of 4 PDF by Jomar Hilario PDF

Deep Internet Secrets Seminar by Jomar Hilario
WELCOME!
(c) JomarHilario.com ---> Join to know more.
The Secrets of Web Designers

F5 or Refresh
CSS
This is the headline

This is the subheadline
This is the paragraph. This is the paragraph. This is the paragraph.
Main headline is 40 pixels high, Georgia Font, Bold, Red Subheadline is is 20 pixels high, Georgia Font, Bold and Italics, Black Paragraphs are just 10 pixels high
Main headline is 40 pixels high, Georgia Font, Bold, Red
h1 { font: bold 40px Georgia; }
Subheadline is is 20 pixels high, Georgia Font, Bold and Italics, Black
h2 { font:italic bold 20px Georgia; }
Paragraphs are just 10 pixels high
p { font-size:10px; }
h1 { font: bold 40px Georgia; } h2 { font:italic bold 20px Georgia; } p { font-size:10px; }
AJAX
Drag an image into image.google.com

Most bank sites are non-AJAX

Google is AJAX
AJAX = Faster Website

AJAX = Screen doesnt blank out when you do something like press a button or upload a file
Anchor text
Blue underlines are normally links.
This is the anchor text to Shamcey Supups Facebook if when you click on this, it goes to her facebook
The anchor text to Shamcey Supsups Facebook in this sentence is here, because you need to click here to go to her FB.
Action Step: 1. Use meaningful anchor text and not here or click here.
Action Step: 2. If you wish to be popular online for pinoy beauty queen then links should look like: pinoy beauty queen Shamcey Supsups FB
PRACTICE!! Say ahhhhh

Backlink is just a link that goes to your site.

Back end = Server

Bandwidth
Kulang ka sa bandwidth kaya di mo gets yung joke.

Bandwidth = Kbps, Mbps etc. The higher the better

Above the Fold Below the Fold

Action Step: 1. All important stuff (email catcher, fb link) must be abovethefold
Bounce Rate
Girls: Number of courting guys you brushed off.

Guys: Number of pretty girls you saw and said Naah, shell never love a guy like me!
Bounce Rate
Helipad
http://www.ickr.com/photos/andrewbain/
Landing Page
Landing Page is the page you ___ on when you click a link!
PRACTICE!! Say ahhhhh

Permalink disney.com/ disney.com/blog/ intro.html

TAGS H1, H2, P, B, BR IMG, A HREF Food, Drink

The Passion of a DESIGNER is GREAT DESIGN.

Most dont care about Marketing.

If a design is pretty, uso, theyll go for it!

The Value of the Keyboard

How the mouse steals quality time

Gmail Shortcuts Facebook Shortcuts Mouse Gestures Keyboard Shortcuts

GMAIL
Facebook Shortcuts
Internet Explorer 7 for PC: Alt + #, then Enter Alt+1:News feed Alt+2:Your prole Alt+3:Friend requests(popup) Alt+4:Messages(popup) Alt+5:Notications(popup) Alt+6:Account Settings Alt+7:Privacy Settings Alt+8:FacebooksFacebookprole Alt+9:To Security Alt+0:Help center
Firefox 3 for PC: Shift + Alt + # 1:News feed 2:Your prole 3:Friend requests(popup) 4:Messages(popup) 5:Notications(popup) 6:Account Settings 7:Privacy Settings 8:FacebooksFacebookprole 9:To Security 0:Help center
Safari 3 for Mac: Ctrl + # 1:News feed 2:Your prole 3:Friend requests(popup) 4:Messages(popup) 5:Notications(popup) 6:Account Settings 7:Privacy Settings 8:FacebooksFacebookprole 9:To Security 0:Help center
Firefox 3 for Mac: Ctrl + # 1:News feed 2:Your prole 3:Friend requests(popup) 4:Messages(popup) 5:Notications(popup) 6:Account Settings 7:Privacy Settings 8:FacebooksFacebookprole 9:To Security 0:Help center
MS Office Shortcuts
Mouse Gestures
VLC Video and AudioBook Speed up
Value of Time
An Expert is one who knows more and more about less and less Nicholas M Butler
Read the Manual/ Help to Make the Most of Technology

Print the HELP and read it while waiting outside.

Load the HELP into your IPAD/Galaxy/ Cell Phone as TEXT or PDF
Note down useful tips. on a notebook (papel)

Comments
Commenting HTML Code  <p>This is a paragraph.</p>
Commenting CSS Code /* This is a comment. Comments are not displayed in the browser */ p { font: red; }
Commenting Javascript Code // This is a comment.

document.write("<h1>This is a heading</h1>");
So what is commenting for?
It makes the script or code looks like english.
It makes it readable for a nonprogrammer or designer.

An easy way to think aloud w/o destroying the code.

Commenting Javascript Code // This is a comment.

document.write("<h1>This is a heading</h1>");
Commenting Javascript Code // Ok, this is javascript. OH MY DEAR! // what does it mean? // it says write, so its going to write something. // it says H1 so heading 1 - the headline. // So this part writes out the headline. // I knew that! document.write("<h1>This is a heading</h1>"); // commenting sure is helpful!
You now have your own Facebook Fan Page
2012 JomarHilario.com You Can Learn Even More Online Marke;ng Now
85
You want to create a Tab wherein your fans click,
86
And display all your videos
87
http://jhilario.com/fbjomar TRY IT FIRST!

2012 JomarHilario.com You Can Learn Even More Online Marke;ng Now 88
How you can put a webpage inside Facebook....

How to add a Custom Tab in Facebook

(Easier than you think!)
To do that, go to http:// www.shortstack.com

Click Try it for Free
92
Enter your Full Name
93
Enter your Email Address
94
Create a Username
95
Create a Password
96
Confirm your Password
97
98
Agree to the Terms of Service
99
Enter the two words
100
Click Create Account
101
Tabs page will appear
102
Verify your email address
103
Switch to your email Inbox & click email from ShortStack
104
Click the link
105
Switch back to ShortStack & browse through the Tags
106
Until you see Video Cascade
107
Click Make Tab
108
Click Make Tab
109
Designer page will appear
110
Edit the Video widget
111
Edit the Video widget
112
Click on the pencil icon
113
Edit Widget box will display
114
Open another browser tab (Control-T or Command-T) and go to YouTube.com
115
116
Find the video you want to put in FB...
117
Click on the Video you want to upload
118
119
Click Share
120
Click the code
121
Press Ctrl + C
122
Switch back to shortstack.com

Were now back to Shortstacks EDIT WIDGET
124
Click on the blank box before Get Videos

Text
125
Press Ctrl + V
126
Click Get Video(s)
127
128
Click Save
129
Your video will be displayed
130
Add another video widget
131
Click the widget
132
And drag it to the Edit Widgets
133
Repeat the same process
134
135
Edit Widget box will display
136
Switch back to YouTube.com

Click on another Video you
138
139
Click Share & copy the code
140
Paste & click Get Video(s)
141
142
Click Save
143
Scroll down to view the other video
144
145
Lets change the Title of your tab
146
Hover on Header Text
147
Hover on Header Text
148
click the pencil icon
149
The Edit Widget box appears
150
Type your new Header
151
You may also TYPE ANY TEXT!
152
Click Save
153
Your Header now updated
154
Now we are ready to publish your tab

Click Install Tab
156
Click Install Tab
157
Click Login with Facebook
158
Click Log In with Facebook
159
Click Allow
160
Click Choose Quick Publish
161
Click Install on your chosen FB page
162
If your Facebook Fan Page has more than 2,000 Likes, you will have to upgrade your account.
Your tab is now Quick Published
164
Click on the Smart URL
165
To take you to your new tab
166
167
Lets edit the Tab Name
168
169
And type a new tab name
170
Open a new tab & go to your Facebook

Wheres the new tab we created?
172
Click on the down arrow
173
Click on the down arrow
174
To display ALL the tabs
175
Here is the tab we renamed WATCH & Learn
176
It does not look enticing so lets change the image

Image dimensions should be 111 x 74

Hover and click on pencil icon
179
Click Edit Settings
180
Custom Tab Image: click Change
181
Click Change
182
Upload an image, click Choose file
183
Locate file and click Open
184
Your image is now uploaded
185
Click on your Fan Page again
186
The image is already updated
187
If you want the tab to be seen in the first row so its not hidden
189
190
Choose Swap position with: Likes
191
So when a visitor clicks on your Fan Page

The Video tab is already visible
193
The few who do are the envy of the many who only watch. - Jim Rohn
Be not afraid of growing slowly, be afraid only of standing still. Chinese Proverb

Deep Internet Secrets Webinar 3 of 4 PDF by Jomar Hilario PDF

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Deep Internet Secrets Webinar 3 of 4 PDF by Jomar Hilario PDF

Enviado por

Direitos autorais:

Formatos disponíveis

Deep Internet Secrets Seminar by Jomar Hilario

The Secrets of Web Designers

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

This is the headline

Main headline is 40 pixels high, Georgia Font, Bold, Red

h1 { font: bold 40px Georgia; }

(c) JomarHilario.com ---> Join to know more.

Subheadline is is 20 pixels high, Georgia Font, Bold and Italics, Black

h2 { font:italic bold 20px Georgia; }

(c) JomarHilario.com ---> Join to know more.

Paragraphs are just 10 pixels high

(c) JomarHilario.com ---> Join to know more.

h1 { font: bold 40px Georgia; } h2 { font:italic bold 20px Georgia; } p { font-size:10px; }

(c) JomarHilario.com ---> Join to know more.

Drag an image into image.google.com

Most bank sites are non-AJAX

AJAX = Faster Website

Blue underlines are normally links.

(c) JomarHilario.com ---> Join to know more.

PRACTICE!! Say ahhhhh

Backlink is just a link that goes to your site.

Back end = Server

(c) JomarHilario.com ---> Join to know more.

Kulang ka sa bandwidth kaya di mo gets yung joke.

Bandwidth = Kbps, Mbps etc. The higher the better

Above the Fold Below the Fold

(c) JomarHilario.com ---> Join to know more.

Girls: Number of courting guys you brushed off.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

PRACTICE!! Say ahhhhh

Permalink disney.com/ disney.com/blog/ intro.html

TAGS H1, H2, P, B, BR IMG, A HREF Food, Drink

The Passion of a DESIGNER is GREAT DESIGN.

Most dont care about Marketing.

If a design is pretty, uso, theyll go for it!

The Value of the Keyboard

How the mouse steals quality time

Gmail Shortcuts Facebook Shortcuts Mouse Gestures Keyboard Shortcuts

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

VLC Video and AudioBook Speed up

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

Read the Manual/ Help to Make the Most of Technology

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.

Print the HELP and read it while waiting outside.

Note down useful tips. on a notebook (papel)

(c) JomarHilario.com ---> Join to know more.

(c) JomarHilario.com ---> Join to know more.