Tag Archives: Website

How to make a complex website w/ HTML 5 and CSS 3 Pt2

How to make a complex website w/ HTML 5 and CSS 3 Pt2

Read Me!!! here is part two Coda: panic.com Dreamweaver: rurls.ws rurls.ws rurls.ws rurls.ws rurls.ws
Video Rating: 1 / 5

Share
How to make a complex website w/ HTML 5 and CSS 3 Pt4

How to make a complex website w/ HTML 5 and CSS 3 Pt4

Read Me!!! here is part four Coda: panic.com Dreamweaver: rurls.ws rurls.ws rurls.ws rurls.ws rurls.ws
Video Rating: 0 / 5

Share

Website Fraud Loss Prevention

Website Fraud Loss Prevention
Written By One Of The Foremost Experts In Web Application Security – Robert Hansen – Who Has Spoken At The Pentagon And Works With Many Of The Fortune 500. 50% Commission, 300+ Pages Of Extremely High Quality Content On Digital Loss Prevention.
Website Fraud Loss Prevention

Share
How to make a complex website w/ HTML 5 and CSS 3 Pt3

How to make a complex website w/ HTML 5 and CSS 3 Pt3

Read Me!!! here is part three Coda: panic.com Dreamweaver: rurls.ws rurls.ws rurls.ws rurls.ws rurls.ws

Share

Importance of Having HTML Feedback Form In Your Website

Importance of Having HTML Feedback Form In Your Website

Feedbacks are a crucial part of the communication process of producers with consumers. Any sale made or service rendered is incomplete until the manufacturers obtain feedbacks from their customers. Feedbacks are important in order to know what a customer thinks about any product sold or services rendered to him/her. They can be in the form of appraisals, suggestions, or dissatisfactions. Therefore, when a company gets to know what particularly a customer liked or disliked in their products or services then they can enhance, improve, or change it accordingly. In case of online business, companies can create feedback form in their websites so that all the web users who visit it at any time of the day can leave their comments and compliments on that form. The concept of these forms work in totality and through a complete process of gathering, considering and implementing the feedbacks. The feedback form template present in the website is coded in a scripting language that helps in changing, updating, and extracting information from these forms. After this, all the information gathered is passed on to the concerned departments and individuals, who get involved in the job of carefully studying, understanding and considering the most crucial part of those feedbacks. Once individual considerations are done then the final changes are worked out and decided by the company as a whole. Finally, the developers, content writers, web designers and other such departments enhance or change their concerned parts of the website to facilitate better profits and rankings. The most common scripting language in which feedback forms are scripted is HTML. HTML feedback form facilitates an easier and effective changing and updating process to ensure that the details and inquiries of the form are as per the current requirements. It also helps in passing on the user feedbacks to the concerned departments through e-mails. A common setup of feedback forms should be simple and to the point in order to generate only the most useful information from the users. Such information can include the name, profession, email id of the user along with the things he liked or disliked the most about the site, any suggestions they would like to give or any personal query they have. It is better to keep the form as precise as possible otherwise the customer tends to get irritated and confused. The companies can also use the ID’s thus obtained of users in announcing new products, strategies, or events.

The author is an experienced Content writer and publisher for Business Development. Visit at http://www.feedbackfooter.com/ to know more about create feedback form and feedback form template throughHTML feedback form .

Share

Why one should use CSS while designing website

Why one should use CSS while designing website

CSS is an acronym for Cascading Style Sheets.  CSS allows you to create fast loading pages, boost your search engine rankings, and alter your whole site with one style sheet. Then why don’t more people use them? This is for the reason that they got so used to html design and are afraid or too lazy to improve their skills. Some will also use ready made templates that contain flashy graphics, stuffed code and sometimes even contain hidden code embedded in the page.

CSS has been around for several years and is supported by all the major browsers available today, including Internet Explorer for the PC and Mac, Firefox, Safari and Opera. CSS has opened up tremendous possibilities for improving web site designs, web page layouts and adding new features. The HTML code can be made shorter, cleaner and simpler by CSS resulting in faster loading of web pages, and making them more accessible to search engines.

If you don’t use CSS on your web pages and you have many tables and content on them, chances are that your HTML file size will be quite big. Fact is that we live in a busy world, and people are not willing to wait more than 5 seconds for web page to load.

Some benefits of using CSS

Which are the benefits of using CSS? List is quite long and I will list here only the most important.

Your web page will load faster Web page will become more search engine friendly You can change you site appearance within minutes You can write separate CSS file for handheld devices which will be called up instead of the regular CSS file You can forget about creating printer friendly version of your site using separate CSS file when user chooses to print the web page.

