Games Web page via HTML and CSS
Games wallpaper this web page developed via HTML and CSS.
MITI Best center for web developer and designer
Best Center for Web developer and designing..
Web Development
Course Duration: 4 Months
Be a Professional Web Developer
PHPMYSQLWordPressJqueryProject Development
Certificate of Information Technology
Course Duration: 6 Months
Introduction to IT Plus Software & Hardware
Ms word 2010Ms Excel 2010Ms Power Point 2010Ms Access 2010Adobe Photoshop
Diploma in Information Technology
Course Duration: 1 Year
Include Basic to Advance All courses
HTML, DHTML, CSSAdobe PhotoshopAdobe DreamweaverJava ScriptPHP
Professional Photography
Course Duration: 6 Months
Be a professional photographer with including picture editing.
Cameras & LensesRetouching, resolution & printingShutters, aperture, ISO & their relationshiplighting & colorequipment & software
Graphic Designing
Course Duration: 4 Months
Adobe PhotoshopAdobe IllustratorMacromedia FreehandInpageWeb Designing
Course Duration: 4 Months
Adobe PhotoshopAdobe DreamweaverAdobe FlashHTMLCSSJava ScriptAutoCAD
Course Duration: 4 Months
Basic Engineering DraftingWorking/Assembly DrawingBasic 2D/3D CAD DraftingLayout Designing/PrintingProject DesigningAdvance AutoCAD
Course Duration: 4 Months
Advance 2D DraftingDrawing Project MeasurementCustomizationAdvance 3D ModelingAdvance Realistic RenderingDrafting & Designing
Course Duration: 4 Months
Engineering Drawing InstrumentsLettering ConceptGeometrical ConstructionPictorial DrawingBuilding DrawingDevelopment of SurfaceMAYA
Course Duration: 6 Months
Modeling with MayaTexturing with MayaRigging with MayaLighting and rendering with MayaCharacter Animation with MayaPortfolio Showreel3D Studio Max
Course Duration: 6 Months
3D Basics - Modeling to AnimationModeling with 3D3D Motion Graphics and FxLights, CameraRendering with V-Ray3D Animation PortfolioComputerized Accounting
Course Duration: 4 Months
Advance Excel 2010Quick BookPeach TreeMS Office
Course Duration: 4 Months
WindowsMS WordMS ExcelMS PowerPointInternetMobile Phone Repairing
Course Duration: 4 Months
Two Module in this Course Hardware & Software
Disassembly & assembly procedurecomponent testing & replacingFault DiagnosingDownloading ProcedureFlashing Procedure
Video Editing
Course Duration: 4 Months
Adobe PremiereSony VegasAdobe After EffectsSound ForgeParticle illusionComputer Hardware & Networking
Course Duration: 4 Months
PC Hardware RepairBIOS POST BehaviorPC Software ToolsCommunication & Server MediaClient & Server InstallationEnglish Language
Course Duration: 4 Months
SpeakingWritingReadingListeningVocabularyAccent TrainingThe admission of all courses for the male section has started and the classes will be commenced by 1st October 2014.
The admission of all courses for the female section has started and the classes will be commenced by 1st September 2014.
10 Simple Tips for Improving Your Web Design
Want to ensure that visitors will exit your website almost immediately
after landing there? Be sure to make it difficult for them to find what
it is they are looking for. Want to get people to stay on your website
longer and click on or buy stuff? Follow these 10 Web design tips.
1. Have a polished, professional logo--and link it to your home page. "Your logo is an important part of your brand, so make sure it's located prominently on your site," says Tiffany Monhollon, senior content marketing manager at online marketer ReachLocal. "Use a high-resolution image and feature it in the upper left corner of each of your pages," she advises. "Also, it's a good rule of thumb to link your logo back to your home page so that visitors can easily navigate to it."
2.Use intuitive navigation. "Primary navigation options are typically deployed in a horizontal [menu] bar along the top of the site," says Brian Gatti, a partner with Inspire Business Concepts, a digital marketing company. Provide "secondary navigation options underneath the primary navigation bar, or in the [left-hand] margin of the site, known as the sidebar."
Why is intuitive navigation so important? "Confusing navigation layouts will result in people quitting a page rather than trying to figure it out," Gatti says. So instead of putting links to less important pages--that detract from your call to action or primary information--at the top of your home or landing pages, put "less important links or pieces of information at the bottom of a page in the footer."
3. Get rid of clutter. "It's very easy these days to be visually overloaded with images, to the point where our brains stop processing information when confronted with too many options," explains Paolo Vidali, senior digital marketing strategist, DragonSearch, a digital marketing agency.
To keep visitors on your site, "make sure pages do not have competing calls to action or visual clutter [e.g., lots of graphics, photographs or animated gifs] that would draw the visitor's eyes away from the most important part of the page." To further keep clutter down on landing pages, "consider limiting the links and options in the header and footer to narrow the focus even further," he says.
Another tip to streamlining pages: "Keep paragraphs short," says Ian Lurie, CEO of internet marketing company Portent, Inc. "On most Web sites, a single paragraph should be no more than five to six lines."
4. Give visitors breathing room. "Create enough space between your paragraphs and images so the viewer has space to breathe and is more able to absorb all of the features your site and business have to offer," says Hannah Spencer, graphic designer, Coalition Technologies, a Web design and online marketing agency.
"Controlling white space through layout will keep users focused on the content and control user flow," adds Paul Novoa, founder and CEO at Novoa Media. "With a lot of visual competition taking place on the Web and on mobile, less is more. Controlling white space will improve user experience, increasing returns from the website."
5. Use color strategically. Using "a mostly neutral color palette can help your site project an elegant, clean and modern appearance," says Mark Hoben, the head of Web design at Egencia, the business travel division of the Expedia group, who is also a believer in using color wisely. "Employing small dashes of color--for headlines or key graphics--helps guide visitors to your most important content," he explains.
It is also important to use a color palette that complements your logo and is consistent with your other marketing materials.
6. Invest in good, professional photography. "Website visitors can sniff out generic photos in a second--and they'll be left with a generic impression of your company," warns Zane Schwarzlose, community relations director, Fahrenheit Marketing. "Your company isn't generic. So show your visitors that by investing in professional photography."
"We strongly recommend that our clients invest in professional photography or purchase professional stock photos," says Gatti. Good photographs "draw the eye, providing an emotional connection to the written content." Poor quality photographs or photographs that have nothing to do with your message, on the other hand, are worse than having no photographs.
Bonus photography tip: "If you want to draw attention to a particular piece of content or a signup button, include a photo of a person looking at the content," suggests Elie Khoury, cofounder and CEO of Woopra, which provides real-time customer and visitor analytics. "We are immediately drawn to faces of other humans--and when we see that face looking' at something, our eyes are instinctively drawn there as well."
7. Choose fonts that are easy to read across devices and browsers. When choosing fonts, keep in mind that people will be looking at your website not just on a laptop but on mobile devices. "Some large-scaled fonts may read well on [a computer monitor], but not scale or render well on mobile, losing the desired look and feel," explains Novoa. So he advises using a universal font.
"Pick a typeface that can be easily read and size it no less than 11pt," says Ethan Giffin, CEO, Groove Commerce. "If you're using Web fonts, try to use no more than two font families in order to ensure fast load times," he says.
"If you're using a fixed-width design, use a font size that allows a maximum of 15 to 20 words per line," adds Lurie. "If you're using a fluid design, use a font size that allows 15 to 20 words per line at 900 to 1000 pixels wide."
8. Design every page as a landing page. "Most websites have a design that assumes a user enters through the home page and navigates into the site," says Michael Freeman, senior manager, Search & Analytics, ShoreTel, Inc., which provides hosted VoIP, cloud PBX service and business phone systems. "The reality, though, is that the majority of visits for most sites begin on a page that is not the home page," he says. Therefore, you need to design the site in such a way that whatever page a visitor lands on, key information is there.
9. Respect the fold. When asked for their top design tips, almost all the Web designers CIO.com queried immediately said: Put your call to action in the upper portion of your website, along with your phone number and/or email address (if you want customers to call or email you). Regarding home page images, "I recommend going against full-width sliders and encourage sliders or set images that cover two-thirds of the width allowing for a contact form to be above the fold," says Aaron Watters, director, Leadhub, a website design and SEO company.
10. Use responsive design--that automatically adapts to how the site is being viewed. "Rather than developing a site for each device, a responsive site is designed to adapt to the browser size," making for a better user experience, says Jayme Pretzloff, online marketing director, Wixon Jewelers. And a better user experience typically translates into more time spent on your site and higher conversion rates.
1. Have a polished, professional logo--and link it to your home page. "Your logo is an important part of your brand, so make sure it's located prominently on your site," says Tiffany Monhollon, senior content marketing manager at online marketer ReachLocal. "Use a high-resolution image and feature it in the upper left corner of each of your pages," she advises. "Also, it's a good rule of thumb to link your logo back to your home page so that visitors can easily navigate to it."
2.Use intuitive navigation. "Primary navigation options are typically deployed in a horizontal [menu] bar along the top of the site," says Brian Gatti, a partner with Inspire Business Concepts, a digital marketing company. Provide "secondary navigation options underneath the primary navigation bar, or in the [left-hand] margin of the site, known as the sidebar."
Why is intuitive navigation so important? "Confusing navigation layouts will result in people quitting a page rather than trying to figure it out," Gatti says. So instead of putting links to less important pages--that detract from your call to action or primary information--at the top of your home or landing pages, put "less important links or pieces of information at the bottom of a page in the footer."
3. Get rid of clutter. "It's very easy these days to be visually overloaded with images, to the point where our brains stop processing information when confronted with too many options," explains Paolo Vidali, senior digital marketing strategist, DragonSearch, a digital marketing agency.
To keep visitors on your site, "make sure pages do not have competing calls to action or visual clutter [e.g., lots of graphics, photographs or animated gifs] that would draw the visitor's eyes away from the most important part of the page." To further keep clutter down on landing pages, "consider limiting the links and options in the header and footer to narrow the focus even further," he says.
Another tip to streamlining pages: "Keep paragraphs short," says Ian Lurie, CEO of internet marketing company Portent, Inc. "On most Web sites, a single paragraph should be no more than five to six lines."
4. Give visitors breathing room. "Create enough space between your paragraphs and images so the viewer has space to breathe and is more able to absorb all of the features your site and business have to offer," says Hannah Spencer, graphic designer, Coalition Technologies, a Web design and online marketing agency.
"Controlling white space through layout will keep users focused on the content and control user flow," adds Paul Novoa, founder and CEO at Novoa Media. "With a lot of visual competition taking place on the Web and on mobile, less is more. Controlling white space will improve user experience, increasing returns from the website."
5. Use color strategically. Using "a mostly neutral color palette can help your site project an elegant, clean and modern appearance," says Mark Hoben, the head of Web design at Egencia, the business travel division of the Expedia group, who is also a believer in using color wisely. "Employing small dashes of color--for headlines or key graphics--helps guide visitors to your most important content," he explains.
It is also important to use a color palette that complements your logo and is consistent with your other marketing materials.
6. Invest in good, professional photography. "Website visitors can sniff out generic photos in a second--and they'll be left with a generic impression of your company," warns Zane Schwarzlose, community relations director, Fahrenheit Marketing. "Your company isn't generic. So show your visitors that by investing in professional photography."
"We strongly recommend that our clients invest in professional photography or purchase professional stock photos," says Gatti. Good photographs "draw the eye, providing an emotional connection to the written content." Poor quality photographs or photographs that have nothing to do with your message, on the other hand, are worse than having no photographs.
Bonus photography tip: "If you want to draw attention to a particular piece of content or a signup button, include a photo of a person looking at the content," suggests Elie Khoury, cofounder and CEO of Woopra, which provides real-time customer and visitor analytics. "We are immediately drawn to faces of other humans--and when we see that face looking' at something, our eyes are instinctively drawn there as well."
7. Choose fonts that are easy to read across devices and browsers. When choosing fonts, keep in mind that people will be looking at your website not just on a laptop but on mobile devices. "Some large-scaled fonts may read well on [a computer monitor], but not scale or render well on mobile, losing the desired look and feel," explains Novoa. So he advises using a universal font.
"Pick a typeface that can be easily read and size it no less than 11pt," says Ethan Giffin, CEO, Groove Commerce. "If you're using Web fonts, try to use no more than two font families in order to ensure fast load times," he says.
"If you're using a fixed-width design, use a font size that allows a maximum of 15 to 20 words per line," adds Lurie. "If you're using a fluid design, use a font size that allows 15 to 20 words per line at 900 to 1000 pixels wide."
8. Design every page as a landing page. "Most websites have a design that assumes a user enters through the home page and navigates into the site," says Michael Freeman, senior manager, Search & Analytics, ShoreTel, Inc., which provides hosted VoIP, cloud PBX service and business phone systems. "The reality, though, is that the majority of visits for most sites begin on a page that is not the home page," he says. Therefore, you need to design the site in such a way that whatever page a visitor lands on, key information is there.
9. Respect the fold. When asked for their top design tips, almost all the Web designers CIO.com queried immediately said: Put your call to action in the upper portion of your website, along with your phone number and/or email address (if you want customers to call or email you). Regarding home page images, "I recommend going against full-width sliders and encourage sliders or set images that cover two-thirds of the width allowing for a contact form to be above the fold," says Aaron Watters, director, Leadhub, a website design and SEO company.
10. Use responsive design--that automatically adapts to how the site is being viewed. "Rather than developing a site for each device, a responsive site is designed to adapt to the browser size," making for a better user experience, says Jayme Pretzloff, online marketing director, Wixon Jewelers. And a better user experience typically translates into more time spent on your site and higher conversion rates.
Did You Know?
 |
