Tags |
|
|
Links |
|
|
Atricle Dump - Creating Your Own Web Page is Easy - A Tutorial (Part 1)
Do you know why so many people fell in love with Wal-Mart initially? It was because they could make a quick stop to one store and find cleaning supplies, linens, snacks, and clothing. Later on, when the Super Wal-Mart stores came into play, the popularity became even stronger and more wide-spread. After all, you could stop in and grab a loaf of bread, a stack of school supplies, a jacket, and anything else you needed without going to five or six different stores. It was convenient and the price point was better than average.Now, welcome to the new Wal-Mart of your generation. You can think of internet shopping as one big super store online. With everything from shoes, socks, hosiery, sweaters, T-shirts, sandals, shoes, tennis rackets, golf supplies, paintball supplies, snacks, blue jeans, furniture, books, art work, and well, you get the picture. You can get it all online. You can even shop the Target online store or Wal-Mart if you feel like you don’t want to make too big of a change.In other words, whatever you want now days can and will be found through the computer on your desk. There is really no reason whatsoever to leave home to shop anymo
First, I would like you to make a simple web page template. We will use this for practicing the html codes that we are going to learn later. So, in above mywebpage.html, delete all codes you typed earlier and type the following:
‹html› ‹head› ‹title›My Web Page‹/title› ‹style type="text/css"›
‹/style› ‹/head› ‹body›
‹/body› ‹/html›
Leave some spaces between style and body tags. Now, click Save icon or click File - Save. If you accidentally close this file, you can open it by searching the file, right-click it, click Edit or Open with Notepad or its equivalent. To see what it looks like on the web, just refresh the browser use when you opened the html outline a while ago.
Placing an invisible comments to your codes
I w
Joining an established team is very difficult. In most cases, team building happens with little intervention - the new team member is be welcomed and given time to bond, however in some cases the new team member will join a team with issues and where, regardless of the effort they make, they are unwelcome.Consider the following when joining an established team.Listen more than you talk - It is particularly important when you join a new team. Entering as a know-it-all, set in your ways will not endear you to existing team members. This holds true no matter where you are – from the US, Australia or the UK.Team building will not be helped if you think you are better than everyone else.Listen & learn from other team members - what they do, what sort of characters they are. Remember, people resist change, don’t tell them you know how to do things better than they do. Listen, you may even learn a better way.Avoid sentimentality - keep references to the team you have just worked with to the factual. Your new team will not want to listen to your recollections of what a great group of people you worked with. Occasionally make positive
After going through this tutorial, you will learn how to create your own web pages for your website. This includes the following topics divided into three (3) parts:
Part 1: Outline of a web page Creating a web page template Placing invisible comments to your code Creating a single or double spaces Creating an ordered list and unordered list Inserting an image
Part 2: Creating tables Using CSS boxes as webpage layout
Part 3: Linking other pages and other websites Using CSS in styling your web pages
Let's discuss here the Part 1:
Outline of a web page Creating a web page template Placing invisible comments to your code Creating a single or double spaces Inserting an image
Outline of a basic web page
If you are new to html, I am now telling you that a web page is simply created with html tags. Html tags are shown as
‹html› ‹head› ‹title›
Here you will place the title of the page. The texts here are displayed at the topmost left of a browser or web page.
‹/title› ‹style type="text/css"›
This is the place for Cascading Style Sheets or known as CSS. CSS defines the styles you will use in your web page such as font color and size of the text, background image, boxes, etc. These are effected in the body but most of the style definitions affects only those areas where you use them.
‹/style› ‹/head› ‹body›
Here you will implement the layout using style definitions you have made in the "style" section. Without putting anything here the page will be blank except for the title that will appear at the topmost left of the page. You will also place here the content of your website. It may be mixed of texts, images, audios and videos.
‹/body› ‹/html›
The above must be saved as a html page with extension of html or htm. If you want to see how the above will look like on as a web page, copy the above from ‹html› to ‹/html› and paste to your Notepad or equivalent. Then click File - Save as - type mywebpage.html or mywebpage.htm in File Name - Select All files as file type - Click Save. Then go to windows explorer or file manager and open the file with your browser. See? It is as simple as that. Now, don't close your Notepad and your browser. We will use that in our practice.
As an important note, your homepage or the starting page of your website must be named as index.html or index.htm. This will be first page when your website is called without specifying a particular page. Like this site, if you type www.freetipsandwits.com or freetipsandwits.com at browser address, it will open the index file. If you like to see it, try clicking ‹a href="http://www.freetipsandwits.com" title="open freetipsandwits.com"›www.freetipsandwits.com‹/a›. You may wonder why the index file is "index.php". Well, this site is php-based but do not bother yourself with this php thing. Familiarize yourself first with html and later you may learn php, asp, jsp, cgi & more. In html, you must save your index file as "index.html" or "index.htm". Pages other than homepage must be saved with descriptive keywords using hyphen as separator. This is for search engine optimization.
‹b›Creating a basic web page template‹/b›
First, I would like you to make a simple web page template. We will use this for practicing the html codes that we are going to learn later. So, in above mywebpage.html, delete all codes you typed earlier and type the following:
‹html› ‹head› ‹title›My Web Page‹/title› ‹style type="text/css"›
‹/style› ‹/head› ‹body›
‹/body› ‹/html›
Leave some spaces between style and body tags. Now, click Save icon or click File - Save. If you accidentally close this file, you can open it by searching the file, right-click it, click Edit or Open with Notepad or its equivalent. To see what it looks like on the web, just refresh the browser use when you opened the html outline a while ago.
Placing an invisible comments to your codes
I wo
Building a website is only half of the battle. The other half is the tough part, getting people to visit. A quality website is worthless without a steady stream of people that can make use of the information (and possibly make you money, depending on the type of website in question).Never fear though, because we have some great ways to bring traffic to your website. Before you know it, you'll have more visitors than you know what to do with!The first point is the obvious one. You've got to have a website worth visiting. Quality content that is updated consistently is the key. Ask yourself, if you were just a normal visitor, would you want to visit this website? Is there anything you would find of use? If the answer is no, start by changing that first.-Linking Up-Getting links to your site is a great way to achieve quick, quality traffic. It can also be quite difficult, since you have to convince a webmaster that your site is good enough to show their visitors. An easy way, without dealing directly with humans, is to go around and submit your website to free directories. A simple Google search, with some creativity, will uncover thou
Outline of a basic web page
If you are new to html, I am now telling you that a web page is simply created with html tags. Html tags are shown as
‹html› ‹head› ‹title›
Here you will place the title of the page. The texts here are displayed at the topmost left of a browser or web page.
‹/title› ‹style type="text/css"›
This is the place for Cascading Style Sheets or known as CSS. CSS defines the styles you will use in your web page such as font color and size of the text, background image, boxes, etc. These are effected in the body but most of the style definitions affects only those areas where you use them.
‹/style› ‹/head› ‹body›
Here you will implement the layout using style definitions you have made in the "style" section. Without putting anything here the page will be blank except for the title that will appear at the topmost left of the page. You will also place here the content of your website. It may be mixed of texts, images, audios and videos.
‹/body› ‹/html›
The above must be saved as a html page with extension of html or htm. If you want to see how the above will look like on as a web page, copy the above from ‹html› to ‹/html› and paste to your Notepad or equivalent. Then click File - Save as - type mywebpage.html or mywebpage.htm in File Name - Select All files as file type - Click Save. Then go to windows explorer or file manager and open the file with your browser. See? It is as simple as that. Now, don't close your Notepad and your browser. We will use that in our practice.
As an important note, your homepage or the starting page of your website must be named as index.html or index.htm. This will be first page when your website is called without specifying a particular page. Like this site, if you type www.freetipsandwits.com or freetipsandwits.com at browser address, it will open the index file. If you like to see it, try clicking ‹a href="http://www.freetipsandwits.com" title="open freetipsandwits.com"›www.freetipsandwits.com‹/a›. You may wonder why the index file is "index.php". Well, this site is php-based but do not bother yourself with this php thing. Familiarize yourself first with html and later you may learn php, asp, jsp, cgi & more. In html, you must save your index file as "index.html" or "index.htm". Pages other than homepage must be saved with descriptive keywords using hyphen as separator. This is for search engine optimization.
‹b›Creating a basic web page template‹/b›
First, I would like you to make a simple web page template. We will use this for practicing the html codes that we are going to learn later. So, in above mywebpage.html, delete all codes you typed earlier and type the following:
‹html› ‹head› ‹title›My Web Page‹/title› ‹style type="text/css"›
‹/style› ‹/head› ‹body›
‹/body› ‹/html›
Leave some spaces between style and body tags. Now, click Save icon or click File - Save. If you accidentally close this file, you can open it by searching the file, right-click it, click Edit or Open with Notepad or its equivalent. To see what it looks like on the web, just refresh the browser use when you opened the html outline a while ago.
Placing an invisible comments to your codes
I w
So you have your site optimized for search engines with quality content, navigable links, and keywords specific to your industry. But it has been several months and you still are not showing up on the first or second page of results in Google, Yahoo, or MSN.There are several things you need to do to get better results in the organic listings.You need to submit your site to the 3 biggest search engines Yahoo, Google, and MSN. You will need to go directly to their site submission pages and submit your site manually. Google and MSN both require a code be typed in for submission. Yahoo requires you have an account with them to submit to their directory. All three are free and only take a few minutes to submit per search engine.If you can get your website link on a Google PR4 or greater site home page, Yahoo will almost immediately start indexing your information. Msn and Google will follow not much later.Search for free directories that include your business category and submit your information to as many as possible. Make sure you utilize the description section with keywords that are specific to your industry.Write articles and
‹/body› ‹/html›
The above must be saved as a html page with extension of html or htm. If you want to see how the above will look like on as a web page, copy the above from ‹html› to ‹/html› and paste to your Notepad or equivalent. Then click File - Save as - type mywebpage.html or mywebpage.htm in File Name - Select All files as file type - Click Save. Then go to windows explorer or file manager and open the file with your browser. See? It is as simple as that. Now, don't close your Notepad and your browser. We will use that in our practice.
As an important note, your homepage or the starting page of your website must be named as index.html or index.htm. This will be first page when your website is called without specifying a particular page. Like this site, if you type www.freetipsandwits.com or freetipsandwits.com at browser address, it will open the index file. If you like to see it, try clicking ‹a href="http://www.freetipsandwits.com" title="open freetipsandwits.com"›www.freetipsandwits.com‹/a›. You may wonder why the index file is "index.php". Well, this site is php-based but do not bother yourself with this php thing. Familiarize yourself first with html and later you may learn php, asp, jsp, cgi & more. In html, you must save your index file as "index.html" or "index.htm". Pages other than homepage must be saved with descriptive keywords using hyphen as separator. This is for search engine optimization.
‹b›Creating a basic web page template‹/b›
First, I would like you to make a simple web page template. We will use this for practicing the html codes that we are going to learn later. So, in above mywebpage.html, delete all codes you typed earlier and type the following:
‹html› ‹head› ‹title›My Web Page‹/title› ‹style type="text/css"›
‹/style› ‹/head› ‹body›
‹/body› ‹/html›
Leave some spaces between style and body tags. Now, click Save icon or click File - Save. If you accidentally close this file, you can open it by searching the file, right-click it, click Edit or Open with Notepad or its equivalent. To see what it looks like on the web, just refresh the browser use when you opened the html outline a while ago.
Placing an invisible comments to your codes
I w
A good business plan has ten key components. Providing a comprehensive assessment of each of these components is critical in attracting investors. This article discusses the first five components. A subsequent article will detail the remaining elements.1. Executive Summary. The Executive Summary provides a succinct synopsis of the business plan, and highlights the key points raised within. The Executive Summary must communicate to the prospective investor the size and scope of the market opportunity, the venture's business and profitability model, and how the resources/skills/strategic positioning of the Company's management team make it uniquely qualified to execute the plan. The Executive Summary must be compelling, easy-to-read, and no longer than 2-4 pages.2. Company Analysis. This section provides a strategic overview of the company and describes how the company is organized, what products and services it offers/will offer, and goes into further detail on the company's unique qualifications in serving its target markets.3. Industry Analysis. This section evaluates the playing field in which the company will be competing, and includes
‹b›Creating a basic web page template‹/b›
First, I would like you to make a simple web page template. We will use this for practicing the html codes that we are going to learn later. So, in above mywebpage.html, delete all codes you typed earlier and type the following:
‹html› ‹head› ‹title›My Web Page‹/title› ‹style type="text/css"›
‹/style› ‹/head› ‹body›
‹/body› ‹/html›
Leave some spaces between style and body tags. Now, click Save icon or click File - Save. If you accidentally close this file, you can open it by searching the file, right-click it, click Edit or Open with Notepad or its equivalent. To see what it looks like on the web, just refresh the browser use when you opened the html outline a while ago.
Placing an invisible comments to your codes
I w
We all succumb to the annual ritual of making a bunch of resolutions about how we will change our lives with the start of the New Year: eat better and healthier foods, exercise more, reorganize our rather hectic and stressful lives in order to live longer, and learn to enjoy what we have. In most instances, regardless of how dedicated we are to these resolutions, most of our good intentions give way to the realities and pressures of everyday living, and before we know it, we are pretty much back to where we were on December 31.Executive compensation is, in many ways, treated very much the same way. Boards and their Compensation Committees set forth their resolutions on how they will tighten up the criteria for governing and determining executive compensation going forward. Some of this idealism is internally generated based on reasonableness and a strong sense of responsibility on the Board’s part. Unfortunately, this desire to tighten up the decision-making process emanates from external pressures, namely the shareholders, investors and their “watchdog groups”, and various governmental agencies and their “knee jerk” regulations, including recent c
First, I would like you to make a simple web page template. We will use this for practicing the html codes that we are going to learn later. So, in above mywebpage.html, delete all codes you typed earlier and type the following:
‹html› ‹head› ‹title›My Web Page‹/title› ‹style type="text/css"›
‹/style› ‹/head› ‹body›
‹/body› ‹/html›
Leave some spaces between style and body tags. Now, click Save icon or click File - Save. If you accidentally close this file, you can open it by searching the file, right-click it, click Edit or Open with Notepad or its equivalent. To see what it looks like on the web, just refresh the browser use when you opened the html outline a while ago.
Placing an invisible comments to your codes
I would like you to know how to place your comments on your html codes. Web developers normally put comments in some of the codes for future reference particularly for editing. It will be easy for you to find what you're looking for when you are updating or editing your html codes. This will help also other webmasters if you let them edit your codes. These comments are displayed only in raw html codes or in your html editor but not on the web page or browser page. This is done as follows:
‹!-- type your comment here --›
For example:
‹!-- website building tutorial starts here --› Building your website is easy. Just learn basic html codes and you're done. Don't be afraid of html codes, they are easy to learn. When you start learning html, you will ask for more and more....and so and so forth....until you become an expert web developer. ‹!-- website building tutorial ends here --›
Type the above in your mywebpage.html between body tags. You will learn faster if you retype or remake the above. But if you are in a hurry, you may copy and paste it. Save it by clicking the Save icon or File - Save.
Now, refresh your browser for the above html file. See? Yes, you can't see your comments between ‹!-- and --›. So, for your reference and easier editing of your codes in the future, don't forget to place your comments.
Making a line to break or creating a blank line space
If you want to break a line or create a blank line space, use this break tag ‹br /›. See how it is used below:
-This will break affiliate‹br /›marketing from word "affiliate".
-This one will break this web‹br /›site from letter "web".
-This one will result in a double line space search engine‹br /›‹br /›optimization from the word "engine".
You type this within the body tags of your mywebpage.html, save it and refresh your browser. Yes, the sentence is broken and second row started with "marketing" the word before the break tag. The word was also divided into two with the next row started with "site", broken from word "website". The two consecutive break tags created a double space between "engine" and "optimization".
Making an ordered list and unordered list
This is useful when you are enumerating or listing something. See the illustration below:
Ordered list
‹ol›This is Ordered List ‹li›Item 1‹/li› ‹li›Item 2‹/li› ‹li›Item 3‹/li› ‹/ol›
Now type the above in your mywebpage.html within the body tags, save it and refresh your browser and see the results. See? It's sequentially numbered. Now, here is the unordered list:
Unordered list
‹ul›This is Unordered List ‹li›Item 1‹/li› ‹li›Item 2‹/li› ‹li›Item 3‹/li› ‹/ul›
Now type the above in your mywebpage.html within the body tags, save it and refresh your browser and see the results. Now, it's not numbered. It's in a bullet format.
Inserting an image
You may place an image to your web page by inserting these codes where you like the images to appear in your web page:
‹img src="http://your-domain-name.com/image-directory/image-file.gif" alt="image description" height="???" width="???" border="???" /›
Looking at the above html codes:
"img" is the image html tag;
"src" is the source or the path of the image file with extension of gif, jpg and png;
"alt" is the altern
HTTP = HTML link (for blogs, profiles,phorums):
<a href="http://www.articledump.net/article/86971/articledump-Creating-Your-Own-Web-Page-is-Easy--A-Tutorial-Part-1.html">Creating Your Own Web Page is Easy - A Tutorial (Part 1)</a>
BB link (for phorums):
[url=http://www.articledump.net/article/86971/articledump-Creating-Your-Own-Web-Page-is-Easy--A-Tutorial-Part-1.html]Creating Your Own Web Page is Easy - A Tutorial (Part 1)[/url]
Related Articles:
What Does It Take To Be An Entrepreneur?
How to Make Money Online Without a Web Site or Web Page
Things I Learned from Corey Rudl
Bookmark it:
|