If you are not using CSS it would be well worth your time learning the CSS tags and their properties. Think of it as a future investment, the time you spend now will pay for itself in better search engine ranking, saved bandwidth and you will cut down on your maintenance and development time for your new sites.

If your site is still mostly using tables for its design, you may want to consider doing a redesign. It may take a lot of work now but if you leave it for too long it will be much more work plus will be missing out on all the benefits of CSS outlined in the points mentioned above.

So for this kind of CSS design contact Bubblefish

Bubblefish is a website design boutique based in Sydney, Australia and has been successfully helping various companies with Web Development and design solutions since 2005. For more information visit http://www.bubblefish.com.au

More New Features In HTML 5 Articles

Share

Build Your Own Website The Right Way Using HTML & Css

Build Your Own Website The Right Way Using HTML & Css
Start Building Website Like a Professional With This Award-Winning Step-By-Step Guide That Will Hold Your Hand Each Step of The Way.
Build Your Own Website The Right Way Using HTML & Css

Share

A web Standards checklist – how to make a proper website

A web Standards checklist – how to make a proper website

A Web Standards Checklist, How to make a proper website

A web standards checklist

The term web standards can mean different things to different people. For some, it is ‘table-free sites’, for others it is ‘using valid code’. However, web standards are much broader than that. A site built to web standards should adhere to standards (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG etc) and pursue best practices (valid code, accessible code, semantically correct code, user-friendly URLs etc).

In other words, a site built to web standards should ideally be lean, clean, CSS-based, accessible, usable and search engine friendly.

About the checklist

This is not an uber-checklist. There are probably many items that could be added. More importantly, it should not be seen as a list of items that must be addressed on every site that you develop. It is simply a guide that can be used:

* to show the breadth of web standards
* as a handy tool for developers during the production phase of websites
* as an aid for developers who are interested in moving towards web standards

The checklist

1.Quality of code
1. Does the site use a correct Doctype?
2. Does the site use a Character set?
3. Does the site use Valid (X)HTML?
4. Does the site use Valid CSS?
5. Does the site use any CSS hacks?
6. Does the site use unnecessary classes or ids?
7. Is the code well structured?
8. Does the site have any broken links?
9. How does the site perform in terms of speed/page size?
10. Does the site have JavaScript errors?

2. Degree of separation between content and presentation
1. Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?
2. Are all decorative images in the CSS, or do they appear in the (X)HTML?

3. Accessibility for users
1. Are “alt” attributes used for all descriptive images?
2. Does the site use relative units rather than absolute units for text size?
3. Do any aspects of the layout break if font size is increased?
4. Does the site use visible skip menus?
5. Does the site use accessible forms?
6. Does the site use accessible tables?
7. Is there sufficient colour brightness/contrasts?
8. Is colour alone used for critical information?
9. Is there delayed responsiveness for dropdown menus (for users with reduced motor skills)?
10. Are all links descriptive (for blind users)?

4. Accessibility for devices
1. Does the site work acceptably across modern and older browsers?
2. Is the content accessible with CSS switched off or not supported?
3. Is the content accessible with images switched off or not supported?
4. Does the site work in text browsers such as Lynx?
5. Does the site work well when printed?
6. Does the site work well in Hand Held devices?
7. Does the site include detailed metadata?
8. Does the site work well in a range of browser window sizes?

5. Basic Usability
1. Is there a clear visual hierarchy?
2. Are heading levels easy to distinguish?
3. Does the site have easy to understand navigation?
4. Does the site use consistent navigation?
5. Are links underlined?
6. Does the site use consistent and appropriate language?
7. Do you have a sitemap page and contact page? Are they easy to find?
8. For large sites, is there a search tool?
9. Is there a link to the home page on every page in the site?
10. Are visited links clearly defined with a unique colour?

6. Site management
1. Does the site have a meaningful and helpful 404 error page that works from any depth in the site?
2. Does the site use friendly URLs?
3. Do your URLs work without “www”?
4. Does the site have a favicon?

1. Quality of code

1.1 Does the site use a correct Doctype?
A doctype (short for ‘document type declaration’) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. Doctypes are a key component of compliant web pages: your markup and CSS won’t validate without them.
CODE
http://www.alistapart.com/articles/doctype/

More:
CODE
http://www.w3.org/QA/2002/04/valid-dtd-list.html

CODE
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm

CODE
http://gutfeldt.ch/matthias/articles/doctypeswitch.html

1.2 Does the site use a Character set?
If a user agent (eg. a browser) is unable to detect the character encoding used in a Web document, the user may be presented with unreadable text. This information is particularly important for those maintaining and extending a multilingual site, but declaring the character encoding of the document is important for anyone producing XHTML/HTML or CSS.
CODE
http://www.w3.org/International/tutorials/tutorial-char-enc/

