03:47
Unknown
Download and learn how to use and edit the web templates art, step by step tutorial to make a simple one page or site, with an almost professional finish. How to upload to a server on the Internet web pages created. Tips and recommendations for creating your website.
One of the easiest ways to create web pages with almost professional finish is to use templates. As the name suggests are only made prototypes of pages to be edited, ie it is only necessary to introduce our data and we will have our beautiful finish with a ready to upload to the network.
One of the easiest ways to create web pages with almost professional finish is to use templates. As the name suggests are only made prototypes of pages to be edited, ie it is only necessary to introduce our data and we will have our beautiful finish with a ready to upload to the network.
Requirements for creating your first website.
-Before you start editing you need to have prepared in advance in a document or text file content you will have your page, ie: Title, the structure that has, as will be divided content, captions, page to which will create links, if you will use some images, etc.
-If you have no web editing programs installed on your computer like Dreamweaver , you can edit the template using the simple Notepad Windows or a plain text editor that offers more likely, you can use for this purpose Notepad + which is a tiny free application, you can access your download page at the following link: Download Notepad . Notepad + as well as other similar applications, give the advantage that no knowledge on the issue web, showing the different colors of the template HTML code and text that can be replaced without affecting the code of the page. -Having the template you are interested in the computer, you can download from this page some simple templates a beautiful finish.
-If you have no web editing programs installed on your computer like Dreamweaver , you can edit the template using the simple Notepad Windows or a plain text editor that offers more likely, you can use for this purpose Notepad + which is a tiny free application, you can access your download page at the following link: Download Notepad . Notepad + as well as other similar applications, give the advantage that no knowledge on the issue web, showing the different colors of the template HTML code and text that can be replaced without affecting the code of the page. -Having the template you are interested in the computer, you can download from this page some simple templates a beautiful finish.
Web page templates
Unzip the download file, inside are all the files needed to create your page.
Files that contain templates
The template is a folder that contains within itself a web page and other supporting files:
• index.html file is the main website, giving two clicks on it you'll see the style and look of the page.
• images subfolder that contains images using the page.
• Files style.css or default.css are style files.
If you do not have knowledge of editing, you will only need to create your site edit the index.html file, the others need not be touched.
• images subfolder that contains images using the page.
• Files style.css or default.css are style files.
If you do not have knowledge of editing, you will only need to create your site edit the index.html file, the others need not be touched.
Start editing the template
Open the file index.html with the program that you are editing.
All pages are divided into two sections:
All pages are divided into two sections:
• The area of the HEAD is all that is between the tags and </ head> only contains proprietary information of the page to the browser, nothing that is within that area will be displayed to the user.
In this area you only need to replace the contents of the title, the text between the tags: <title> and </ title>.
In this area you only need to replace the contents of the title, the text between the tags: <title> and </ title>.
• The other section is the area of BODY is all that is between the <body> and </ body> contains all the information displayed in the browser.
This area is where you enter all the information you have prepared.
The area of the body is divided into several sections according to the structure of the page, the beginning and end of each is marked by comments.
This area is where you enter all the information you have prepared.
The area of the body is divided into several sections according to the structure of the page, the beginning and end of each is marked by comments.
What are comments?
Comments are lines that have the following format:
<!-this is a comment ->
is used as an indication, not shown in the browser.
Most templates used mean the following:
<!-this is a comment ->
is used as an indication, not shown in the browser.
Most templates used mean the following:
Logo = Logo Area page
menu = Menu bar with links to other pages.
Search = Lookup box.
Content = content area in the main column.
Sidebar = Sidebar and some templates the right train, others the left.
Footer = The footer.
menu = Menu bar with links to other pages.
Search = Lookup box.
Content = content area in the main column.
Sidebar = Sidebar and some templates the right train, others the left.
Footer = The footer.
Insert the text in the template
All areas of text templates, to distinguish them easily appear in the Latin language, you will quickly account. Replaced each by the text you have prepared in advance.
The templates are in English, so you'll have to replace the default names of the links like Home (Home) Contact (Contact), etc.
The templates are in English, so you'll have to replace the default names of the links like Home (Home) Contact (Contact), etc.
How to edit and create the links in the template
The links on all web pages have the following format:
href link text </ a>The character: # = Replace it with the URL of the page where the user will be sent to click on the link, there are two options:
• The link leads to another page in the same folder or directory of the site.
In this case only must reflect the name of page file, for example:
• The link leads to another page in the same folder or directory of the site.
In this case only must reflect the name of page file, for example:
<a href="otrapagina.html"> link text </ a>The page name can not contain spaces and must include the file extension. Html.
• The link leads to an external site on the Internet.
In that case you only need to reflect the URL of that page, can easily be obtained by accessing it with the browser and copying the address in the Address bar, an example is:
• The link leads to an external site on the Internet.
In that case you only need to reflect the URL of that page, can easily be obtained by accessing it with the browser and copying the address in the Address bar, an example is:
<a href="http://gratisprogramas.org/index.html"> link text </ a>Text link = The link in the website, it is usually blue and give a mouse click to the page reference.
How to insert images on the page
You can add images to display on the page, to that first copy them to the folder image and give an appropriate name.
To display the images should be inserted in the place where you want to display the following label:
To display the images should be inserted in the place where you want to display the following label:
<Img src = "images / nombreimagen.jpg" width = "940" height = "255"
alt = "Image Description" />
Replaced in each case the following values:
• src = "images / nombreimagen.jpg" is the path to the location of the image.
• width = "940" width of the image in pixels.
• height = "255" height of the image in pixels.
• alt = " Description of the Image "
• width = "940" width of the image in pixels.
• height = "255" height of the image in pixels.
• alt = " Description of the Image "
The measures of the image you can know easily since they appear in the Properties tab when right-clicking the mouse on each.
Search box to search Google on the Internet
Search boxes that have no functional templates, you can replace the following that searches any term using Google.
<form action="http://www.google.com/search">
<input type="text" name="q" maxlength="255" size="31" value="" />
<input type="submit" name="" value="Buscar" />
</ Form>
Create multiple websites with the same template
A website is only one page is not functional, it is best to have several, if only to start 4 or 5 pages. If you have created the first and test them is not wrong, you can go ahead and create another with different content.
A basic website can have the following pages (just an example):
A basic website can have the following pages (just an example):
- The p to index page that has the name of the site with your description or n v t links' to other pages. - The p to Page About (About) contains information or n of the owner and a photo. - The p to page Contact, contains information or c n or m or contact the author. - Other p to pages according to site content.
You can create multiple copies of the file and rename index.html respecting the html extension, each copy is a separate page that will use the same support files.
can be linked to each other to allow internal navigation is optional, but if necessary the index page, ie the main page holds links to access all other pages, then you will have done what is known as a fully functional website.
To finish just need to upload all files created on a web server, to access the site will write your name in a browser and this page will automatically index.
can be linked to each other to allow internal navigation is optional, but if necessary the index page, ie the main page holds links to access all other pages, then you will have done what is known as a fully functional website.
To finish just need to upload all files created on a web server, to access the site will write your name in a browser and this page will automatically index.
Where to upload and publish web pages or the site created
On the Internet there are several companies that provide hosting or Web hosting, ie have powerful computers called servers, hard drives that can provide space and host the files of thousands of websites of various clients, whether large or small companies or users possessing a simple single page, these servers run 24 hours allowing access them from anywhere in the world regardless of time zone.
They provide various services to the owner of the files as databases, email services, etc.
Many of they offer free hosting services to small sites, of course with limitations of space and data traffic, yet it is an ideal choice for your first steps and upload your page.
Also there that even offer you a subdomain is ie a web address to access your site.
They provide various services to the owner of the files as databases, email services, etc.
Many of they offer free hosting services to small sites, of course with limitations of space and data traffic, yet it is an ideal choice for your first steps and upload your page.
Also there that even offer you a subdomain is ie a web address to access your site.
What hosting service or web host use?
Everyone should recommend only what he knows and has experience, so I suggest readers of hosting I have no complaints, Byethost.com . It is the company that offers free support network, not including advertising, I know from experience since my first site used the free service.
However, it can afford, the best option is to use the premium service in the annual package includes a domain name with unlimited space and other options, in all procedures available Spanish.
Additionally you can use the service free of charge in the cloud of CloudFlare , allowing faster in loading pages from any geographic region.
Use the following link and sign up for you try the service.
However, it can afford, the best option is to use the premium service in the annual package includes a domain name with unlimited space and other options, in all procedures available Spanish.
Additionally you can use the service free of charge in the cloud of CloudFlare , allowing faster in loading pages from any geographic region.
Use the following link and sign up for you try the service.
After you register and decide which service to use, whether free or Premium, will give you your account details are: your address or domain name, username, password and ftp address, this is necessary for you can upload files to your site.
Types of hosting services or internet web hosting
The web hosting services for payment, of course are recommended when you think about creating a site with a goal or even more professional and is not, when you need more reliability and quality.
If your purpose, as was mine when I started is to create a place to share ideas and knowledge with others, but also have income, you must pay for the hosting service.
There are three main types of accommodation:
If your purpose, as was mine when I started is to create a place to share ideas and knowledge with others, but also have income, you must pay for the hosting service.
There are three main types of accommodation:
Shared hosting service (share hosting)
It consists of a computer that functions as a web server using an IP address, providing the hosting service to various websites (up to 500) simultaneously.
share is named because it shares all the IP address and hardware resources computer, so that in times of high traffic sites hosted some of which may be unresponsive.
At the same time, if the IP address used is banned (penalized) for any reason, will suffer all other sites that share .
This service is even cheaper and more accessible, as you see has its disadvantages.
share is named because it shares all the IP address and hardware resources computer, so that in times of high traffic sites hosted some of which may be unresponsive.
At the same time, if the IP address used is banned (penalized) for any reason, will suffer all other sites that share .
This service is even cheaper and more accessible, as you see has its disadvantages.
Service VPS (Virtual Private Server)
The service of a virtual server as in the shared several sites share the same computer, but divided into virtual machines, in this case each has a different IP address.
Although used hardware resources of a single computer Each site has its share of disk space, bandwidth and memory to RAM, so that should not harming each other.
It is the ideal choice for medium-budget sites.
Although used hardware resources of a single computer Each site has its share of disk space, bandwidth and memory to RAM, so that should not harming each other.
It is the ideal choice for medium-budget sites.
Dedicated Servers (Dedicated Servers)
It is the perfect solution, each site has completely all the resources of a team, as well as multiple IP addresses.
You have the option to fully manage the server.
It is the most expensive option, but more professional.
You have the option to fully manage the server.
It is the most expensive option, but more professional.
How to upload the pages or web site created to the server?
The folder that you upload your files can be named: httpdocs , www or also public_html depends what the server.
Using the same web browser you can upload it if there are few elements, but if several multimedia files such as images, music and more.the ideal is to install an FTP client software, I recommend FileZilla is a free and open source, download the following link: Download FileZilla .
In all cases to grant you the hosting service, we provide all the necessary information.
Using the same web browser you can upload it if there are few elements, but if several multimedia files such as images, music and more.the ideal is to install an FTP client software, I recommend FileZilla is a free and open source, download the following link: Download FileZilla .
In all cases to grant you the hosting service, we provide all the necessary information.
Validate pages to verify that no errors have
After checking that the site is working properly impose a requirement (optional) validation.
Validate pages to check if they have errors and if any explanation, this can be done using free network services such as W3C.
Validate pages to check if they have errors and if any explanation, this can be done using free network services such as W3C.
Why validate the pages?
If you want the pages you've created or other you are going to rise, are visited by different users and to share your content, you need to Google and other search engines that promotes your site and send you visitors. For it is crucial that your pages are properly validated, this means that are perfectly in any web browser.
How to validate web pages?
To validate a page directly accessible site W3C HTML Validator: validator.w3.org form and enter the address of the page needed. The report will return the validator you'll see the result, if there are any errors display the error and the line of the page where you are.
Posted in: 
