Monthly Archives: August 2013

Computer Applications In Education







Source link

HTML Web Page Editor: The Best Ways To Manage A Website


Building a great website is only half the battle.

  • You can hire a website designer to build it from scratch.
  • Start with a template, and go from there
  • Do it yourself, by using a HTML editor, or learn an entire design language(HTML, CSS) and then do it all yourself.

But what about if you already have a website built, and are discovering that it can be pretty frustrating to manage it? What are your options?

If you are looking for ways to make simple text changes to your site, like adding pictures, social media widgets, uploading a videos, and a host of updates that will make your web page perform better, you need to read on as we review the best ways to make an HTML web page editor work for you.

First. What is a HTML web page editor?

Basically an HTML web page editor is a software application that allows you to build websites. But there are different types to consider, that not only give you the ability to build a website, but also allow you to easily manage it, through the use of an online HTML web page editor.

2 Types of HTML Web Page Editors

HTML Editors – Are powerful applications that allow you to use a text editor, and with some in depth knowledge of code(i.e. CSS, HTML, JavaScript), build and manage your website. Although they allow you tons of flexibility and customization opportunities, they require you to learn programming, and design languages. Some popular examples are Dreamweaver and Frontpage.

WYSIWYG Editors – WYSIWYG is an acronym for What You See Is What You Get. These applications are much more intuitive. These editors allow you to make the needed changes to your webpage, by simply making changes directly to your site. No code necessary. So if you see some text on your website that needs to be changed, you just click on it, change it, and then click publish.

A great evolution of the WYSIWYG Editor is an Online WYSIWYG Editor. No need to download any software. This allows a website owner to simply jump online when making a change to his website.

Tech Support, Support, Support

At the end of the day, many people who are trying to use an HTML web page editor to improve their website, simply want to have access to a reliable web designer, or internet expert who can help them. The perfect hybrid solution to this growing problem, is to find an online web editor, but be sure to use their tech support as well.

Ambid Update gives you an online web page editor, allows you to play with it for free, while giving you the access to trained staff to answer your web page editing needs.


Source link

How to Write HTML in the Notepad


If you use Windows Operating System, you don’t need to buy or download an editor in order to write HTML. You have a perfectly functional editor built into your operating system called Notepad.

In fact, for many people this is all the entire HTML editor they will ever need because it is free as well as simple.

There are only a few steps to creating a Web page with Notepad or write HTML with Notepad:

  1. Open Notepad
    Notepad is nearly always found in your “Accessories” menu or you can go to start->run->type in Notepad, a notepad will open.
  2. Start writing your HTML
    Remember that you need to be more careful than in an HTML editor. You won’t have elements like tag completion and validation which happens to be in software.
  3. Save your HTML to a file
    This is the tricky part. Notepad normally saves files as .txt. But since you’re writing HTML, you need to save the file as .htm or html, both will work.

If you’re not careful, you’ll end up with a file named something like filename.htm.txt

Here’s how to avoid that:

  2. Navigate to the folder you want to save in
  4. Name your file, be sure to include the .htm extension e.g. homepage.htm

Remember HTML isn’t terribly hard to learn, and you needn’t buy any additional software or other items in order to put up your Web page. With Notepad, you can write complex or simple HTML and once you have learned the language, you can edit pages as quickly as someone with an expensive HTML editor. I too have mastered the HTML in the Notepad editor only without using any software.


Source link

How to Convert PSD to HTML

PSD files can be a difficult proposition to deal with. These are Adobe Photoshop images that have been saved in the PSD (Photoshop) format. Web designers design web templates in layers and save them in PSD formats and webmasters buy these PSD files and change around the design such as the colors, adding buttons, changing the background and so on.

However, there is one problem. They will need to be proficient in using Photoshop or its compatible software to work with the images effectively. However, in most cases before the PSD image can appear as a web page some steps need to be taken to convert PSD to HTML code or convert PSD to CSS.

Most people do not have the Adobe Photoshop software because it is a very expensive software. Other programmers have started making their image editing software compatible with PSD files because this format is becoming increasingly popular through the years. People who can use Photoshop find it very convenient to design and save web templates using this software. For those who are not comfortable with the program they are left with no choice but to hire professional expertise to convert PSD to HTML code.

PSD files are saved in layers. It is possible to open these files in Photoshop or compatible software and slice these images and change them around to suit the theme of the site that is being designed in html. Once the changes are made to the PSD files they can be saved as bitmap, JPEG or any other compatible format that can be optimized for web site use. Then the images are hard coded into html bit by bit. This is essentially what converting PSD to HTML code is all about.

Now if you are one of those gurus who can play around with software and make it do the things your mind is imagining then you are one of the most fortunate people on earth. But for the lesser mortals in order to convert PSD to CSS converting PSD to HTML is something that requires the help of designers and programmers.

Now, converting PSD to HTML need not cost you your first born. There are web sites that can do this part of the web development for you. All you need to do is to choose the PSD template that you like the most and send it in to the site admin in format and they will do the PSD to HTML conversion for you and all within a matter of hours (or if the site has multiple pages a few days).

