HTML is the language responsible for websites. Web browsers read the codes inside the HTML file and display the website based on them. Any mistake inside the HTML file will spell disaster when displaying the website.
Now, creating the HTML file requires learning the syntax and how the codes work. Fortunately, with new innovations in website creations, more and more people are able to create websites without even bothering about HTML. Web hosting providers and application allow even the novice user to create their own website using a graphical drag and drop interface thus, bypassing the manual creation of HTML codes. While people may not see the need to figure out HTML anymore, it still makes sense to know the basics, for instance, creating a new and blank space for your website via HTML. Here are some easy steps to do it.
* Open the HTML file. If you have an existing website, then you will have to access it through the webhost server. Now, this can be done in two ways depending on the webhost provider. Some webhosts may provide some kind of graphical user interface or graphical panel wherein you can log in and access your website files without having to deal without too much hassle. At the same time, you can edit the actual HTML file online through their built in HTML editor. On the other hand, some webhosts may require you to upload and download files onto and from your webhost server via ftp. This means that you will have to install and use an FTP client such as Cuteftp or Filezilla. Whatever is the case and find your way to access the HTML file. If you were able to access it by downloading it via an FTP client, then you will need, at the very least, Notepad to open and edit it.
* Add the code. Once the HTML file is open, inspect the code and determine where you want to create the blank space in your website. This could be anywhere between the codes already on the file. To add the code, create a small blank line on the file and type in “ ”. This is the HTML code that will tell the web browser displaying your website to leave a blank space between the other elements on the page.
* Save and upload. After entering the HTML code, save the file and proceed to uploading it back into your web server. If you used the online integrated HTML editor, then all you will really need to do is save the file since it will automatically update your website.
Once uploaded, open a web browser and type in the URL of your website or webpage. Take a look if the new space was created where you wanted it. Now, if the space that was created is in the wrong spot, then you might want to repeat the process of editing the HTML file and transferring the code to a location where you want it.
Alright, now you know a little more about HTML. This is just a simple code to create a non-formatted space on your website. The other codes you will see on the file are a bit more complex. Nevertheless, anyone can gradually learn in.
Thursday, February 24, 2011
How To Create Special Effects for Your Website--Even if You Can't Write Code
With so many webhosts providing free domains, webhosting, and an online and easy to use web creation software, more and more people have tried their hand in creating their very own websites. Yes, you don’t need to know the intricacies of HTML and CSS coding in order to create your very own website. It is that easy.
Now, while these online web creation applications allow you to create a website in a matter of minutes, some of them do not allow you to add certain effects. Yes, most of them will probably allow you to add certain elements like images, videos, and forms. However, if you are looking for add effects consisting of widgets and animation, you may need to look elsewhere. Don’t worry; you can still use your existing website and just add the effects you want by sourcing other websites that will provide you the code to do so.
To help get you started, here are the steps you can follow.
* Determine the effects you want to add. Before altering the code of your website, you will first need to determine what kind of effects you want on your website. For instance, do you want your websites to have an online clock, calculator, or interactive map? Perhaps you want your website to be animated? Or maybe, you want to have a small box allowing you to display all your posts from Twitter or Facebook? These are all possible effects that you can integrate into your website. In fact, there are even more. Make a list of them and take note where on the website you want to place the effect.
* Search for websites that will create the code for the effect. Technically, there are tons of effects available for you to use on your website. One such effect is the ability to post videos from YouTube onto your website. If you will notice, there is a code for every video that YouTube offers. This code needs to be embedded onto your website in order to display it there. That code is actually an HTML code and you will need to copy and paste it onto the HTML page of the website. Now, the websites you are looking for works the same way. They will have certain effects available such as widgets or flash. To find them all you need to do is to execute a search on Google or Yahoo. For instance, if you do a search using “web widgets” as your keywords, then you will probably stumble on www.bravenet.com/webtools/widgets.php which basically allows you to use their collection of widget boxes on your website. They will provide you a code that you will copy and paste on your website.
* Insert the code. As soon as you find an effect you want, copy the code and paste it inside the HTML file of your website. Now, make sure to insert it where you would like it displayed. Technically, this would have to be somewhere in between the 2 tags corresponding to the body of the page. Paste it there, save, and try it out.
If the effect comes out as expected, then you successfully added an effect to your website. If not, then open the HTML editor and try to move the code around there again. Trial and error will help at this point for as long as you don’t erase any existing code from the HTML file.
Now, while these online web creation applications allow you to create a website in a matter of minutes, some of them do not allow you to add certain effects. Yes, most of them will probably allow you to add certain elements like images, videos, and forms. However, if you are looking for add effects consisting of widgets and animation, you may need to look elsewhere. Don’t worry; you can still use your existing website and just add the effects you want by sourcing other websites that will provide you the code to do so.
To help get you started, here are the steps you can follow.
* Determine the effects you want to add. Before altering the code of your website, you will first need to determine what kind of effects you want on your website. For instance, do you want your websites to have an online clock, calculator, or interactive map? Perhaps you want your website to be animated? Or maybe, you want to have a small box allowing you to display all your posts from Twitter or Facebook? These are all possible effects that you can integrate into your website. In fact, there are even more. Make a list of them and take note where on the website you want to place the effect.
* Search for websites that will create the code for the effect. Technically, there are tons of effects available for you to use on your website. One such effect is the ability to post videos from YouTube onto your website. If you will notice, there is a code for every video that YouTube offers. This code needs to be embedded onto your website in order to display it there. That code is actually an HTML code and you will need to copy and paste it onto the HTML page of the website. Now, the websites you are looking for works the same way. They will have certain effects available such as widgets or flash. To find them all you need to do is to execute a search on Google or Yahoo. For instance, if you do a search using “web widgets” as your keywords, then you will probably stumble on www.bravenet.com/webtools/widgets.php which basically allows you to use their collection of widget boxes on your website. They will provide you a code that you will copy and paste on your website.
* Insert the code. As soon as you find an effect you want, copy the code and paste it inside the HTML file of your website. Now, make sure to insert it where you would like it displayed. Technically, this would have to be somewhere in between the 2 tags corresponding to the body of the page. Paste it there, save, and try it out.
If the effect comes out as expected, then you successfully added an effect to your website. If not, then open the HTML editor and try to move the code around there again. Trial and error will help at this point for as long as you don’t erase any existing code from the HTML file.
How To Use the Draw Command in Visual Basic
Visual Basic is a third generation programming language that allows a programmer to create an application. It is very easy to learn and quite simple to use. One important component of programming done in VB is the graphics because it makes the interface more attractive to the user. Before any of the improvements, designing graphics and drawing in BASIC was considered to be so time consuming and difficult because each line had to be programmed. With the improved version, creating graphics has been made much easier. Instead of having to type the code for making a dot or a box, you just need to click on the Draw command and choose whether you want to create a line, box, or just draw in freeform.
* Click on line control to create a straight line. Drawing using Visual Basic is almost the same as drawing using any other drawing software. Once you click on the Draw command, the drawing toolbar will launch. Select line control and draw a line on the form that you have already created using your mouse. Once you are done making the line, you can change the color in BorderColor. You can also alter the width of the line by clicking on the BorderWidth tab. If you want to change the style, do so in the BorderStyle property.
* Click on the shape control to add a shape on your form. The steps for making any shape are similar to those of making a line. Simply click on shape control and use your mouse to create a shape to add to the form. Rectangle is the default shape and its shape property is set to 0. If you want to make a square, set the shape property to 1. For an oval, set it to 2. Use 3 to make a circle and 4 to make a rounded rectangle. You can also alter the background color of the shape in the BackColor property tab. If you want to change the color of the shape’s border, alter the values in the BorderColor tag. The width can be adjusted in the BorderWidth property tab.
* If you want to add pictures to the form, go to the properties Window and click on picture property. Adding lines and shapes to your form can make it look interesting. However, to make the interface more attractive to the user, it is better to include pictures or images. Luckily, Visual Basic has graphic tools that you can use for this purpose: picture box and image box. To add an image or picture, just click on the Picture Property found at the window and wait for the dialog box to pop up. Select your desired picture file from any of the folders in your computer and the program will incorporate the picture into your form for you.
If you want to make any changes on the lines, shapes, and images that you have added, simple double-click on the object and adjust the properties on the tabs that you will see. You can also click on the Scribble icon in order to make the objects look like they have been drawn rather than pasted from image-editing software. Once you are done drawing, click on any other tool in order to exit the drawing module.
* Click on line control to create a straight line. Drawing using Visual Basic is almost the same as drawing using any other drawing software. Once you click on the Draw command, the drawing toolbar will launch. Select line control and draw a line on the form that you have already created using your mouse. Once you are done making the line, you can change the color in BorderColor. You can also alter the width of the line by clicking on the BorderWidth tab. If you want to change the style, do so in the BorderStyle property.
* Click on the shape control to add a shape on your form. The steps for making any shape are similar to those of making a line. Simply click on shape control and use your mouse to create a shape to add to the form. Rectangle is the default shape and its shape property is set to 0. If you want to make a square, set the shape property to 1. For an oval, set it to 2. Use 3 to make a circle and 4 to make a rounded rectangle. You can also alter the background color of the shape in the BackColor property tab. If you want to change the color of the shape’s border, alter the values in the BorderColor tag. The width can be adjusted in the BorderWidth property tab.
* If you want to add pictures to the form, go to the properties Window and click on picture property. Adding lines and shapes to your form can make it look interesting. However, to make the interface more attractive to the user, it is better to include pictures or images. Luckily, Visual Basic has graphic tools that you can use for this purpose: picture box and image box. To add an image or picture, just click on the Picture Property found at the window and wait for the dialog box to pop up. Select your desired picture file from any of the folders in your computer and the program will incorporate the picture into your form for you.
If you want to make any changes on the lines, shapes, and images that you have added, simple double-click on the object and adjust the properties on the tabs that you will see. You can also click on the Scribble icon in order to make the objects look like they have been drawn rather than pasted from image-editing software. Once you are done drawing, click on any other tool in order to exit the drawing module.
How To Use the Toolbar Control in Visual Basic
Visual Basic is a type of programming language that is often used for developing applications for Windows OS. This program was derived from its predecessor, BASIC and many programmers use this to create several applications because Visual Basic can make creating several components a whole lot easier.
Visual Basic has several features and functions. Most of these functions are made for the program to be user –friendly. And one of the features that many users find useful is the Toolbar Control in Visual Basic.
The Toolbar Control helps you create the toolbars that you need. You can personalize your toolbar according to how often you use a command, feature or function of Visual Basic. Here is a step by step guide that you could follow in using the Toolbar Control in Visual Basic.
* Select the “Properties” command. To select the “Properties” command, point your cursor on the “Properties” command the left-click on it. A new window will pop up on your screen.
* Locate the ImageList. In the new window that has popped up, you’ll find several tabs. Click on the “General” tab to look for the ImageList field then choose ImageList Control.
* Add your buttons. After choosing the ImageList Control, click on the “Buttons” tab then click on the “Insert Button” option to add the new buttons to your toolbar. The maximum number of buttons that you can add in the toolbar is 255 and you cannot exceed more than that. When you add buttons, make sure that you fill up all of the appropriate fields.
Visual Basic has several features and functions. Most of these functions are made for the program to be user –friendly. And one of the features that many users find useful is the Toolbar Control in Visual Basic.
The Toolbar Control helps you create the toolbars that you need. You can personalize your toolbar according to how often you use a command, feature or function of Visual Basic. Here is a step by step guide that you could follow in using the Toolbar Control in Visual Basic.
* Select the “Properties” command. To select the “Properties” command, point your cursor on the “Properties” command the left-click on it. A new window will pop up on your screen.
* Locate the ImageList. In the new window that has popped up, you’ll find several tabs. Click on the “General” tab to look for the ImageList field then choose ImageList Control.
* Add your buttons. After choosing the ImageList Control, click on the “Buttons” tab then click on the “Insert Button” option to add the new buttons to your toolbar. The maximum number of buttons that you can add in the toolbar is 255 and you cannot exceed more than that. When you add buttons, make sure that you fill up all of the appropriate fields.
Subscribe to:
Posts (Atom)