More:
CODE
http://www.w3.org/International/O-charset.html

1.3 Does the site use Valid (X)HTML?
Valid code will render faster than code with errors. Valid code will render better than invalid code. Browsers are becoming more standards compliant, and it is becoming increasingly necessary to write valid and standards compliant HTML.
CODE
http://www.maxdesign.com.au/presentation/sit2003/06.htm

More:
CODE
http://validator.w3.org/

1.4 Does the site use Valid CSS?
You need to make sure that there aren’t any errors in either your HTML or your CSS, since mistakes in either place can result in botched document appearance.
CODE
http://www.meyerweb.com/eric/articles/webrev/199904.html

More:
CODE
http://jigsaw.w3.org/css-validator/

1.5 Does the site use any CSS hacks?
Basically, hacks come down to personal choice, the amount of knowledge you have of workarounds, the specific design you are trying to achieve.
CODE
http://www.mail-archive.com/wsg@webstandardsgroup.org/msg05823.html

More:
CODE
http://css-discuss.incutio.com/?page=CssHack

CODE
http://css-discuss.incutio.com/?page=ToHackOrNotToHack

CODE
http://centricle.com/ref/css/filters/

1.6 Does the site use unnecessary classes or ids?
I’ve noticed that developers learning new skills often end up with good CSS but poor XHTML. Specifically, the HTML code tends to be full of unnecessary divs and ids. This results in fairly meaningless HTML and bloated style sheets.
CODE
http://www.clagnut.com/blog/228/

1.7 Is the code well structured?
Semantically correct markup uses html elements for their given purpose. Well structured HTML has semantic meaning for a wide range of user agents (browsers without style sheets, text browsers, PDAs, search engines etc.)
CODE
http://www.maxdesign.com.au/presentation/benefits/index04.htm

More:
CODE
http://www.w3.org/2003/12/semantic-extractor.html

1.8 Does the site have any broken links?
Broken links can frustrate users and potentially drive customers away. Broken links can also keep search engines from properly indexing your site.

More:
CODE
http://validator.w3.org/checklink

1.9 How does the site perform in terms of speed/page size?
Don’t make me wait… That’s the message users give us in survey after survey. Even broadband users can suffer the slow-loading blues.
CODE
http://www.websiteoptimization.com/speed/

1.10 Does the site have JavaScript errors?
Internet Explore for Windows allows you to turn on a debugger that will pop up a new window and let you know there are javascript errors on your site. This is available under ‘Internet Options’ on the Advanced tab. Uncheck ‘Disable script debugging’.

2. Degree of separation between content and presentation

2.1 Does the site use CSS for all presentation aspects (fonts, colour, padding, borders etc)?
Use style sheets to control layout and presentation.
CODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-style-sheets

2.2 Are all decorative images in the CSS, or do they appear in the (X)HTML?
The aim for web developers is to remove all presentation from the html code, leaving it clean and semantically correct.
CODE
http://www.maxdesign.com.au/presentation/benefits/index07.htm

3. Accessibility for users

3.1 Are “alt” attributes used for all descriptive images?
Provide a text equivalent for every non-text element
CODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-text-equivalent

3.2 Does the site use relative units rather than absolute units for text size?
Use relative rather than absolute units in markup language attribute values and style sheet property values’.
CODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units

More:
CODE
http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-relative-units

CODE
http://www.clagnut.com/blog/348/

3.3 Do any aspects of the layout break if font size is increased?
Try this simple test. Look at your website in a browser that supports easy incrementation of font size. Now increase your browser’s font size. And again. And again… Look at your site. Does the page layout still hold together? It is dangerous for developers to assume that everyone browses using default font sizes.
3.4 Does the site use visible skip menus?

A method shall be provided that permits users to skip repetitive navigation links.
CODE

Incoming search terms:

  • web standards checklist 2011
  • check list for web portal samples
Share

create website software create website online create website google create website template free website website builder design website blog Learn HTM

create website software create website online create website google create website template free website website builder design website blog Learn HTM

Once you start building Web pages, you will want to learn the languages that build them. HTML is the building block of Web pages. CSS is the language used to make those Web pages pretty. And XML is the markup language for programming the Web. Understanding the basics of HTML and CSS will help you build better Web pages, even if you stick with WYSIWYG editors. And once you’re ready, you can expand your knowledge to XML so that you can handle the information that makes all Web pages function. The information on this page will help you learn the languages that make up the Web.

blogging, blogger,blogspot,make money from blog

1. What is HTML?