These PSD to HTML converters are really very experienced web designers. They can have your PSD to HTML files ready as web pages in no time at all and the PSD file will look even better than it did in the original. They will work with you to change the background and add or remove images, add links and buttons to the PSD that is now taking on the format of HTML. All you need to do is to buy your PSD templates and let the pros change it to HTML for you.


Source link

How to Gain Basic HTML Knowledge Easily to Create Your Own Website Free










Source link

Flash Vs HTML – Is HTML5 Better Than Flash?

This is the age of the Internet, where people all over the world are willing to spend a good part of their day online, either surfing sites or sharing tidbits about their life with friends and strangers. Organizations these days have come to appreciate the huge potential that the Internet offers and the access it gives one to the global market. It’s no longer just about the content; it’s also about how that content is displayed. Enter Flash. This software developed by Macromedia, is really popular and used to create animation programs based on graphics. They offer full-screen navigation interfaces, graphic illustrations, allow two way interaction and support sound as well. Besides offering a wonderful online experience, Flash graphics were hailed for their fast download speed which was all thanks to the vector based animations. Besides, the files themselves were small, compact and designed for an optimum experience.

HTML on the other hand stands for Hyper Text Markup Language and is also used for interactive purposes as both images and objects can be embedded. Recently, HTML5 became the centre of focus after the Apple iPad which did not support Flash was unveiled in January this year. It was assumed that Flash which requires a plugin to be downloaded in the browser would pale in comparison to HTML5, which does not require any plugins. A number of tests were conducted to check which application was best suited to which browser. HTML5 was found to have performed better than Flash 10 in Safari, although the experience was more or less the same with other browsers on a Mac. In a Windows OS however, Flash proved to be the clear winner with an efficiency rate of 58% in Google Chrome alone.

Although, Flash is touted to be more complex and expensive than HTML5, its many features cannot be ignored. Flash gives developers better flexibility which HTML5 has yet to do in areas like video conferencing, live audio & video recording and 3d object video rotation. Flash is the undisputed king in the field of video games as well, which makes it a hot favorite with Playstation, Nintendo and X-Box for online emulation and playability through a web browser. Flash allows byte-level preloading (which lets users track the progress of a game that’s loading), timeline animation, multi touch support, multi player games and can even read pixel data on webcams.

It may be true that HTML5 will get there soon enough and may be the next big thing of the future, but for now it looks like Flash is still the preferred software. Whether you’re a user looking for an enriching website experience or an organization keen on gaining an audience; that plugin is just what you need.


Source link

What Does a Web Developer Do?



1. Plan The Design And Functionality Of The Website



2. Create The Business Logic As Specified By The Customer




3. Implementing The Web Design



4. Testing, Testing, Testing



Would you believe – These 4 stages often takes place at the same time. Iterative development has become increasingly popular, meaning that parts of the website will most likely be tested while other parts of the site is still in development.

Modern web development include many different tasks, but it all starts with the fundamentals.


Source link

The Different Types of Programming Languages – Learn the Basics

The progression of computer programming languages was made possible by the programmer’s search for efficient translation of human language into something that can be read and understood by computers. The languages generated, called machine code, have high levels of abstraction, which hide the computer hardware and make use of representations that are more convenient to programmers.

As programs evolve and become more sophisticated, programmers found out that certain types of computer languages are easier to support. As expected in a dynamic discipline, there is no standard for categorizing the languages used in programming. There are, in fact, dozens of categories. One of the most basic ways to categorize the languages is through a programming paradigm, which gives the programmer’s view of code execution. Among the languages classifications according to programming paradigm are:

o Object-Oriented Programming Languages

Known as the newest and most powerful paradigms, object-oriented programming requires the designer to specify the data structures as well as the types of operations to be applied on those data structures. The pairing of data, and the operations that can be done on it is called an object. A program made using this language is therefore made up of a set of cooperating objects instead of an instructions list.

The most famous object-oriented programming these days are C#, C , Visual Basic, Java, and Python.

o Structured Programming Languages

An exceptional type of procedural programming, structured programming provides programmers with additional tools to handle the problems created by larger programs. When using this language, programmers are required to cut program structure into small pieces of code that can easily be understood. Instead of using global variables, it employs variables that are local to every subroutine. Among the popular features of structured programming is that it doesn’t accept GOTO statement which is usually associated with the top-down approach. Such approach starts with an opening overview of the system with minimal details about the various parts. To add these details, design iterations are then included to complete the design.

Commonly used structured languages include C, Pascal, and ADA.

o Procedural Programming Languages

Procedural Programming involves a list of operations the program needs to complete to be able to attain the preferred state. It is a simple programming paradigm where every program comes with a starting phase, a list of tasks and operations, and an ending stage. Also called imperative programming, this approach comes with small sections of code that perform certain functions. These sections are made up of procedures, subroutines, or methods. A procedure is made up of a list of computations that should be done. Procedural programming lets a part of the code to be used again without the need to make several copies. It achieves this by dividing programmatic tasks into small sections. Because of this, programmers are also capable of maintaining and understanding program structure.

