HTML
An initialism of HyperText Markup Language, is the predominant markup language for Web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as links, headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of tags, surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code (such as JavaScript) which can affect the behavior of Web browsers and other HTML processors.
HTML markup
HTML markup consists of several key components, including elements (and their attributes), character-based data types, and character references and entity references. Another important component is the document type declaration.
Monday, May 11, 2009
Learning Log-Web Design Ideas
Swap Images
Swap images look fantastic and are also great fun to design, so try and use them if possible. Visitors find this interactive and interesting. Fireworks makes it very easy to design web sites with swap images.
Rollover Images
Rollovers are another favorite. I try to use rollovers whenever possible - they are extremely simple and add a bit of class to a web site. If you don't want to use too many images that will result in a slower load time make sure you use text rollovers.
DHTML
If you have sub menus or complex navigation systems, use DHTML. They look neat and are again very simple to use. Many sites offer free DHTML scripts for menus, navigation systems, tip boxes and more. They give you detailed instructions on how to use these scripts so it is really very easy to install. A good site is SimplyTheBest.
Flash
Though I don't recommend designing an entire site in Flash it may be a good idea to make an interesting Flash intro or insert small Flash animations in important pages of your site. Always take care to optimize your our Flash animations. Take a look at some great looking Flash intro animations.
Swap images look fantastic and are also great fun to design, so try and use them if possible. Visitors find this interactive and interesting. Fireworks makes it very easy to design web sites with swap images.
Rollover Images
Rollovers are another favorite. I try to use rollovers whenever possible - they are extremely simple and add a bit of class to a web site. If you don't want to use too many images that will result in a slower load time make sure you use text rollovers.
DHTML
If you have sub menus or complex navigation systems, use DHTML. They look neat and are again very simple to use. Many sites offer free DHTML scripts for menus, navigation systems, tip boxes and more. They give you detailed instructions on how to use these scripts so it is really very easy to install. A good site is SimplyTheBest.
Flash
Though I don't recommend designing an entire site in Flash it may be a good idea to make an interesting Flash intro or insert small Flash animations in important pages of your site. Always take care to optimize your our Flash animations. Take a look at some great looking Flash intro animations.
Learning Log - Website Navigation Tips
Website navigation is the most important aspect to consider while designing a website. The primary aim for effective navigation is get your visitors to stay in your site and also for visitors to easily find what they are looking for easily and quickly. Designing effective navigation can also entice your visitors to try out the other things you offer on your site. In this article we will look at some of the basic guidelines you need to follow while designing the navigation of a website.
*Organized Links
Make sure your links are well organized according to the order of importance. Visitors should be easily able to find what they are looking for under different categories.
*Clear and Prominent
Once you have decided on your navigation links, you need to think of the best place to put them. Navigation should be clear and consistent. Try to design your navigation on the top or on the left as these are the first places our eyes go to. Also locate the primary links high enough on the page so that they are visible without scrolling. Navigation images should be seamlessly integrated into the site design. Avoid putting navigation links at the bottom of the page as visitors will need to scroll right down to see the links.
*Consistent
Navigation should be clear and consistent. The important links of your website should be on every page, in the same location, and in the same sequence. Don't confuse your visitors by putting your navigation links in different places in different pages.
*Easy to understand
Make your links easy to understand and to the point. Usually you won't have enough place to have long links so make use of the space wisely. Visitors need to know where they will go on clicking on a particular link, so make sure your links are understandable or nobody is going to click on your links, which will defeat the purpose of designing a good navigation system.
*DHTML Menus
If you have a large number of links under categories and sub-categories you could use navigation menus to organize your links.
*Organized Links
Make sure your links are well organized according to the order of importance. Visitors should be easily able to find what they are looking for under different categories.
*Clear and Prominent
Once you have decided on your navigation links, you need to think of the best place to put them. Navigation should be clear and consistent. Try to design your navigation on the top or on the left as these are the first places our eyes go to. Also locate the primary links high enough on the page so that they are visible without scrolling. Navigation images should be seamlessly integrated into the site design. Avoid putting navigation links at the bottom of the page as visitors will need to scroll right down to see the links.
*Consistent
Navigation should be clear and consistent. The important links of your website should be on every page, in the same location, and in the same sequence. Don't confuse your visitors by putting your navigation links in different places in different pages.
*Easy to understand
Make your links easy to understand and to the point. Usually you won't have enough place to have long links so make use of the space wisely. Visitors need to know where they will go on clicking on a particular link, so make sure your links are understandable or nobody is going to click on your links, which will defeat the purpose of designing a good navigation system.
*DHTML Menus
If you have a large number of links under categories and sub-categories you could use navigation menus to organize your links.
Web 1.0 vs Web 2.0: The Visual Difference
Now a days we see that the Web 2.0 culture is evolving at a very rapid pace and a huge amount of Web 2.0 sites are being launched daily.
The image compares Web 2.0 with Web 1.0 and explains how things have changed since the web culture has revolutionized. Webmaster and user interaction no longer depends on direct means of communication rather a whole new system of social interaction has evolved that includes really simple syndication (rss feeds) and also the use of social networking sites.
The image compares Web 2.0 with Web 1.0 and explains how things have changed since the web culture has revolutionized. Webmaster and user interaction no longer depends on direct means of communication rather a whole new system of social interaction has evolved that includes really simple syndication (rss feeds) and also the use of social networking sites.
10 Great Places to Find Web Design Jobs
1. CoroflotCoroflot is one of the leading web design job boards on the internet and is also one of the oldest. It usually has new job listing every day many of which are high-paying jobs for very large and well-respected companies.
2. 37 Signals37Signals has a really nice job board which features many top web design jobs from companies such as The New York Times, CNET, Facebook, Adobe and Trek.
3. Yahoo Hot JobsIt’s no surprise Yahoo’s web design job board is top notch. This is another place every web designer should check out for great jobs all over the United States.
4. CrunchBoardCrunchBoard is a major job board created by the founders of TechCrunch an amazing blog about internet products and businesses. Be sure to check out the blog as well cause its big and bad-ass!
5. Web Designer WallWeb Designer Wall is a great web design blogs that launched its own job board as often has great web design jobs on the board for designers of all skill levels.
6. Mashable JobsThe Mashable job board was created to compliment their large blog and has many jobs in a variety of categories such as design, development, blogging and marketing.
7. Smashing JobsThe Smashing Magazine blog has over 90k subscribers and their job board rocks just as much as their blog. It has tons of great jobs for anyone looking for that gem of a job.
8. Authentic JobsAuthentic Jobs is a fabulous web design job board and features dozens and dozens of jobs from entry level to senior level web design jobs and above.
9. Read/WriteWeb JobsI recently discovered this job board and was very impressive with some of the jobs listed here. This is a great resource for anyone looking for a web or tech related job.
10. CenterNetworks Job BoardLast, but not least is the CenterNetworks Job Board, which is another must bookmark site if you are in the marketing for a hot new web design job.
2. 37 Signals37Signals has a really nice job board which features many top web design jobs from companies such as The New York Times, CNET, Facebook, Adobe and Trek.
3. Yahoo Hot JobsIt’s no surprise Yahoo’s web design job board is top notch. This is another place every web designer should check out for great jobs all over the United States.
4. CrunchBoardCrunchBoard is a major job board created by the founders of TechCrunch an amazing blog about internet products and businesses. Be sure to check out the blog as well cause its big and bad-ass!
5. Web Designer WallWeb Designer Wall is a great web design blogs that launched its own job board as often has great web design jobs on the board for designers of all skill levels.
6. Mashable JobsThe Mashable job board was created to compliment their large blog and has many jobs in a variety of categories such as design, development, blogging and marketing.
7. Smashing JobsThe Smashing Magazine blog has over 90k subscribers and their job board rocks just as much as their blog. It has tons of great jobs for anyone looking for that gem of a job.
8. Authentic JobsAuthentic Jobs is a fabulous web design job board and features dozens and dozens of jobs from entry level to senior level web design jobs and above.
9. Read/WriteWeb JobsI recently discovered this job board and was very impressive with some of the jobs listed here. This is a great resource for anyone looking for a web or tech related job.
10. CenterNetworks Job BoardLast, but not least is the CenterNetworks Job Board, which is another must bookmark site if you are in the marketing for a hot new web design job.
Sunday, April 26, 2009
Wednesday, April 15, 2009
Sunday, April 12, 2009
Sunday, March 22, 2009
Website plan
Ready to have a website plan for assignment.
The website will be about a personal home page. It has a concise theme, includes home, profile, photos and blog links.
The website involves three different areas, profile, photos and blog.
Profile
It includes my name, occupation, interests, contact information, favourite things and education.
Photos
It includes 3 galleries about my photos.
Blog
It will be some essays I wrote.
The website will be about a personal home page. It has a concise theme, includes home, profile, photos and blog links.
The website involves three different areas, profile, photos and blog.
Profile
It includes my name, occupation, interests, contact information, favourite things and education.
Photos
It includes 3 galleries about my photos.
Blog
It will be some essays I wrote.
Friday, March 6, 2009
Design website
The next assignment for Internet Authoring is to design a website.
I developed many websites, the simplest just built with HTML and Javascript, and the complex one which built with RoR, MySQL and Ajax. Also I used PHP.
Long long ago, when I just start learning how to build a website, at that time, people using tables and frames to layout website. Nowadays, CSS is instead of them.
Be honest, CSS I'm not very familiar, I'm a developer, always focused on the coding. Be a layout designer, now I have to spend some time to get familiar with CSS.
I developed many websites, the simplest just built with HTML and Javascript, and the complex one which built with RoR, MySQL and Ajax. Also I used PHP.
Long long ago, when I just start learning how to build a website, at that time, people using tables and frames to layout website. Nowadays, CSS is instead of them.
Be honest, CSS I'm not very familiar, I'm a developer, always focused on the coding. Be a layout designer, now I have to spend some time to get familiar with CSS.
Tuesday, March 3, 2009
First post
Hello there. My name is Song Siyao. For the next following weeks, I will blog at least once a week, which will be the thoughts on web design.
Subscribe to:
Posts (Atom)
