Fremont Adult School Web Design class: SEO and online reputation control

The ways to control your business reputation in searching engine and push down the negative comment  not showing on 1st or 2nd pages

1. Write blog with your business name as title
2. Reputation software patrol

more reading 

Reflow

Adobe TV link for creating responsive web (including mobil) using Adobe products. Reflow is the key word.

Bootstrap video demo

Currently using Bootstrap to develop a screen size awareness site to fit fot mobil also has become the trend. Down load from bootstrap and look at the introduction of Bootstrap video demo to learn from youtube.
1. setting up page

Video tutorial for building responsive page

photoshop and set up document
Start out with skeleton
Building a Responsive Layout With Skeleton: Navigation
Building a Responsive Layout With Skeleton: jQuery Plugins
Layout with skeleton
http://webdesign.tutsplus.com/tutorials/complete-websites/building-a-responsive-layout-with-skeleton-finishing-off/

Video tutorial:Web Design Using Photoshop slicing page

Using photoshop to create page layout's look and feel then slice it.
Note:  open a new file with background transparency,from

1. file menu--> place to place all the image element to put each element in layer on the canvas. (drag the corner of image to resize; then click on move tool to move the object) 
2. After place all the elements, file-->merge down to preserver its transparency, 
3. then use slice tool from the tool bar (newer version photoshop is grouped within crop tool) to slice and create the block of layout place holder.
4. from menu file-->save for web and device, save as a html file plus a image folder
5. open with Dreamweaver, delete image text and replace it with text filler http://www.lipsum.com/
6. create a style sheet and new rules or copy from other CSS file and 
7. link from html page to CSS style sheet and edit it from CSS panel on Dreamweaver

http://webdesign.tutsplus.com/tutorials/complete-websites/basics-create-a-clean-magazine-blog-theme-day2-slicing-and-markup/

20 web design trends: Responsive web design interface is the #1

http://www.hongkiat.com/blog/web-design-trend-2012/
Code to create form
http://www.hongkiat.com/blog/login-registration-form/
HTML5 and CSS3
http://www.hongkiat.com/blog/building-html5-css-webpages/

Thoughts before creating a mobil friendly web

What are the mobile trends that are important to businesses?
http://www.bayshoresolutions.com/resources/articles-webcasts/web-design-insights/mobile-websites-design-tips.aspx

Recent industry studies show the extremely fast growth of internet users accessing the Web through a mobile device or “Smart phone” including:

Mobile internet users are projected to exceed desktop internet users by 2014

1 in 5 mobile users will watch video on mobile device by 2013

Over half of mobile users will be web-enabled by 2013 (and that represents 40% of the US population)



As more and more people are accessing the mobile web, what are they doing there? More studies reveal these types of mobile activities are gaining popularity:

Looking for directions & locations

Looking for coupons or promotions

Price, availability and support comparisons

Reading reviews about products, services, and professionals of interest

Buying

Utilizing the services or processes of a business (i.e.: checking in for a flight, or an online banking transaction)

And interestingly, the current most-used mobile device task: checking the time

Comparing web and app on mobil, web are used more on entertainmnet and searching