Information Technology: Tips and Trick

Showing posts with label Tips and Trick. Show all posts

Search Engine Optimization

SEO, be way which must be gone through if your website fail to occupy position 20 big for keyword expected. There is two primary factors which must be gave attention to process SEO, that is :
1.Factor Internal (relates to writing of content website and HTML)
2.Factor External (relates to link popularity)

Internal Factor
In determining ranking, search engine hardly pays attention to content website as one of reference to determine level of relevance. Web page that is which is the design full image, only consisted of picture and flash and doesn't figure in ordinary text, very difficult read by search engine. Although The existing google has started applies technology AI (Artificial Intelligence), remain to be just has not can read meaning from a picture. Hence from that is content in the form of pure text is obliged to used that your website desisting easy to. In compiling content text, labors that keyword or keyword which you expects used at sentences in the text. Assumes just of keyword is main topic. And if you had a few knowledge about HTML, locates keyword at tag title and at attribute ALT in tag img. Usage of keyword which intended here is usage in fair boundary with a note of sentence still delicious to be read.
Factor External
Search engine applies factor external as reference relevance between content website and keyword. Factor intended is link popularity, that is the many link from other website leading to your website.

Increases Function Of Web Site

More and more the many internet users hence more and more there are also many web site fitter in Internet. So the many the web sites causing haves no all the its visited by internet user. Web site which silent of visitor often is resulted by a more regular web site maker thought of design and technology which they is create than marketing the web site to other internet user. In general, process of good web site is with existence of team work which is each other supports between 3 element. That is designer, programmer and marketer / administrator. Designer is man which can submit image a business or someone in the form of graphic / picture or animation. This graphical is representative of nuance from owner of web site as a whole. So a designer must can translate what wanted owner of web site (from interview or article) into visual form. Programmer is man is holding responsible in implementing the programs in web site, supposes guest book, counter, form application, reservation and others. formation of Composition web which has been made by designer is implemented carefully by programmer. Hence designer and programmer can be considered to be a group / production team. Marketer is required by filling blankness which cannot be done either by designer and also programmer. Because a designer, because she is man who reasoning of art, more can talk in the form of visual, while as one who programmer reasoning of technique more can talk in programming language that is difficult to understand.

Required someone who is mastering popular language to give information to the Netter in the world with language which is easy is comprehended. One things that is often forgotten by owner of web site is; speed of response to entering enamel or comments. Often web site visitor sends enamel or fills guest book but doesn't visit getting comments from owner of sites. Or even so there are comments but haves the character of late. This thing must be improve by owner of web site. Speed of response is condition sine qua non for serious of we are having business in web.
Standard activity that must be done by marketer is:
Sign in web site at all search the engine,
Diligent follows mailing list is relating to product,
Active in newsgroup and diligent reciprocates every entering enamel and
Diligent reciprocates comments from guest book visitor.
Man is social society and that is natural of which cannot be disobeyed. Man cannot live itself, for the reason web site which is made in man also cannot independent. Willingness to braid team work with web other site hardly required in supporting successful a web site. With installing banner at web other site larger ones and many its the visitors and earns link to place of web your site would hardly assists increasing number of visitors at web your site.

Masking My Banner

At this practice, banner which has been designed added by animation masking, hence at this practice, which animation us masking would be information text becoming identity banner. For this requirement file banner which has been made, then is edited again by using Adobe Photoshop to eliminate text which will be animation masking. After all texts which will be animation masking is vanished, hence file banner is kept again with extension JPG or GIF. The identity text then can be again by using Flash or remain to by using Adobe. We assume so that design appearance banner we are not far differed from design at photoshop, hence better apply again Adobe Photoshop to make text, of the size image adapted for by layer text original which has been vanished. Animation concept masking which we would do is, at identity text there will be commutation of text color, at the time of passed by masking. Hence for the requirement can be done steps following :