Among the known procedural languages are BASIC and FORTRAN.

These are the different types of computer programming languages that you can consider when planning to make a computer program. Procedural programming splits the program’s source code into smaller fragments. Structured languages require more constraints in the flow and organization of programs. And object-oriented programs arrange codes and data structures into objects.


Source link

Software Interface Testing and Other Types of Software Testing

Software interface testing is just one among the many types of software testing that are used by software engineers for software development. Automated testing is one of the most common software test approaches these days. With this, engineers would not have to perform tests or quality assurance manually.

Nonetheless, automation of software test requires that a prior manual testing procedure should be set up and that this conforms to a formalized testing process. To automate the process, special software is used to control test executions, to ready pre-conditions or requirements for the test, and to compare actual outcomes to predicted results. While automated testing enables developers to save time and energy, manual testing is still needed for more complex tests. One of the testing methods that cannot be entirely automated is interface testing.

Interface testing is one of the most important software tests in assuring the quality of software products. In a nutshell, human beings are able to communicate with hardware through an interface. Interface is actually software that consists of sets of messages, commands, images, and other features that allow communication between a device and a user. Various companies use this type of software testing to make sure that their customers will not encounter any problem when using a particular software product once it is delivered to them. In addition, developers usually want their products to be supported by more than one language thus, their need to understand the interface. In this test, developers come up with changes or revisions and introduce these to a software application by taking note of the feedback from end-users. Usually, each end-user is assigned a specific task. During the course of this test, the program flow is checked and evaluated to determine if it matches the natural strategy of the user in navigating within the application. Moreover, this test determines which application areas are initially and usually accessed and its user-friendliness as well.

A moderator is often tasked to undertake this quality assurance test. Throughout the process, he does not need to communicate anything to the end-user. Rather, he will only be documenting or recording the reaction of the user towards the application. At the session’s end, he interviews the end-users and endorses their feedback to the software developer. This way, interface testing improves the software’s overall acceptance and the consumer’s user experience. Factors like functionality, performance speed, the time needed to use the program, the ease with which the user remembers using the program, user satisfaction, and the rate of user errors are the usual criteria that developers have for a well-designed user interface.

Other software testing types aside from interface testing include component testing, system testing, acceptance testing, and release testing. Component testing requires testing all individual components of software design. System testing, on the other hand, involves testing the functional and non-functional requirements of application systems. Acceptance testing evaluates and compares the system against pre-set requirements. Lastly, release testing is conducted to determine if a new system is compatible to the current technical environment.


Source link

HTML 101 – Tables Or Grids in HTML


Tables are one of the most important and powerful tools for any web page. Only the simplest of web sites can look right without the use of tables. A table is commonly used as a matrix or grid. They are also great for keeping text in line with pictures. Especially if the pictures vary in size, there may be no other way to get your page to look right. Many websites with multiple columns use tables within tables to keep everything lined up and separated neatly.

Tables in HTML seem to baffle people. But if you break them down into their components, they are really quite simple.

A Simple Table:

To tell the browser your are beginning a table, use the Table tag ().

Tables have rows and cells (columns).

To start a new row, use the tag

To start a new cell, use the tag.

To end a cell, use ; to end the row, use ; and to end the table use

Here is a simple 3×3 grid in HTML

NameSalaryMaritalSteve$200.00SingleMaria$275.00MarriedMaking the table look just right.

Using the example, above, the browser will make the table as small as possible to fit the material in. If you want to spread it out some more, you can adjust the table width by “hard-coding” the desired width in pixels, or by a percentage of available screen width.

will make the table span 80% of the available screen width.

will make the table span 400 Pixels wide.

You will want to be careful when forcing tables to be a certain width, because some people still have smaller screen resolutions and your tables may look awry.

You can make the individual columns (cells) different widths as a percentage of the table width, or fixed pixel width as well:

You can change the text alignment.

Large amounts of text or large images:

If the contents of the cells in your HTML table are of markedly different size, the text in the smaller of the cells will be aligned centered top to bottom. A very common reason for needing to fix the vertical alignment is if you have a caption or description in one column, and a large picture in the column next to it. If this does not look right, you can change the vertical alignment to make it line up at the top of the cell:

Table Borders in HTML

Left to their own devices, most web browsers will put a 1 pixel wide border around the cells by default. You can make a borderless table by specifying or you can make the border thicker by increasing the border. For example,

You can change the border color if you’d like. You can use plain English words for the border color, or the RGB function, but they may not work on all browsers. The safest way is to use the Hexadecimal notation for the actual color. This gives a finer control over the color.

Color Name: will make the border a dark blue color

RGB Function: will make a bright pink border

Hexadecimal: will make the border a lime green color

A good resource for HTML color names and their hexadecimal equivalents can be found at


This is only a basic introduction to HTML tables. You can do much, much more with tables. For example, you can define header rows that will stay in place when scrolling up and down on very long tables.

You can set the background color for the entire table.

You can change the background color of the individual cells, and much more.


Source link