In Feburary 2016 29,
Log in to Ustream and go to your dashboard.
Press the yellow 'Go To Channel' button in the upper left-hand corner.
Press the 'Embed' button beneath your stream window. There are two HTML codes listed; the top one is for embedding the player, while the bottom one is for embedding the chat and social streams.
Press 'Copy Embed' on the right-hand side of the top HTML code. This copies the HTML code that you need to add your Ustream channel to your website.
Paste Ustream's HTML code into your site's HTML code in the desired location. The Ustream player is now added to your site.
In Feburary 2016 29,
Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Monday, 29 February 2016
Sunday, 28 February 2016
How to Use a GoDaddy Form MailerIn Feburary 2016 28,
In Feburary 2016 28,
Set the e-mail address for the GoDaddy form mailer within your account. Log into your Account Manager. Under “Products” and click “Web Hosting.” Click “Launch” beside the hosting account you wish to use for your form mailer.
Click “Form Mail” under the “Content” section. Enter the e-mail address where you want submitted forms to be sent under “Forms Email Address.” Click “Continue” and “Update” to verify the e-mail address.
In your HTML file where you want the form to appear, enter this code:<form action='/gdform.php' method='post'>
<input type='hidden' name='subject' value='New E-Mail Subscriber' />
<input type='hidden' name='redirect' value='http://www.yoursite.com/thanks.html" />
<p>First Name:<input type='text' name='FirstName' /></p>
<p>Last Name:<input type='text' name='LastName' /></p>
<p>E-Mail:<input type='text' name='email' /></p>
<p>Your Message:<textarea name='comments' cols='50' rows='20'>
Tell us what you think of our new website!</textarea></p>
<input type='submit' name='submit' value='submit'/>
</form>You can edit this code to suit your needs. The above items are examples, including the subject, redirection page, first name, last name, e-mail and message.
Save your HTML file with the new code.
Upload the HTML file to your server using your preferred FTP client, just as you did with your initial website files.
Visit your website to see the new form. Test the form by filling in all of the fields and using a different e-mail address than the one you entered in Step 2. Once you submit the form, you should receive an e-mail to the e-mail address you entered in Step 2 with the submitted information.
In Feburary 2016 28,
Set the e-mail address for the GoDaddy form mailer within your account. Log into your Account Manager. Under “Products” and click “Web Hosting.” Click “Launch” beside the hosting account you wish to use for your form mailer.
Click “Form Mail” under the “Content” section. Enter the e-mail address where you want submitted forms to be sent under “Forms Email Address.” Click “Continue” and “Update” to verify the e-mail address.
In your HTML file where you want the form to appear, enter this code:<form action='/gdform.php' method='post'>
<input type='hidden' name='subject' value='New E-Mail Subscriber' />
<input type='hidden' name='redirect' value='http://www.yoursite.com/thanks.html" />
<p>First Name:<input type='text' name='FirstName' /></p>
<p>Last Name:<input type='text' name='LastName' /></p>
<p>E-Mail:<input type='text' name='email' /></p>
<p>Your Message:<textarea name='comments' cols='50' rows='20'>
Tell us what you think of our new website!</textarea></p>
<input type='submit' name='submit' value='submit'/>
</form>You can edit this code to suit your needs. The above items are examples, including the subject, redirection page, first name, last name, e-mail and message.
Save your HTML file with the new code.
Upload the HTML file to your server using your preferred FTP client, just as you did with your initial website files.
Visit your website to see the new form. Test the form by filling in all of the fields and using a different e-mail address than the one you entered in Step 2. Once you submit the form, you should receive an e-mail to the e-mail address you entered in Step 2 with the submitted information.
In Feburary 2016 28,
Saturday, 27 February 2016
How to Embed an Audio Player in BloggerIn Feburary 2016 27,
In Feburary 2016 27,
Upload the audio file you wish to embed on your blog onto your web server or a free file-hosting website. Blogger does not support audio file uploads. You need to store the file on your personal web server or on a file-hosting website.
Log in to Blogger.
Click “New Post.”
Click the “Edit HTML” tab.
Copy and paste the following code for the Google audio player into the input area, replacing [AUDIO FILE URL] with the address location of the audio file you uploaded in the first step.
Click the “Compose” tab and complete the blog post according to your preference. Click “Publish Post.” The audio player will be embedded within the body of your Blogger post.
In Feburary 2016 27,
Upload the audio file you wish to embed on your blog onto your web server or a free file-hosting website. Blogger does not support audio file uploads. You need to store the file on your personal web server or on a file-hosting website.
Log in to Blogger.
Click “New Post.”
Click the “Edit HTML” tab.
Copy and paste the following code for the Google audio player into the input area, replacing [AUDIO FILE URL] with the address location of the audio file you uploaded in the first step.
Click the “Compose” tab and complete the blog post according to your preference. Click “Publish Post.” The audio player will be embedded within the body of your Blogger post.
In Feburary 2016 27,
Saturday, 20 February 2016
How to Create a Custom Button in PHPIn Feburary 2016 20,
In Feburary 2016 20,
Right-click the PHP file you want to edit and select 'Open With.' Click the PHP editor you prefer to use and click 'Open' to open the file code.
Create the PHP customized button. You must include the button HTML, button name and the value shown to the user. The following code creates a button named 'php_button' and assigns it to the '$button' variable:$button = '
';
Display the button on the page using the 'echo' command. The following code prints out the button to your Web page:echo $button;
Save the changes and run the new code in your PHP debugger. You must upload the page to your host provider for the changes to take effect on the website.
In Feburary 2016 20,
Right-click the PHP file you want to edit and select 'Open With.' Click the PHP editor you prefer to use and click 'Open' to open the file code.
Create the PHP customized button. You must include the button HTML, button name and the value shown to the user. The following code creates a button named 'php_button' and assigns it to the '$button' variable:$button = '
';
Display the button on the page using the 'echo' command. The following code prints out the button to your Web page:echo $button;
Save the changes and run the new code in your PHP debugger. You must upload the page to your host provider for the changes to take effect on the website.
In Feburary 2016 20,
How to Use Java on GoDaddyIn Feburary 2016 20,
In Feburary 2016 20,
Log into your GoDaddy hosting account using an FTP client.
Double-click the HTML folder.
Navigate to the /WEB-INF/lib/ folder.
Copy and paste into the lib folder the JAR file of the Java software you wish to run on your Web server.
In Feburary 2016 20,
Log into your GoDaddy hosting account using an FTP client.
Double-click the HTML folder.
Navigate to the /WEB-INF/lib/ folder.
Copy and paste into the lib folder the JAR file of the Java software you wish to run on your Web server.
In Feburary 2016 20,
Friday, 19 February 2016
How Do I Create a Hyperlink to a Zipped File?In Feburary 2016 19,
In Feburary 2016 19,
Upload the zipped file to your web server, into whatever directory or folder you'd like it to be. You can upload the file using your website hosting control panel or any basic FTP client software.
Save a copy of your web page to your hard drive--save just the page on which you want to create the link. You can save the file using your web browser, the web hosting control panel, or by downloading it with your FTP software.
Open your web page HTML file with a basic text editor such as Windows Notepad, NoteTab or Notepad++.
Select the location in your web page that you'd like to create the hyperlink. Remember that you are viewing the raw HTML code when it's open in a text editor, so you'll need to be sure you place your new hyperlink anywhere after the opening body tag (
), but before the closing body tag (
).
Craft your hyperlink using the full HTML path to your zipped file, like this:Zipped' rel='nofollow' target='_blank'>http://www.yourwebsite.com/folder/zipped.zip">Zipped File'yourwebsite.com' will of course by your own website domain name and extension.
'folder' will be the folder name into which you placed the zip file.
'zipped.zip' will be the actual name of the zipped file for which you are creating the hyperlink.
The words 'Zipped File' will be the words that show as linked on your web page, and they can be whatever you'd like. 'Click here to download this zipped file' for example, would be a nice descriptive phrase that tells people exactly what to do.
Save the changes to your web page file, then reload it onto your web server to make the changes live on your site.
In Feburary 2016 19,
Upload the zipped file to your web server, into whatever directory or folder you'd like it to be. You can upload the file using your website hosting control panel or any basic FTP client software.
Save a copy of your web page to your hard drive--save just the page on which you want to create the link. You can save the file using your web browser, the web hosting control panel, or by downloading it with your FTP software.
Open your web page HTML file with a basic text editor such as Windows Notepad, NoteTab or Notepad++.
Select the location in your web page that you'd like to create the hyperlink. Remember that you are viewing the raw HTML code when it's open in a text editor, so you'll need to be sure you place your new hyperlink anywhere after the opening body tag (
), but before the closing body tag (
).
Craft your hyperlink using the full HTML path to your zipped file, like this:Zipped' rel='nofollow' target='_blank'>http://www.yourwebsite.com/folder/zipped.zip">Zipped File'yourwebsite.com' will of course by your own website domain name and extension.
'folder' will be the folder name into which you placed the zip file.
'zipped.zip' will be the actual name of the zipped file for which you are creating the hyperlink.
The words 'Zipped File' will be the words that show as linked on your web page, and they can be whatever you'd like. 'Click here to download this zipped file' for example, would be a nice descriptive phrase that tells people exactly what to do.
Save the changes to your web page file, then reload it onto your web server to make the changes live on your site.
In Feburary 2016 19,
Thursday, 18 February 2016
How to Add Content to the Apache Home Page Web ServerIn Feburary 2016 18,
In Feburary 2016 18,
Locate the Web page file you want as your home page.
Rename the Web page 'index.htm' or 'index.html.'
Navigate to the Apache content directory. On Windows, navigate to 'C:\Program Files\Apache Group\Apache2\htdocs' or navigate to '/usr/local/apache/htdocs' on Linux. If you don't see this directory, consult your Linux distribution's documentation for its Apache content directory location.
Copy the 'index.htm' or 'index.html' file to the 'htdocs' directory. Apache uses this file as your home page.
Copy other Web page content to the 'htdocs' directory, including images and other subpages.
In Feburary 2016 18,
Locate the Web page file you want as your home page.
Rename the Web page 'index.htm' or 'index.html.'
Navigate to the Apache content directory. On Windows, navigate to 'C:\Program Files\Apache Group\Apache2\htdocs' or navigate to '/usr/local/apache/htdocs' on Linux. If you don't see this directory, consult your Linux distribution's documentation for its Apache content directory location.
Copy the 'index.htm' or 'index.html' file to the 'htdocs' directory. Apache uses this file as your home page.
Copy other Web page content to the 'htdocs' directory, including images and other subpages.
In Feburary 2016 18,
How to Make a Hit Counter in DreamweaverIn Feburary 2016 18,
In Feburary 2016 18,
Navigate to your Web host's homepage and see if they offer free hit counters. If they don't, go to another Web host that does. Bravenet, for example, offers free hit counters and other Web tools even if you don't have a host account with them (see Resources).
Click the link to the hit counter tool. You may need to register with the Web host in order to download the code, but the registration should be free. If not, look elsewhere. Bravenet's hit counter is free.
Click the button to create a new hit counter. You will be prompted to enter a name for the counter and provide the URL of the page you want to add the counter to.
Choose settings and then the look for your counter.
Select (highlight) and copy the Javascript code the Web host puts on the screen for you.
Open Dreamweaver and open the Web page you want to add the hit counter to.
View the HTML code for your page by clicking the 'CODE' button at the top of the window, then click at the location where you want the counter to appear. Usually counters are placed at the bottom of the page above the closing 'BODY' tag.
Select 'Paste' from the Edit menu and the code for the hit counter will be inserted. Save changes, upload the page to your Web server and view it in your Web browser to test.
Use a Free PHP Script
Use your Web browser to download a free PHP hit counter script from the Internet, such as the one at phpjunkyard.com (see Resources).
Go into your site in Dreamweaver and create a new folder in your local files list called 'counter.'
Place the PHP script and any files that came with it in this folder and read the instructions that come with the script for any special customization steps you need to take. Sometimes this information is on the Web page before you download, or it's a 'readme' file included in the download.
Open the hit counter PHP file in Dreamweaver. Change to 'CODE' view if necessary. There should be very clear instructions from the programmer at the top of the file about what variables you need to customize.
Make any necessary changes to the PHP code following the programmer's instructions. Save and close the file.
Open the Web page you want to add the counter to and save it with the extension .php instead of htm or .html. To run PHP on your page, you need this file extension or the commands will be ignored. View the HTML code on this file.
Click at the location where you want the hit counter to appear (anywhere above the closing 'BODY' tag), and paste in a PHP call to the hit counter file according to the instructions that came with your script. The code would look something like:
</script'>http://www.YOUR_DOMAIN.com/counter/gcount.php'><!--//--></script>.
Add a link back to the programmer's website under the counter (it's the considerate thing to do if you're using someone else's script for free), save changes to the file, then upload the php Web page and the counter folder to your Web server.
View the files on your Web server in Dreamweaver by selecting 'Remote Site' from the top of the site files box on the right. If the instructions for your hit counter script say to change file permissions on any of the script files, right-click the file name and choose 'Set Permissions' from the pop-up menu.
Make the changes to the 'Set Permissions' screen and click 'OK.'
Return to 'Local View' in your site files list and double-check the Web page that will have the hit counter to make sure you have the PHP command correct, then save, upload the file to the server and use your Web browser to view the page and test the hit counter.
In Feburary 2016 18,
Navigate to your Web host's homepage and see if they offer free hit counters. If they don't, go to another Web host that does. Bravenet, for example, offers free hit counters and other Web tools even if you don't have a host account with them (see Resources).
Click the link to the hit counter tool. You may need to register with the Web host in order to download the code, but the registration should be free. If not, look elsewhere. Bravenet's hit counter is free.
Click the button to create a new hit counter. You will be prompted to enter a name for the counter and provide the URL of the page you want to add the counter to.
Choose settings and then the look for your counter.
Select (highlight) and copy the Javascript code the Web host puts on the screen for you.
Open Dreamweaver and open the Web page you want to add the hit counter to.
View the HTML code for your page by clicking the 'CODE' button at the top of the window, then click at the location where you want the counter to appear. Usually counters are placed at the bottom of the page above the closing 'BODY' tag.
Select 'Paste' from the Edit menu and the code for the hit counter will be inserted. Save changes, upload the page to your Web server and view it in your Web browser to test.
Use a Free PHP Script
Use your Web browser to download a free PHP hit counter script from the Internet, such as the one at phpjunkyard.com (see Resources).
Go into your site in Dreamweaver and create a new folder in your local files list called 'counter.'
Place the PHP script and any files that came with it in this folder and read the instructions that come with the script for any special customization steps you need to take. Sometimes this information is on the Web page before you download, or it's a 'readme' file included in the download.
Open the hit counter PHP file in Dreamweaver. Change to 'CODE' view if necessary. There should be very clear instructions from the programmer at the top of the file about what variables you need to customize.
Make any necessary changes to the PHP code following the programmer's instructions. Save and close the file.
Open the Web page you want to add the counter to and save it with the extension .php instead of htm or .html. To run PHP on your page, you need this file extension or the commands will be ignored. View the HTML code on this file.
Click at the location where you want the hit counter to appear (anywhere above the closing 'BODY' tag), and paste in a PHP call to the hit counter file according to the instructions that came with your script. The code would look something like:
</script'>http://www.YOUR_DOMAIN.com/counter/gcount.php'><!--//--></script>.
Add a link back to the programmer's website under the counter (it's the considerate thing to do if you're using someone else's script for free), save changes to the file, then upload the php Web page and the counter folder to your Web server.
View the files on your Web server in Dreamweaver by selecting 'Remote Site' from the top of the site files box on the right. If the instructions for your hit counter script say to change file permissions on any of the script files, right-click the file name and choose 'Set Permissions' from the pop-up menu.
Make the changes to the 'Set Permissions' screen and click 'OK.'
Return to 'Local View' in your site files list and double-check the Web page that will have the hit counter to make sure you have the PHP command correct, then save, upload the file to the server and use your Web browser to view the page and test the hit counter.
In Feburary 2016 18,
Wednesday, 17 February 2016
How to Change Your Domain HostingIn Feburary 2016 17,
In Feburary 2016 17,
Research alternative Web hosting companies to find a service offering the features you need for your website at the best price.
Open an account with a new Web hosting company.
Log into your account with your current Web host.
Download all of your files from the host's server using the backup tool offered in the Web host's control panel or an FTP client application. Be sure to download all of your files. This includes any HTML files, picture files, audio files, flash files, INC files, CSS files, and so forth.
Back up your blog and Web forum database (if applicable) using a MySQL administration tool such as phpMyAdmin.
Log into your account with your new Web hosting company.
Obtain the DNS server information for the new Web hosting company. You will need this information later to update your DNS records to point to this new Web host server.
Upload all of the files for your website (downloaded in Step 4) to the new host's server.
Install the backup copy of your blog and forum database (created in Step 5) to the new host's server using their MySQL administration tool.
Log into your account with your original Web hosting company. Navigate to the Domain Name manager tool offered in the host's control panel. Edit your DNS records to reflect the server name associated with your new Web host. Submit the update. It can take up to 24 hours for the DNS records update to take effect globally. During this time your website will go off-line.
Visit your website. Check everything out to make sure all your Web pages have migrated successfully, the design elements of the site are still in tact, the website forum and blog are functioning properly, and so forth. Only after you're certain everything with your website is as it's supposed to be should you move on to the next step because you have mistakenly neglected to backup a stray file or two.
Cancel your account with your Web hosting company.
In Feburary 2016 17,
Research alternative Web hosting companies to find a service offering the features you need for your website at the best price.
Open an account with a new Web hosting company.
Log into your account with your current Web host.
Download all of your files from the host's server using the backup tool offered in the Web host's control panel or an FTP client application. Be sure to download all of your files. This includes any HTML files, picture files, audio files, flash files, INC files, CSS files, and so forth.
Back up your blog and Web forum database (if applicable) using a MySQL administration tool such as phpMyAdmin.
Log into your account with your new Web hosting company.
Obtain the DNS server information for the new Web hosting company. You will need this information later to update your DNS records to point to this new Web host server.
Upload all of the files for your website (downloaded in Step 4) to the new host's server.
Install the backup copy of your blog and forum database (created in Step 5) to the new host's server using their MySQL administration tool.
Log into your account with your original Web hosting company. Navigate to the Domain Name manager tool offered in the host's control panel. Edit your DNS records to reflect the server name associated with your new Web host. Submit the update. It can take up to 24 hours for the DNS records update to take effect globally. During this time your website will go off-line.
Visit your website. Check everything out to make sure all your Web pages have migrated successfully, the design elements of the site are still in tact, the website forum and blog are functioning properly, and so forth. Only after you're certain everything with your website is as it's supposed to be should you move on to the next step because you have mistakenly neglected to backup a stray file or two.
Cancel your account with your Web hosting company.
In Feburary 2016 17,
How to Link to an Email AddressIn Feburary 2016 17,
In Feburary 2016 17,
Find the spot where you want to place the email link on your web page within your HTML code.
Type (link) in the place where you want the link. For example, if your email is bsmith@gmail.com and your link is 'email me,' then your code would be: email me.
Type (link) in the place where you want the link if you want to control the subject link. For example, if your email is bsmith@gmail.com, your link is 'email me' and your subject line is 'help,' then your code would be: email me.
Save and publish your HTML code. This depends on your web publishing system.
In Feburary 2016 17,
Find the spot where you want to place the email link on your web page within your HTML code.
Type (link) in the place where you want the link. For example, if your email is bsmith@gmail.com and your link is 'email me,' then your code would be: email me.
Type (link) in the place where you want the link if you want to control the subject link. For example, if your email is bsmith@gmail.com, your link is 'email me' and your subject line is 'help,' then your code would be: email me.
Save and publish your HTML code. This depends on your web publishing system.
In Feburary 2016 17,
Tuesday, 16 February 2016
How to Create a Multipage WebsiteIn Feburary 2016 16,
In Feburary 2016 16,
Decide what pages your website should actually have. Starting out with a plan will save plenty of time later. For example, a basic website might consist of three pages: a homepage, an 'About' page, and a photo gallery.
Open a text editor such as Notepad (in Windows) or TextEdit (on a Mac) and create a new file for each page you plan on including. When saving each file, make sure to save them with a '.html' extension, and name your homepage 'index.' So using the above example, you would create three pages: 'index.html,' 'about.html,' and 'gallery.html.'
Think of a domain name ('example.com') to name your site. Come up with something easy to remember, as brief as possible, and spelled correctly.
Sign up for a web hosting plan. Since this is a very basic site, you won't need to pay for anything fancy, and in fact you can get a hosting plan for free from sites such as FreeHostia (see Resources). When signing up, you'll be able to register your domain name, which should cost about $10 for a year.
Log into the hosting control panel that your web host provided you after you signed up. Inside, there should be a 'File Manager' section. Open it, and look for a folder either named 'public_html' or named after your domain. Upload all your HTML files inside it.
Open a new browser window and type in your domain name in the address bar. The page that's automatically displayed will be 'index.html,' and you can reach your other pages by going to example.com/about.html, example.com/gallery.html, and so on.Of course, unless you've added something to each page, they're blank. To actually fill your pages with content, you'll need to write some HTML code, which is the basic language of the web and very easy to learn (see Resources for free HTML tutorials).
In Feburary 2016 16,
Decide what pages your website should actually have. Starting out with a plan will save plenty of time later. For example, a basic website might consist of three pages: a homepage, an 'About' page, and a photo gallery.
Open a text editor such as Notepad (in Windows) or TextEdit (on a Mac) and create a new file for each page you plan on including. When saving each file, make sure to save them with a '.html' extension, and name your homepage 'index.' So using the above example, you would create three pages: 'index.html,' 'about.html,' and 'gallery.html.'
Think of a domain name ('example.com') to name your site. Come up with something easy to remember, as brief as possible, and spelled correctly.
Sign up for a web hosting plan. Since this is a very basic site, you won't need to pay for anything fancy, and in fact you can get a hosting plan for free from sites such as FreeHostia (see Resources). When signing up, you'll be able to register your domain name, which should cost about $10 for a year.
Log into the hosting control panel that your web host provided you after you signed up. Inside, there should be a 'File Manager' section. Open it, and look for a folder either named 'public_html' or named after your domain. Upload all your HTML files inside it.
Open a new browser window and type in your domain name in the address bar. The page that's automatically displayed will be 'index.html,' and you can reach your other pages by going to example.com/about.html, example.com/gallery.html, and so on.Of course, unless you've added something to each page, they're blank. To actually fill your pages with content, you'll need to write some HTML code, which is the basic language of the web and very easy to learn (see Resources for free HTML tutorials).
In Feburary 2016 16,
Tuesday, 9 February 2016
Why Use a Relational Database for Your Website?In Feburary 2016 09,
In Feburary 2016 09,
One of the primary reasons for using a relational database is that it makes updating and maintaining website content easier. Often within a website, the same piece of information will be included in more than one location, so if that information needs to be amended or updated, the same editing process must be carried out multiple times. With a relational database, a data item can be listed once and then read from the same location whenever it is required within the site. This means that information only needs to be updated in this one place and the changes will filter throughout the site.
Consistency
Relational databases can increase consistency in the way website content is both structured and presented. When data is kept in a database, items within the same category will be listed within the same table and a server-side scripting language such as PHP or ASP will pull the data for presenting within the site pages. The data will normally be structured in HTML and styled in CSS (Cascading Style Sheets), using the same structures for everything within a category of data, making the site structure and appearance uniform and therefore more user friendly.
Reliability
Database systems offer a reliable way to store website content and are less likely to become corrupted than static HTML files. Most Web database systems such as MySQL can be easily backed up to protect against data loss. Many Web database systems can also provide secure functions, preventing data updates from being carried out by anyone who is not authorized. For corporate needs, there are powerful database systems such as Oracle that can provide extensive levels of security.
Dynamic Functions
Within Web development, sites are described as being either static or dynamic. Sites built using server-side scripting on top of a relational database are dynamic, which is in contrast with static sites where the content is included within HTML files that are simply viewed on request by visitors. Database-driven sites are dynamic because the pages are only built when a visitor requests them, with the HTML content being written by the server-side program according to whatever is in the database. This means that relational databases make a site more fluid and changeable, potentially offering a unique user experience with each visit.
Separating Content From Style
Websites are generally more usable to people when content and style are kept separate within the code. The content of a site is the data, text and other media displayed within it, and the style is the formatting rules (for example in CSS), determining how this content should be displayed. Keeping content and style separate allows websites to adapt to different environments and lets users tailor the presentation to suit them. Database-driven websites separate content from style automatically due to their inherent design.
In Feburary 2016 09,
One of the primary reasons for using a relational database is that it makes updating and maintaining website content easier. Often within a website, the same piece of information will be included in more than one location, so if that information needs to be amended or updated, the same editing process must be carried out multiple times. With a relational database, a data item can be listed once and then read from the same location whenever it is required within the site. This means that information only needs to be updated in this one place and the changes will filter throughout the site.
Consistency
Relational databases can increase consistency in the way website content is both structured and presented. When data is kept in a database, items within the same category will be listed within the same table and a server-side scripting language such as PHP or ASP will pull the data for presenting within the site pages. The data will normally be structured in HTML and styled in CSS (Cascading Style Sheets), using the same structures for everything within a category of data, making the site structure and appearance uniform and therefore more user friendly.
Reliability
Database systems offer a reliable way to store website content and are less likely to become corrupted than static HTML files. Most Web database systems such as MySQL can be easily backed up to protect against data loss. Many Web database systems can also provide secure functions, preventing data updates from being carried out by anyone who is not authorized. For corporate needs, there are powerful database systems such as Oracle that can provide extensive levels of security.
Dynamic Functions
Within Web development, sites are described as being either static or dynamic. Sites built using server-side scripting on top of a relational database are dynamic, which is in contrast with static sites where the content is included within HTML files that are simply viewed on request by visitors. Database-driven sites are dynamic because the pages are only built when a visitor requests them, with the HTML content being written by the server-side program according to whatever is in the database. This means that relational databases make a site more fluid and changeable, potentially offering a unique user experience with each visit.
Separating Content From Style
Websites are generally more usable to people when content and style are kept separate within the code. The content of a site is the data, text and other media displayed within it, and the style is the formatting rules (for example in CSS), determining how this content should be displayed. Keeping content and style separate allows websites to adapt to different environments and lets users tailor the presentation to suit them. Database-driven websites separate content from style automatically due to their inherent design.
In Feburary 2016 09,
Sunday, 7 February 2016
How to Create Alternating Background Colors in Table Rows With CSSIn Feburary 2016 07,
In Feburary 2016 07,
Here's a simple table with alternating gray and white rows. This technique will work for any color scheme or any size table.
Build the table using your normal HTML table-building tools.
In the stylesheet, create a class that can be applied to alternating TR (table row) elements. Here's an example:
.rowcolor {
background: #CCCCCC;
}
In the HTML, add the class to alternating rows in your table. Apply it to the TR element. See image for example.
If you would like to have a different color for the row of the table that contains the headings, you can create a new class or id rule in your stylesheet that will only apply a background color to the TH elements.
In Feburary 2016 07,
Here's a simple table with alternating gray and white rows. This technique will work for any color scheme or any size table.
Build the table using your normal HTML table-building tools.
In the stylesheet, create a class that can be applied to alternating TR (table row) elements. Here's an example:
.rowcolor {
background: #CCCCCC;
}
In the HTML, add the class to alternating rows in your table. Apply it to the TR element. See image for example.
If you would like to have a different color for the row of the table that contains the headings, you can create a new class or id rule in your stylesheet that will only apply a background color to the TH elements.
In Feburary 2016 07,
Saturday, 6 February 2016
How to Edit Your WebsiteIn Feburary 2016 06,
In Feburary 2016 06,
If your website is content driven, it may be based in a CMS such as WordPress or Joomla. If you are unsure of this, ask the person who designed your website. To initiate changes to content on a CMS-based website, you log in to your site's administrative panel. The administrative panel offers buttons for various types of content management. After you log in, you can add, delete or edit posts and articles on your site. You can also use a CMS to change some of the other parameters of your site. For example, if your site uses WordPress, you can install a different theme to change the layout of the site, and you can install plugins to change some aspects of your site's functionality.
Changing the Content and Functionality of Your Website
If you need to edit the structure or content of your website and your site does not use a CMS, you must edit the actual files on your site. Use caution if you are implementing HTML, PHP or JavaScript for the first time. If you are not confident in your Web-development skills, the changes you make directly to code could impair the functionality of your website. In such a case, a WYSIWYG editor can be useful. WYSIWYG editors display the changes to your website as you make them, and you drag elements around rather than alter the page code in a text editor.
Changing the Visual Style of Your Website
Most of the visual flair of your website is contained in one or more Cascading Style Sheets files. These files tell the HTML of your site where to position certain elements, how to color the background and what font to use. By editing the CSS files, you change the stylistic aspects of a page. If you rename a CSS file, you must make sure that the applicable HTML files link to the renamed version of the file. This link is in the HTML document's
section. With a WYSIWYG editor, you can confidently make these changes if you are not comfortable making them to your site's code.
Uploading Files to Your Website
After you make changes to your site's code, upload the files to your hosting server for the changes to take effect. If the changes are minor, you may want to download a copy of the file onto your local computer, edit that and then return it to the server. For example, if you want to change one line in your website's index.html file, download it from the server first to make sure that you are modifying the most current version of the file. After you make the changes, upload the file to the server, making sure to overwrite the old one. You accomplish these transfers using a File Transfer Protocol client. An FTP client connects your computer to a remote server for the exchange of files.
In Feburary 2016 06,
If your website is content driven, it may be based in a CMS such as WordPress or Joomla. If you are unsure of this, ask the person who designed your website. To initiate changes to content on a CMS-based website, you log in to your site's administrative panel. The administrative panel offers buttons for various types of content management. After you log in, you can add, delete or edit posts and articles on your site. You can also use a CMS to change some of the other parameters of your site. For example, if your site uses WordPress, you can install a different theme to change the layout of the site, and you can install plugins to change some aspects of your site's functionality.
Changing the Content and Functionality of Your Website
If you need to edit the structure or content of your website and your site does not use a CMS, you must edit the actual files on your site. Use caution if you are implementing HTML, PHP or JavaScript for the first time. If you are not confident in your Web-development skills, the changes you make directly to code could impair the functionality of your website. In such a case, a WYSIWYG editor can be useful. WYSIWYG editors display the changes to your website as you make them, and you drag elements around rather than alter the page code in a text editor.
Changing the Visual Style of Your Website
Most of the visual flair of your website is contained in one or more Cascading Style Sheets files. These files tell the HTML of your site where to position certain elements, how to color the background and what font to use. By editing the CSS files, you change the stylistic aspects of a page. If you rename a CSS file, you must make sure that the applicable HTML files link to the renamed version of the file. This link is in the HTML document's
section. With a WYSIWYG editor, you can confidently make these changes if you are not comfortable making them to your site's code.
Uploading Files to Your Website
After you make changes to your site's code, upload the files to your hosting server for the changes to take effect. If the changes are minor, you may want to download a copy of the file onto your local computer, edit that and then return it to the server. For example, if you want to change one line in your website's index.html file, download it from the server first to make sure that you are modifying the most current version of the file. After you make the changes, upload the file to the server, making sure to overwrite the old one. You accomplish these transfers using a File Transfer Protocol client. An FTP client connects your computer to a remote server for the exchange of files.
In Feburary 2016 06,
Friday, 5 February 2016
How to Make a Link to FTP With Username PasswordIn Feburary 2016 05,
In Feburary 2016 05,
Open the HTML document in a text editor, such as Notepad.
Locate the area of the document where you want to add the FTP link.
Type the code 'FTP Link' to add the link. Replace 'user_name' with the username for the FTP server and replace 'password' with the password for the account. Replace 'hostname' with the hostname of the FTP server. Replace 'FTP Link' with any text you prefer.
Save and close the HTML file.
In Feburary 2016 05,
Open the HTML document in a text editor, such as Notepad.
Locate the area of the document where you want to add the FTP link.
Type the code 'FTP Link' to add the link. Replace 'user_name' with the username for the FTP server and replace 'password' with the password for the account. Replace 'hostname' with the hostname of the FTP server. Replace 'FTP Link' with any text you prefer.
Save and close the HTML file.
In Feburary 2016 05,
How to Read iFrame Content in JavaScriptIn Feburary 2016 05,
In Feburary 2016 05,
Launch the plain-text editor application that is available on your computer.
Enter the following code into the text editor.
Blank
Click the File menu. Select the 'Save' option. Save under the file name 'test.html.'
Click the File menu. Select the 'New' option. Type the following code into the new text-editor window.
This is the iframe
Click the File menu. Select the 'Save' option. Save under the file name 'frame.html.'
Launch the FTP application and log in to the Web server. Upload the files 'test.html' and 'frame.html' to the root directory of the server.
Click the 'Disconnect' button of the FTP application.
Launch a Web browser and enter the appropriate URL to access the test file. For example, enter: http://yourdomainname.com/test.html Replace 'yourdomainname.com' with the domain name or IP address of the Web server.
Press the 'Enter' key to load the URL and run the test file. Click the button with the text 'Show What's in the iFrame' to test the script.
In Feburary 2016 05,
Launch the plain-text editor application that is available on your computer.
Enter the following code into the text editor.
Blank
Click the File menu. Select the 'Save' option. Save under the file name 'test.html.'
Click the File menu. Select the 'New' option. Type the following code into the new text-editor window.
This is the iframe
Click the File menu. Select the 'Save' option. Save under the file name 'frame.html.'
Launch the FTP application and log in to the Web server. Upload the files 'test.html' and 'frame.html' to the root directory of the server.
Click the 'Disconnect' button of the FTP application.
Launch a Web browser and enter the appropriate URL to access the test file. For example, enter: http://yourdomainname.com/test.html Replace 'yourdomainname.com' with the domain name or IP address of the Web server.
Press the 'Enter' key to load the URL and run the test file. Click the button with the text 'Show What's in the iFrame' to test the script.
In Feburary 2016 05,
Tuesday, 2 February 2016
How to Post a Website on the InternetIn Feburary 2016 02,
In Feburary 2016 02,
Make a list of unique domain names that describe you, your service or your company. Open your Web browser and go to any of the following websites and purchase a domain name and a web hosting package for your new website: GoDaddy, HostGator and Network Solutions. After you sign up, your host will send you information to your inbox about your domain name, email, and FTP information for your web hosting server.
Once you have your domain name and host set up, it's time to plan and create your website, if you know HTML and web page design you can use programs such as Adobe Dreamweaver, Microsoft Expression Web or Coffee Cup to design your new website. You can find expandable open source blog and web site templates at WordPress. You can hire a web designer to do it for you or you can purchase a readymade template and customize.
Download an FTP program to upload your website. An FTP program enables you to upload your website files on your computer to your web host server on the Internet. Open your web browser and go to any of the following websites: FileZilla, SmartFTP or WS FTP Pro. Download the FTP program and install it on your computer.
Configure your FTP program. Open your FTP program. Go to the section where you can setup a new host connection in your FTP program and use the information that was emailed to your inbox and setup your FTP program. Make sure to enter your FTP server name, folder path, username and password.
Upload your website using FTP. Establish a connection with your FTP server, locate your website files on your computer and upload them using FTP. Make sure you have your index.html page in your upload. The index.html page is set as your website's homepage by default.
Point your domain name DNS settings to the host server. Use the information that was emailed to you pertaining to your domain and log into your domain's control panel and change its DNS settings to point to your Web host's server.
Open your Web browser, type your Web address in the search box and click 'Search.' You should now see your new website posted on the Internet.
In Feburary 2016 02,
Make a list of unique domain names that describe you, your service or your company. Open your Web browser and go to any of the following websites and purchase a domain name and a web hosting package for your new website: GoDaddy, HostGator and Network Solutions. After you sign up, your host will send you information to your inbox about your domain name, email, and FTP information for your web hosting server.
Once you have your domain name and host set up, it's time to plan and create your website, if you know HTML and web page design you can use programs such as Adobe Dreamweaver, Microsoft Expression Web or Coffee Cup to design your new website. You can find expandable open source blog and web site templates at WordPress. You can hire a web designer to do it for you or you can purchase a readymade template and customize.
Download an FTP program to upload your website. An FTP program enables you to upload your website files on your computer to your web host server on the Internet. Open your web browser and go to any of the following websites: FileZilla, SmartFTP or WS FTP Pro. Download the FTP program and install it on your computer.
Configure your FTP program. Open your FTP program. Go to the section where you can setup a new host connection in your FTP program and use the information that was emailed to your inbox and setup your FTP program. Make sure to enter your FTP server name, folder path, username and password.
Upload your website using FTP. Establish a connection with your FTP server, locate your website files on your computer and upload them using FTP. Make sure you have your index.html page in your upload. The index.html page is set as your website's homepage by default.
Point your domain name DNS settings to the host server. Use the information that was emailed to you pertaining to your domain and log into your domain's control panel and change its DNS settings to point to your Web host's server.
Open your Web browser, type your Web address in the search box and click 'Search.' You should now see your new website posted on the Internet.
In Feburary 2016 02,
Subscribe to:
Comments (Atom)