1. New text file create with Adobe Photoshop, with white letter color and then adds a few stroke and drop shadow adapted for by color background place of theca will be placed at banner
2. Then keeps the file by the name of Teks1gif
3. Does changing of text color, for example with blue color, and then kept by the name of Teks2.gif
4. Step of hereinafter, open a new document at Flash
5. Import three pictures which will be applied to make animation masking banner, that is : Banner.jpg / Banner.gif, Teks1.gif and Teks2.gif
6. Each picture placed at layer which separate. Banner at Layer 1, Teks1.gif at layer 2 and Teks2.gif at layer 3
7. Adds one new layer, then adds a rectangle tool, to make a square box
8. Step of hereinafter do arrangement of frame and masking, so doing motion like steps of the example of case 1 and 2

Masking For My Head And My Brain

At this case practice, we will apply two pictures which will be applied for example usage Masking. That is picture a skull and man skull interior picture. Follows steps following :
1. We design a masking scanning man brain.
2. Firstly prepares an animation area at document flash of the size 800 x 600 pixel (H x W) at size document, black background color setting.
3. Picture file import Thorax which will be animation at Layer 1, with clicks menu File then Import then Import to stage, then change name layer becomes Thorax.

4. Adds a new layer of its the change name becomes contents of head, then picture file import contents of Thorax to layer.
5. At layer Thorax, right click at frame 50, then chooses pop up menu insert frame.
6. At layer contents of head, right click at frame 50, then chooses pop up menu insert frame.
7. Then adds a New Layer, berry name of X-ray.
8. Create a length square box vertical, by using Rectangle Tool, create of the size higher from picture which masking would, places at picture left side which masking would.
9. At layer X-ray, right click at frame 50, chooses Insert Key Frame.
10. Then still at the same layer, right click at frame to 25, chooses Insert Key Frame, then carries over position right side area which masking would.
11. Right click at Layer X-ray, then chooses Mask.
12. Still at the same layer , at frame 15, and 35 right clicks, chooses Insert Motion Tween
13. Implements animation with clicking Ctrl + Enter.

Implementation Masking For Body

At this case practice, we will apply two pictures which will be applied for example usage Masking. Follows step - step of following :
1. We design a masking body a moppet
2. Firstly prepares an animation area at document flash of the size 120 x 101 pixel (H x W). at size document, black background color setting
3. Picture file import Children which will be animation at Layer 1, with clicking menu File then Import then Import to stage, then change name layer becomes Children

4. Adds a new layer of its the change name becomes Body, then picture file import Body to layer
5. At layer Children, right click at frame 50, then chooses pop up menu insert frame
6. At layer Body, right click at frame 50, then chooses pop up menu insert frame
7. Then adds a New Layer, berry name of X-ray
8. Create a length square box vertical, by using Rectangle Tool, create of the size higher from picture which masking would, places at picture left side which masking would
9. At layer X-ray, right click at frame 50, chooses Insert Key Frame
10. Then still at the same layer, right click at frame to 25, chooses Insert Key Frame, then carries over position right side area which masking would
11. Right click at Layer X-ray, then chooses Mask
12. Still at the same layer , at frame 15, and 35 right clicks, chooses Insert Motion Tween
13. Implements animation with clicking Ctrl + Enter

Making Texture Wood Effect

Tutorial Photoshop

1. Make new image. In this fairish example of 200 x 200 pixels. By using Paint Bucket Tool, alter color of background become Brown (its code is 996633).
2. Choose menu Filter – Noise – Add Noise. At amount, fill by 60. Selecting Gaussian and say the word check at Monochromatic.

3. From menu Filter – Blur – Motion Blur. At box edit Angel, fill by 0 and Distance 614.
4. Choose menu Filter – Noise – Add Noise. At amount, fill with 8.
5. By using Elliptical Marquee Tool, make a ellipse at picture.
6. From Selecting menu Filter – Distort – Wave. Alter Wave setting.
7. To beautify wood effect, choose menu Filter – Sharpen – Sharpen Edges.

Making Drop Effect

Tutorial Photoshop

1. Make new image. In this fairish example of 250 x 125 pixels. Afterwards make a text. Example of beside use Arial font.
2. From menu Layer, choose Flatten Image. Of menu Image, choose Rotate Canvas – 90 CW.