JavaScript and Java are two completely different languages, both in concept
and design. JavaScript was invented by Brendan Eich, to be used in Netscape (a no longer existing browser) in 1995, and was adopted by the ECMA standard association in 1997. ECMA-262 is the official name. ECMAScript 5 (version 1.8.5 - July 2010) is the latest standard. |
|---|
Abbriviation of major IT companies
Google Global organization of oriented group language of earth
Apple Asian passenger payload experienced
HP Hewlet Packard
IBM International bussiness machines corporation
HCL Hindustan computer limited
WIPRO Western India product limited
GE General electronics
INFOSYS Information system
TCS Tata consultancy services
AOL American online
BPL British process laboratory
CISCO Computer Information system company
INTEL Integrated Electronics
DELL Michael DELL
SONY Sound of New York
AMD Advance Micro divices
LENOVO LE (legend) NOVO (new)
Compaq Compatiblity & Quality
HTML Basic tags, their uses and how to create a webpage?
Just like "follow the bouncing ball", power up Notepad and start with this...
<html>
</html>
Each one of those is called a tag. There is a starting tag and a closing tag. To make a closing tag just add a /
to the starting tag. Most, but not all tags have a closing tag. Think
of tags as enclosing a bit of text for the browser to interpret. The
browser will interpret everything between <html> and </html> as an HTML document. Different tags are interpreted different ways by the browser. Let's proceed...
Every HTML document needs a pair of head tags.
<html>
<head>
</head>
</html>
The only thing we have to concern ourselves with in the head tags (for now) are the title tags.
<html>
<head>
<title></title>
</head>
</html>
And the bulk of the page is going to be within the body tags.
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Oh, and one more thing, give your document a title, and put something in the body.
<html>
<head>
<title>webdesigning360.blopspot.com!</title>
</head>
<body>
Welcome to web design.
</body>
</html>
Now save it, not as a text document, but as a html document. Save it as page1.html in a new folder somewhere. If yer a little fuzzy about how to do this then here's what you do...
In your Notepad window click File then Save As.
You will be presented with the Save As dialog box. Make a new folder by clicking the New Folder icon in the Save As dialog box.
The New Folder icon will look something like this --> 
Name the new folder whatever you want. Then double
click on it to open it. Now you're ready to save the file into the the
new folder you just made. Where it says File name: type in webdesign.html Where it says Save as type: make sure it says All Files(*.*)
Hit return and you're done!
Congratulations! You are the proud parent of a fully
functional Web Page! You could upload it to a server and the whole world
can see your creation! If you are using Internet Explorer, the file you made might look something like this...
 |