2. HTML Tutorial

3. HTML Tag Library

4. Reviews of HTML Editors

5. What is CSS?

6. CSS Tutorial

7. Style Properties

8. What is XML?

9. XML Tutorial

10. XML Specifications

blogging, blogger,blogspot,make money from blog

What is HTML?

HTML

HTML, or HyperText Markup Language, is the basic building block of a Web page. These articles start with the basics of HTML. Even if you have very little experience with computers, if you’re willing to take the time, you can learn HTML and start building your own Web pages.

* Building a Web Page for the Totally Lost

* What is HTML?

* 8 Cheap and Easy Ways to Learn HTML

* How to Build a Basic Web Page

blogging, blogger,blogspot,make money from blog

* Five Easy Steps to Starting Your Web Page

* Why are There Different Versions of HTML?

* HTML Glossary

HTML Tutorial

If you want to learn HTML, you can take an online course or follow the steps in this tutorial to learn HTML.

* Write HTML in Windows Notepad

* Write HTML in Macintosh TextEdit

* Basic HTML Tags

* HTML Tags for Text

* How to Add Headings, Bold, and Italics in HTML

* Using HTML to Make Lists

* Linking to Other Pages

* Adding Images to Web Pages with HTML

* Uploading Your Web Pages to the Internet

* Free HTML Course

HTML Tag Library

HTML tags are the basics of HTML. Once you understand how HTML works, you’ll want to know more about the tags and elements that you can use in your Web pages. The About.com HTML Tag Library provides information about HTML 4.01 tags and XHTML 1 elements as well as tags outside the specification. The HTML attributes covers all the attributes you can use in the tags. And the HTML codes let you put special characters into your Web pages.

* HTML Tag Library

* HTML Attributes

* HTML Codes and Special Characters

* HTML Tag References and Information

Reviews of HTML Editors

While many people use text editors to write their HTML, there are a lot of great software programs out there to help you write HTML.

* Choose an HTML Editor

* Before You Buy an HTML Editor

* Business Case for Editor Types (WYSIWYG vs. Text)

* The Best Text Editors for Windows

* The Best Text Editors for Macintosh

What is CSS?

CSS

CSS, or Cascading Style Sheets, lets Web designers affect the look and feel of their Web pages. CSS is the way that you implement most design features in your Web pages. These articles explain the basics of CSS and how you can start learning to add style to your Web pages.

* What is CSS?

* Your First Style Sheet

* CSS Step by Step

* 10 Tips to Learning CSS

* CSS Tip of the Day

* CSS Glossary

* CSS Editors

* More Beginning CSS Articles

CSS Tutorial

There is a free short course on learning CSS. This course takes you through the basics of CSS in 5 days. But if you want to go deeper into CSS or at a faster or slower pace, use this tutorial to walk through all the elements of Cascading Style Sheets.

* Learn CSS in 5 Days – Free Class

* The Basics of CSS

* CSS Syntax

* How to Add Styles to Web Pages

* Modify Fonts with CSS

* Adjust Text with CSS

* The CSS Box Model

* Backgrounds and CSS

* CSS and Lists

* CSS Positioning and Layout

* Styling Tables, Frames, and Forms

* Advanced CSS Topics

* More CSS Help

Style Properties

Style properties are like tags in HTML. They are what make CSS do what it does. Once you understand how to put CSS in your documents, then you can start learning the many different properties in CSS versions 1, 2, and 3.

* CSS 1 Properties

* CSS 2 Properties

* CSS 2 vs CSS 1 – What’s The Difference?

* CSS 2 Selectors

* What is CSS 3?

* CSS 3 Selectors That Work Right Now

* CSS Pseudo Properties

* CSS Selectors

What is XML?

XML

XML, or eXtensible Markup Language, is a way to bring your HTML skills to a whole new level. By learning XML you learn how markup languages work. These articles explain the basics of XML and take you through why you might want to learn more about the eXtensible Markup Language.

* What is XML?

* Frequently Asked Questions about XML

* Write Your First XML Document

* Who Uses XML?

* Origin and Design Goals of XML

* XML Resource Center

XML Tutorial

The free XML class teaches you all about XML in a weekly email course over ten weeks. Or you can go through the articles here to learn more about XML at your own pace.

* Free XML Class

* Elements in XML

* Attributes and XML

* Making an XML Document Well-Formed

* What is a DTD or Document Type Definition?

* How do you use DTDs in Markup

* XML Glossary

* XML Articles

* More XML Tutorials

XML Specifications

XML specifications are how XML is implemented in the real world. One XML specification you might recognize is XHTML. This is HTML re-written to be XML compliant. But there are also a lot of other specifications that you may have seen that are actually XML.