3. From menu Filter, choose Stylize – Wind. Choose Method Blast and of Direction From Left the. If still less, do over step above.
4. From menu Image, choose Rotate Canvas – 90 CCW.
5. From menu Filter, choose Blur – Gaussian Blur. Change its become 2,0 pixels.
6. From menu Image, choose Adjust – Level. At Input levels, setting become 176, 1, and 221.
7. From menu Image, choose Adjust – Level. At Input levels, setting become 167, 1, and 235.
8. With Magic Wand Tool, choose at area which is white chromatic. Then from menu Select, choose Similar. Last choose Select – Inverse.
9. To beautify appearance You earn to use Eye Candy. Of menu Filter choose Eye Candy – Bevel Boss.

Rounded Pill Shaped Button

Tutorial Photoshop

1. Make new image. By using Elliptical Marquee Tool, make a fairish circle 64 x 64. To get the size measure of click 2x at icon. Last change Normal Style option become Fixed Style. Including value 64 at column of Width and 64pada column of Height.
2. Click of Icon which lay in undercarriage toolbar.

3. By using Rectangular Marquee Tool, make a box. Depress Ctrl + Shift + Alt and of drag the box up at right. This step will make copy of circle exist in left side.
4. By using Rectangular Marquee Tool, make a parallelogram like at picture beside.
5. Depress knob of Delete, so that will be got by appearance like picture beside.
6. By using Magic Wand Tool, choose at is middle of area with white chromatic. Of menu Selection, choose Save Selections. Fill pd part of Name and click OK. Return to standard mode with clicking icon
7. Content of Selection the with picture or color.
8. From menu Select, choose Modify - Contract. Fill by 4 pixels.
9. From menu Select, choose Feather. Fill by 2 pixels. Last of menu Select, choose Inverse.
10. Make a new layer. Change color foreground with white color. Click 2x icon. At Last at option, choose Foreground to Transparent.
11. By using Linear of Gradient Tool, interesting of line of is from the top of going to is middle.
12. Change color foreground with black color. By using Linear of Gradient Tool, interesting of line from under going to is middle.
13. Depress Ctrl + Alt + 4 to taking selection you which have keep is mentioned. Than menu Select, choose Inverse.
14. Depress knob of Delete.
15. From menu Select, choose Load Selections. Of menu Edit, choose Stroke. Fill at Width by 4 pixels.

Making Metal Panel

Tutorial Photoshop

1. Make new image. In this fairish example of 250 x 70 pixels. By Using (Rectangular Marquee Tool), make a box on the left. Fill with grayscale color.
2. From menu of Filter, choose Noise, Add Noise. At Amount, fill by 35. Saying the word check at Monochromatic.

3. From menu Edit, choose Transform – Scale. Drag up at right and terminate by depressing Enter.
4. From menu of Filter, choose Render – Lighting Effects.
5. Make a new layer. Change color at foreground become black color. Depress Ctrl + A. From menu Edit, choose Stroke. Fill at Width by 4 pixels and choose Inside for Location.
6. By using (Polygonal Lasso Tool), make a triangle.
7. Depress Ctrl + I to make color at to the is square of length become to turn white.
8. At Opacity option, choose 60 %. Way of other is by button 6.

Making Lines Effect

Tutorial Photoshop

1. Open file to give effect.
2. Make new image of the size 1 x 2 pixels, giving upper color blackly and undercarriage whitely.

3. From menu Select, choose All.
4. From menu Edit, choose Pattern Define.
5. Return to image to give by mentioned effect.
6. Move to part of Channel and make new channel with clicking Create New Channel icon (its name usually Alpha1).
7. From menu Edit, choose Fill – Pattern.
8. From menu Select, choose Load Selection - Alpha1.
9. Move to part of Layer and choose layer to give effect.
10. From menu Images, choose Adjust – Level.
11. Content Input of Level by 0, 0,4 , 255. You can experiment by trying various level and color of image.

Making Text With Outline

Tutorial Photoshop

1. Make new file.
2. With Type Mask Tool, makes another text.

3. From menu Edit, choose Stroke. Give value in width, example : 3.
4. Now you can give color in text with Paint Bucket Tool.

Making Button 3 Dimension

Tutorial Photoshop

1. Make long file of the size is same wide and, for example 150 x 150 pixels. With tool marquee rectangle, make square.
2. At linear of gradient tool, choose color 1 bold and color second is darker. Then give color at square.