| Or webdesign.html |
(if your icon is a little different, it's no biggie)
You should be able to double click on it now and see the results of your handiwork.
Now, it's common for people to get stuck here at saving the file. If you get stuck, just be patient. When you save it, remember where you saved it. and make sure you save it with the file extension .html
Next order of business is to start putting some neato stuff in your page.
The best way to use this tutorial is to run Notepad
and two instances of your web browser. One browser window containing
this tutorial and the other containing your new page. Just toggle
between the three windows. You can open a second instance of your
browser in one of two ways...
1) Find the icon of the html file you just made (.html) and double click on it. Or...
2) In your browser, click on File/Open File (or something similar to that) and browse to the file (webdesign.html).
Here your result show as
Three quick points before we go on to the next lesson:
- What you made is a skeleton HTML document. This is the minimum
required information for a web document and all web documents should
contain these basic components.
- The document title is what appears at the very top of the browser window.
- Of all the things on your web page, the title is what search engines consider most when ranking a page. Choose your titles carefully, and keep them brief.
Paste all these codes in your notepad save and open in browser...I developed this site via Macro media flash.
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>FLASHSSS</TITLE>
<style type="text/css">
*{margin:0px; padding:0px;}
</style>
</HEAD>
<BODY bgcolor="#0099FF">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--latest softwaresPopular SoftwaresPC,mobile and linux softwares are available herefree download About UsYou are about to enter newsgroups hostedon the Internet. Microsoft is not responsiblefor and does not endorse the content of thenewsgroups in any way. Your use of, or relianceon, the content of the newsgroups is at your own risk.DownloadsContact UsNameSubjectMessageE-mail<P ALIGN="CENTER"></P>GraphicsMedia players--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="1024" HEIGHT="768" id="FLASHSSS" ALIGN="">
<PARAM NAME=movie VALUE="FLASHSSS.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#0099FF> <EMBED src="FLASHSSS.swf" quality=high bgcolor=#0099FF WIDTH="1024" HEIGHT="768" NAME="FLASHSSS" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>
Web Developer vs. Web Designer
A web developer:
Creates the inner workings of a website
Is competent in programming languages (PHP, .NET, Python, C, Ruby)
Develops the user interface
Is left-brained: logic, linear thinking, technical
Hands-on coding experience is required (either your own products or github)
Median salary: $85,430
A web designer:
Focuses on look and feel of a website
Uses HTML, CSS, and JavaScript
Is competent in color scheming, graphic design, and information flow
Creates a great user experience
Is right-brained: Strong intuition, creativity, & imagination
Portfolio is worth more than a degree
Median salary: $47,820
So which profession do you choose?
HTML Basic & important Codes
1-title
2-head
3-body
4-h1>
5-center
6-table
Subscribe to:
Posts
(
Atom
)
0 comments :