Tags |
|
|
Links |
|
|
Atricle Dump - Creating Your Own Web Page is Easy - A Tutorial (Part 2)
Every marketing expert who has ever written a book on the subject or offers their services, as a consultant seems to believe that they are the best marketer of any product or service, which has ever hit the planet. I find this interesting myself in that my marketing for my company before retirement literally blew away every other competitor in the market no matter, which city we took it to. Indeed, as a marketer myself, I have read over 300 marketing books in the last two decades. Many are very similar and over the years the buzzwords change and the methodology changes a little is well.What is very fascinating about this subject is that much of what our company did in the way of marketing is not something we learned in a book, but rather through trial and error. Constantly modifying our methods to get more bang for our buck. I'm not sure why marketing experts are so arrogant, only that in observation they are. I suppose if you are winning in the marketplace you can develop quite an ego. I know I did, but it was earned ego from accomplishment, success and winning markets.So often today we see marketing experts who have never marketed anything except hyping the books, cassette tapes and marketing seminars for small businesses and or corporate America that they produce. I am not sure if I would cal
If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one.
Now, let's make a 2-column or multi-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td›row 1 data 1‹/td&
I love my dentist! When is the last time you could say that about yours?True, dentists do tend to get a bad rap (remember Steve Martin's sadistic character in the movie, Little Shop of Horrors?). But even real-life visits to the dentist aren't high on the list of relaxing things to do.So what does my dentist have to do with marketing? Everything. And the reasons why my dentist has more private pay clients than they can handle and is a referral-receiving machine, are marketing lessons we can all take to the bank.This is not so much about how to market a dental practice, as it is an illustration of how smart marketing strategy can permeate every aspect of a busy professional service firm.During my last appointment, Dr. Penski and I talked about her practice and approach to marketing. Here's what I learned:Clear Positioning:Fresh out of Georgetown University's Dental School, she couldn't get funding for her vision of a practice that would cater to women. In her words, "Anger was a great motivator," so she set out to fulfill her dream by catering to private-pay professional women and moms, two very influential forces when it comes to how families spend their dental dollars.From the start, she and her business partner knew th
Creating tables Using CSS boxes as webpage layout
Here's how:
Creating tables
Tables are very useful in the presentation of data. The following are the html tags to be used to create a basic table:
Single-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"> ‹tr›‹td›row 1 data‹/td›‹/tr› ‹tr›‹td›row 2 data‹/td›‹/tr› ‹/table›
Type the above in your mywebpage.html within the body tags, save and refresh your browser. That's the table on the web. Referring to the above html codes, width refers to the width of the whole table (you may also use pixel here like "800"), border is the outside line or outline of the table, cellspacing is the space between the cells, cells are the area where the data are located, cellpadding is the space between border and cells. You may change the values of these table attributes or properties based on your preference or requirement.
Though the above table html codes are still working, W3C.org requires the table properties or attributes be defined in the style sheets or CSS. Using CSS, the above table properties could be presented as follows:
Within style tags in the head:
.type1 {
width: 400px;
padding: 4px;
margin: 2px;
}
.border {
border: 1px solid #000;
}
Then, within the body tags:
‹table class="type1 border"› ‹tr›‹td›row 1 data‹/td›‹/tr› ‹tr›‹td›row 2 data‹/td›‹/tr› ‹/table›
Looking at the codes, "type1" is preceded by dot (.), meaning it is a class selector. For the next type of table properties or attributes, you may label it as type2, then type3 and so on or with other names you prefer. "border" is also a class selector and "border: 1px solid #000" is the thickness (1px), border type (solid) and color (#00f) of the border. There are more discussions of CSS in "Creating CSS boxes as web page layout" and in "Using CSS in styling your web pages"
If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one.
Now, let's make a 2-column or multi-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td›row 1 data 1‹/td&#
The time it takes to load your site can make or break a visitor’s first impression of your site. If your site takes too long to load, the visitor will click “Stop” or “Back” and leave your web site. If you are a business and offering people important information, it is critical to have a nice design, with a quick load time.You may want to check out the load time of your page, to indeed see if your site loads quick enough for the average user. A great site tool can be found at http://www.websiteoptimization.com/services/analyze/ where you are able to enter your site and it displays a report on the time it takes to load your site on different connections, in addition to tips to decrease load time.Upon doing a speed test, if your first page takes a great time to load in the visitor’s browser, it is in the best interest to do some redesigning to decrease load time and increase the number of visitors that will not click back on the browser. We must remember that not everyone is running on DSL or Cable modem. Many users still dial up using a 56K connection. As web designers and site maintainers, we want to ensure our site’s load quickly, as to not lose potential visitors to your site.Images, Sounds & Animations are the major menaces to download time. While these add nicely to a site, they may take up
Type the above in your mywebpage.html within the body tags, save and refresh your browser. That's the table on the web. Referring to the above html codes, width refers to the width of the whole table (you may also use pixel here like "800"), border is the outside line or outline of the table, cellspacing is the space between the cells, cells are the area where the data are located, cellpadding is the space between border and cells. You may change the values of these table attributes or properties based on your preference or requirement.
Though the above table html codes are still working, W3C.org requires the table properties or attributes be defined in the style sheets or CSS. Using CSS, the above table properties could be presented as follows:
Within style tags in the head:
.type1 {
width: 400px;
padding: 4px;
margin: 2px;
}
.border {
border: 1px solid #000;
}
Then, within the body tags:
‹table class="type1 border"› ‹tr›‹td›row 1 data‹/td›‹/tr› ‹tr›‹td›row 2 data‹/td›‹/tr› ‹/table›
Looking at the codes, "type1" is preceded by dot (.), meaning it is a class selector. For the next type of table properties or attributes, you may label it as type2, then type3 and so on or with other names you prefer. "border" is also a class selector and "border: 1px solid #000" is the thickness (1px), border type (solid) and color (#00f) of the border. There are more discussions of CSS in "Creating CSS boxes as web page layout" and in "Using CSS in styling your web pages"
If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one.
Now, let's make a 2-column or multi-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td›row 1 data 1‹/td&
The days of getting free visitors (traffic) to your website are over, no matter how well you understand the nuances of search engine optimization.(And the reign of cheap or low-cost search engine traffic has begun.)Okay, that may not be quite the case yet, but you really do have to work hard (or pay a search engine optimization company to work hard) to even get close to guaranteeing a top 10 position on search engines like Google these days.On the other hand, pay-per-click search engines offer the promise of guaranteed visitors, for the keywords of your choice.Choose to 'pay per click' wisely, thoughThere are literally hundreds of pay-per-click search engines available for you to spend your money on. Only a few can guarantee targeted visitors to your site, though. And only the same few can reduce fraudulent clicks to a minimum. I've listed these pay-per-click search engines below.=> Start With These Pay Per Click Search Engines* Google AdwordsGoogle operate perhaps the most popular pay-per-click search engine today, called Google AdWords.AdWords ads appear on the Google search engine itself, as part of the search engine listings (top and right-hand-side of the ordinary search engine results). Ads also appear as part of a wide range of other search engine
Though the above table html codes are still working, W3C.org requires the table properties or attributes be defined in the style sheets or CSS. Using CSS, the above table properties could be presented as follows:
Within style tags in the head:
.type1 {
width: 400px;
padding: 4px;
margin: 2px;
}
.border {
border: 1px solid #000;
}
Then, within the body tags:
‹table class="type1 border"› ‹tr›‹td›row 1 data‹/td›‹/tr› ‹tr›‹td›row 2 data‹/td›‹/tr› ‹/table›
Looking at the codes, "type1" is preceded by dot (.), meaning it is a class selector. For the next type of table properties or attributes, you may label it as type2, then type3 and so on or with other names you prefer. "border" is also a class selector and "border: 1px solid #000" is the thickness (1px), border type (solid) and color (#00f) of the border. There are more discussions of CSS in "Creating CSS boxes as web page layout" and in "Using CSS in styling your web pages"
If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one.
Now, let's make a 2-column or multi-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td›row 1 data 1‹/td&
Are you managing your career or is someone else? Most professionals don't have a proactive plan to take their career to the next level or even higher. Career plans are nothing new, in fact you have one right now. If your plan is passively driven, however, you're not likely to hit your career goals. A career plan doesn't require fancy charts, statistics, pie-in-the-sky goals and income expectations. It should simply be a clear and thoughtful plan to drive your career to the ultimate position you want to achieve. After all, you will spend most of your life engaged in this pursuit. Doesn't it deserve a little planning?Career plans are highly individualized. I'll not try to pin you down to a 7-step program or slick template. What I can give you are the pillars you need to support your plan. Like the pillars that allow modern skyscrapers to soar higher and higher, these are the pillars that will lift your career to the heights you strive to achieve. Once these pillars are firmly established your career plan will be robust and effective.Networking Its no longer about who you know. Today it's about who knows you! Careers can't be confused with jobs. Most successful careers are the sum of several jobs in different companies. Your talents and skills are an asset. Employers want that asset to cr
Looking at the codes, "type1" is preceded by dot (.), meaning it is a class selector. For the next type of table properties or attributes, you may label it as type2, then type3 and so on or with other names you prefer. "border" is also a class selector and "border: 1px solid #000" is the thickness (1px), border type (solid) and color (#00f) of the border. There are more discussions of CSS in "Creating CSS boxes as web page layout" and in "Using CSS in styling your web pages"
If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one.
Now, let's make a 2-column or multi-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td›row 1 data 1‹/td&
Many membership sites function as the newsletters and phone trees of old. They are gathering places, of sorts, where members can go to feel connected, get updated information and get a general idea of what is happening with their organization. Membership sites can be a great tool for improving member retention.Membership sites are used by businesses of every conceivable type. Churches use them to post activities and daily inspiration; subdivisions use them to announce community events; museums use membership sites to disseminate information about upcoming exhibits; and even schools and child-care facilities use them to help parents stay informed and monitor their child’s progress. Membership sites are cost-effective in terms of reach and implementation. And again, they work well as a primary tool for building and retaining membership.Membership sites have become more important with our increasingly break-neck pace. They allow us the flexibility to check in and stay connected at a convenient time –even if that time is 3:00am. Membership sites can also reduce costs associated with printing and postage.If you do not have a membership site you should take a close look at your target market or members before you build one. Who is your audience and what words colors and graphics appeal to them? Wha
If you want to try the above, then type the codes within the style and body tags as noted, save it and refresh your browser. It must be the same as the first one.
Now, let's make a 2-column or multi-column table:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td›row 1 data 1‹/td› ‹td›row 1 data 2‹/td›‹/tr› ‹tr›‹td›row 2 data 1‹/td› ‹td›row 2 data 2‹/td›‹/tr› ‹/table›
Type the above in your mywebpage.html within the body tags, save and refresh your browser. That's the 2-column table on the web. To add a column, just insert ‹td›‹/td› after ‹/td›. 1 ‹td›‹/td› is one column, 1 ‹tr›‹/tr› is one row and 1 ‹table›‹/table› is one table.
Now, lets make a table with 1 main heading and 3 subheadings:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td colspan="3"›Main Heading‹/td›‹/tr› ‹tr›‹td›Subheading 1‹/td› ‹td›Subheading 2‹/td› ‹td›Subheading 3‹/td›‹/tr› ‹tr›‹td›row 1 data 1‹/td› ‹td›row 1 data 2‹/td› ‹td›row 1 data 3‹/td›‹/tr› ‹tr›‹td›row 2 data 1‹/td› ‹td›row 2 data 2‹/td› ‹td›row 2 data 3‹/td›‹/tr› ‹/table›
Type the above in your mywebpage.html within the body tags, save and refresh your browser. See? Yes, just use colspan to merge the columns. To merge 2 columns, use colspan="2" and for 3 columns, use colspan="3" and so on.
If you want to merge rows, use rowspan instead of colspan. See this example:
‹table width="400" border="1" cellspacing="2" cellpadding="4"› ‹tr›‹td rowspan="2"›merge row data‹/td› ‹td›row 1 data 2‹/td›‹/tr› ‹tr›‹td›row 2 data 2‹/td›‹/tr› ‹/table›
Now, type the above in your mywebpage.html within the body tags, save and refresh your browser. Now, you see that 2 rows in your first column were merged.
T
HTTP = HTML link (for blogs, profiles,phorums):
<a href="http://www.articledump.net/article/86969/articledump-Creating-Your-Own-Web-Page-is-Easy--A-Tutorial-Part-2.html">Creating Your Own Web Page is Easy - A Tutorial (Part 2)</a>
BB link (for phorums):
[url=http://www.articledump.net/article/86969/articledump-Creating-Your-Own-Web-Page-is-Easy--A-Tutorial-Part-2.html]Creating Your Own Web Page is Easy - A Tutorial (Part 2)[/url]
Related Articles:
Branding Your Company From The Top Down
Employment Screening Technology
Bookmark it:
|