* What is XHTML?

* Write for Cell Phones and Handheld Devices with XHTML Basic, a Sub-set of XHTML

* Introduction to XSL

* What is XSLT?

* The Difference Between CSS and XSLT

* Start Learning XSL Formatting Objects (XSL-FO)

* RSS – Really Simple Syndication is the Easiest XML Language to Learn

* Learn to Write Privacy Policies with the P3P Specification

* What is SOAP?

* Write XML that Talks with VoiceXML

* Introduction to XPath

* Learn How to Use CDF to Push Your Content Out to Your Readers

* More XML Specifications

* Sign up for my Newsletter

* My Blog

* My Forum

Newsletters & E-courses

Sign up now for Web Design / HTML Newsletters & E-courses

Web Design / HTML Weekly Newsletter XHTML 101 – Free HTML Course

Sign Up

See More Newsletters

News Content for WebsitesGet news on your site from 1000′s of publishers, in one X

CSS Web Design Tutorial HTML Code Tutorial CSS Layout HTML Examples HTML Program

author is renowned earn money from blogging
is provided free in internet

author is renowned blogger can make money
is provided free in internet

Find More HTML 5 And CSS Articles

Share

How to Make HTML Forms for Your Website

How to Make HTML Forms for Your Website

Your website visitors often want to contact you. For support, to inquire about a product, for link requests or even just to say hello. Many website owners just list their email address, so visitors can write to them. This way of posting contact details is very common, but it has a major drawback: spamers harvest websites searching for email addresses. Once your email gets into their list, you start receiving unwanted ads, various shady discount offers and even viruses.
The safest way to allow your visitors to contact you is to include a web form on your website. Doing this is not that complicated, but it requires a certain degree of HTML knowledge and access to your website source.
Below is a small HTML form that includes only 3 fields: Name, Email and Message.
<form method=”post” action=”mailto:youremailaddress@domain.com”> Name: <input type=”text” size=”10″ maxlength=”40″ name=”name”> <br> Email: <input type=”email” size=”10″ maxlength=”10″ name=”email”> <br> Message: <textarea rows=”4″ cols=”20″ name=”message”></textarea> <input type=”submit” value=”Send message”/> </form>
This form uses “mailto” function to send the filled data to the specified email address. Let’s break this HTML form into pieces, line by line: 1. <form method=”post” action=”mailto:youremailaddress@domain.com”> This line includes the beginning of the <form> tag and the email address that will receive the message. The only thing you should modify is the email.
2. Name: <input type=”text” size=”10″ maxlength=”40″ name=”name”> <br>
This line contains the first field from your contact form: an edit box, “name”, that users will use to write their name and a label describing that field. You might also have noticed some properties of the edit box: size currently 10 and the maximum allowed length that is 40. “<br>” is the HTML tag for new line.
3. Email: <input type=”email” size=”10″ maxlength=”10″ name=”email”> <br>
Similar with the line above, it is an edit box for your visitor’s email address. This field is very important because you will use this information to contact your visitor. You can also modify the size and maxlength property of this edit box.
4. Message: <textarea rows=”4″ cols=”20″ name=”message”></textarea>
This field will contain the message body. It’s not an edit box anymore, because we needed more space. This HTML field is named <textarea>. You can modify its height and width by changing the values for “cols” and “rows” properties.
5. <input type=”submit” value=”Send message”/>
This is the button visitors will press to send you the message. You can change the “value” property from “send message” to anything you want.
Don’t forget to close the form tag by adding </form> at the end of your HTML email form script.
This method of building a HTML form for your website has a minor drawback: your email address is still visible. It still can be harvested. To hide it, you would need more programming skills, to include the mailto command into a php function.
But don’t worry, there is another way. A simpler and faster way to have a HTML form, and it doesn’t require any programing skills at all. It works even if your server doesn’t support php, and you can benefit from powerful features like receiving attachments, multiple recipients, field validation, message history and anti-spam defence. You just use an online wizard to generate your HTML web form, and then copy-paste the code on your website.

Ted Peterson uses HTML forms generated using the free service of 123ContactForm.com . He designed his email forms using their online wizard.

Find More HTML 5 Forms Articles

Incoming search terms:

  • html5 mailto
  • html5 form wizard
  • html5 edit box
Share
12 visitors online now
3 guests, 9 bots, 0 members
Max visitors today: 16 at 01:56 am UTC
This month: 74 at 04-21-2017 07:18 pm UTC
This year: 74 at 04-21-2017 07:18 pm UTC
All time: 513 at 06-01-2016 02:24 pm UTC
Get Adobe Flash player