Posts Tagged ‘Image’
Monday, July 14th, 2008
You can create a stationary HTML web page background within your web page.
Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the following code within your <BODY> tag.
<body background =”yourimage.gif” bgproperties=”fixed”>
When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won’t make your text difficult to read.
To prevent your background image from tiling (repeating), place the following code between your <HEAD> and </HEAD> tags.
<STYLE TYPE=”text/css”>
<!–
BODY { background-image: url(yourimage.jpg) }
BODY { background-repeat: no-repeat }
BODY { background-position: center }
–>
</STYLE>
Replace the text indicated in red with your image file.
Tags: background, between, body, Center, Code, creating, effect, following, html, Image, moving, position, repeating, Stationary, Tag, Web Page
Posted in web designing | No Comments »
Monday, July 14th, 2008
If you’ve ever tried to display an image with your text wrapping around it, you have probably discovered it won’t work with just a plain image tag.
To do so, you must include the ALIGN attribute within your image tag.
Image Displayed on Left:
<IMG BORDER=”0″ ALIGN=”Left” SRC=”yourimage.jpg”>Your Text
By placing the above code within your HTML, your image will be displayed on the left hand side with your text displayed on the right.
As you continue to type your text, it will automatically format itself to wrap around the right side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.
Image Displayed on Right:
<IMG BORDER=”0″ ALIGN=”Right” SRC=”yourimage.jpg”>Your Text
By placing the above code within your HTML, your image will be displayed on the right hand side with your text displayed on the left.
As you continue to type your text, it will automatically format itself to wrap around the left side and the bottom of your image. This example has been set up with a table to keep the text neatly aligned within a limited amount of space. The table’s width is set up to span 50% of the page width.
Tags: align, amount, automatically, bottom, displayed, html, Image, page width, side, Space, Text, Web Page, Wrapping
Posted in web designing | No Comments »
Monday, June 30th, 2008
Client/Server Request/Response
HTTP is a simple client/server protocol with stateless request/response sequences.
The Client HTTP Request
7 possible HTTP 1.1 request types: GET, PUT, POST, DELETE, HEAD, OPTIONS and TRACE.
Any number of HTTP headers can accompany a request.
GET /filename.php HTTP/1.0
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, image/png, */*
Accept-Charset: iso-8859-1,*,utf-8
Accept-Encoding: gzip
Accept-Language: en
Connection: Keep-Alive
Host: localhost
User-Agent: Mozilla/4.77 [en] (X11; U; Linux 2.4.5-pre4 i686; Nav)
The Server HTTP Response
HTTP/1.1 200 OK
Date: Mon, 21 May 2001 17:01:51 GMT
Server: Apache/1.3.20-dev (Unix) PHP/4.0.7-dev
Last-Modified: Fri, 26 Jan 2001 06:08:38 GMT
ETag: “503d3-50-3a711466″
Accept-Ranges: bytes
Content-Length: 80
Keep-Alive: timeout=15, max=100
Connection: Keep-Alive
Content-Type: text/html
Tags: Client, Connection, Delete, get, HEAD, HTTP, Image, Linux, localhost, Options, PHP, post, PUT, REQUEST, response, server, Text, Trace
Posted in PHP | No Comments »
Friday, June 27th, 2008
If you want to save time and bandwidth, view a site without images. Firefox will remember your setting the next time you view the page.
Tags: bandwidth, Firefox, Image, loading, setting, time
Posted in Firefox | No Comments »
Thursday, June 26th, 2008
- Accessibility
- Better end user experience
- Valid code
- Helps the overall impression on your site
Accessibility is one crucial factor many of us ignore while designing websites. And may be..it’s completely fair from our perspective. But coming back to design basics, if you are not taking care of it, you are not doing things right. It’s like leaving the html tags open, and you may still argue that your text is showing up on the browser, so why should you close it? You know that a good code must have the html tags closed.
Better user experience - Imagine you block all the images on the browser because you want to save some bandwidth and cut down your internet bill, and you visit cnn.com only to see that you can’t see the images in there. Instead everything appear all white. You won’t be able to even make out what the content or story is all about. Had the images carried an ALT tag, users could easily make out what the image is all about, even if didn’t load on the browser.
Valid code - As the first point said, valid code is essential for SE optimized pages. you have to follow a W3C compliant structure, in order to get the trust form search engines. Now for that to happen, there is no way you leave image optimization unattended.
Helps the overall look and impression of your site - You like flowers and colors, and everyone else does too. You like websites that has images to decorate it while a few others prefer to remain plain and pale. If you want to look good - be good.
Tags: accessibility, Better end user experience, decorate, experience, factor, Image, impression, optimization, Text, Valid code
Posted in SEO | No Comments »
Friday, June 20th, 2008
A German Company Sistrix recently analyzed roughly 10,000 web sites to see if there were any common elements to reaching the top of the SERPS in Google. Here are some of the results that they found in their research:
They found keywords in bolded type, h2 to h6 tags (not so much in h1 tags), title tags along with these words in the body text were important. Image names and domain names with keywords helped also. Keywords in file paths or the parameters in a dynamic web site url didn’t seem to have a positive effect. Having inbound links seemed to have on of the biggest impacts in Google’s SERPS, for example a SERPS at number 11 in Google had about 4 times less the inbound links as did the number 1 spot.
Once again it seems sticking to the basic rules of SEO over time will garnish favorable rewards! Happy SEO-ing!
Tags: Basics, bolded, company, dynamic, German, h1 tags, Image, parameters, research, rewards, SEO, SERPs, web site
Posted in SEO | No Comments »
Friday, June 20th, 2008
Google has recently announced that they will be rolling out image ads in image search results soon. Google in an email told Google Blogoscoped, “This is an experiment that’s currently being run, so only a fraction of users may see this.”
Tags: Ads, announced, Blogoscoped, experiment, fraction, google, Image, recently, Results, Search
Posted in google | No Comments »
Thursday, June 19th, 2008
While most are conscious about ranking well in SERPs many overlook the need to optimise for image search. Image search should NOT be overlooked since it can bring in considerable amount of traffic. As an example, in my personal blog it’s really funny how the search term “Mila Jovovich” gives me the most search traffic and how a vast majority of that traffic comes from image search. Note too that I only posted about Mila Jovovich a couple of times. Goes to show that you just don’t know what will really bring you lots of traffic.
To make sure you don’t miss out on the traffic image search can bring (if you post images on your blog!) here are the factors you should take note of:
1. text surrounding the image - Note that the distance of the text from the image also counts so it makes sense to place the image as near as possible to the related text.
2. text of pages linking to the picture
3. the number of websites containing the same or similar image - This helps determine relevancy of image to the search term
4. size of image - Usually the image with higher resolution ranks better. Note though that users can filter search results by file size. The reasoning behind this may be more for the viewing pleasure since a higher resolution image looks better.
5. Remember though that loading your page with lots of high resolution images may bog down your site causing it to have a longer loading time. Make sure you do not sacrifice usability and accessibility!
6. link relationships between images - Images that are linked together and have related associated text will help determine relevancy
7. frequency of image’s appearance in website - This pertains to logos and other recurring images. It helps determine importance and relevance of image to the website topic.
8. face and name detection - The more faces on an image the higher it is usually ranked. On the other hand if a specific name is queried then a single face with the person searched for will rank better.
Tags: factors, Image, linking, loading, picture, Rank, remember, similar, surrounding, Text, time, Usually
Posted in Uncategorized | No Comments »