3. From menu of select, select all. Of menu of select choose modify - border.
4. You can give text at button.

Button With Bevel Effect

Tutorial Photoshop

1. Make long file of the size is same wide and, for example 150 x 150 pixels.
2. By using tool marquee elliptical, make circle which lay in middle of image. Afterwards give radian color by using linear of gradient tool.

3. Like step 2, making smaller circle of the size and give color of gradient of adversative direction.
4. You can give text at button.

Making Album Photograph With Dreamweaver MX

Album photograph usually met many at personal sites and organizational sites. Album photo contain corps photograph or good picture of picture in format .jpg and .gif. The steps making album photograph with dreamweaver MX is :

1. Prepare picture or photo which will be presented, and include into one folder / directory
2. Open Dreamweaver MX, and make new file by choosing File menu > New
3. Choose menu of Commands > Create Web Photo of Album
4. Will come up input form entitling Create Web Photo Album, then complete content all input
Boldness :

Photo Album of Title filled with our photo album title Subheading Info filled with brief boldness regarding photo album
Source Images Folder, depress knob of Browse and searching of folder our place our photo save (step 1)
Destination Folder, depress Browse and point at folder / directory for save photograph our album
Thumbnail Size, choose size measure of thumbnail
Columns, fill with amount of presented photo every line

Depress knob O.K. after all form loaded as according to desire of us
5. Afterward, automatically Dreamweaver will open Program of Fireworks MX which will make thumbnail to every our picture or photo
6. If all photo have been made its his hence will be presented by message of Album of created. Depress O.K. and photo album we have
7. Now see in folder / our place directory of mentioned save file have been formed by some and file of folder new. File searching of index.htm and open in Internet Explorer

Homepage (especial page) sites you have to earn to be accessed maximal 8 second or can be accessed to pass network connection minimum Internet 28,8 kbps. If process of connection requiring very old time, this matter of have potency loss of customer which do not “forbear staying” awaiting too old. Finally sites we will not visit to process all “candidate of customer”.

Ascertaining to figure in META Tag at each page your website. META Tag is conducive code engine search (searcher machine like : Google) to determining relevant keyword of your website.

Choose background color (appropriate background), don't use color influencing text to be read color of sites become a your liver expression. Color of Orange symbolizing fun while purple or is black symbolizing bleakness. For that choose appropriate color for your sites pursuant to content which implied in the sites.

Use animation need, don't too abundant because can influence consumer concentration when is being information. Besides, animation also can pursue access to page of your sites. A good animation non becoming guarantee that your sites draw attention visitor.

Especial page of sites have to be more be specific so that all visitor can know product which on the market. For example, if your sites represent a consultancy institute hence consulting services which better is on the market presented by in especial page. Visitor don't feel to confuse with existence of your ill defined sites of product which on the market.

Avoid installation of advertisement (banner) on the top your website. Limit the amount of banner to be displayed, maximal 2 and ideally enough 1 banner. More and more amount of banner, longer process to access and will very is bothering consumer concentration when visiting your sites.

Check wrong spelling and ascertain and picture of link in circuit better before presented on-lonely. Mistake in typing address of url result the page of “ ERROR”. If a sites there are one of the or some page which is error make the sites the look do not professional.

Equip your website with knob of navigation easy and lapped over elegantly at tabletop, under is, left, and also right. If using knob in the form of picture, important to remember that possibility of process access more long time. Why? Because picture have size measure which enough is big, and as we know. A page of sites maximal fairish at the most 100kb.

If cannot help use Frame, use precisely. Basically, usage of Frame in a sites will impress do not professional. Avoid page which needing “scroll”, this result less visitors balmy to look for information so that will in short order is “blurry” of your sites.

Reckoning the amount of click required to move from page one to is other. If too much click will very dragging on to visitor. You can apply system balmier navigation by figuring in logo at every its page.

If using “JAVA” at your website use precisely. Offering “Java” or “No Java” to visitor because can influence each performance of browser. Avoiding the existence of advertisement “up pop” to make visitor becoming to tire of.

Don’t enhance “auto play” voice when someone visiting your sites. Better offer, do using intro along with audio (sound) or direct to especial page.

Check your website with a few type of browser because each browser have different ability.

Information Technology

Labels