Crating Profile Page Part 27

This is basis learning HTML 5, following up this video tutorial is here to teach all those new to wed desin.



Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.

Elements of Web Design



Web design uses many of the same key visual elements as all types of design such as:



Layout: This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design.



Colour: The choice of colours depends on the purpose and clientele; it could be simple black-and-white to multi-coloured design, conveying the personality of a person or the brand of an organization, using web-safe colours.



Graphics: Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load.



Fonts: The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as "web-safe fonts", so your designer will generally work within this widely accepted group.



Content: Content and design can work together to enhance the message of the site through visuals and text. Written text should always be relevant and useful, so as not to confuse the reader and to give them what they want so they will remain on the site. Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords.

Creating User-Friendly Web Design



Besides the basic elements of web design that make a site beautiful and visually compelling, a website must also always consider the end user. User-friendliness can be achieved by paying attention to the following factors.



Navigation: Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require.



Multimedia: Relevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage.



Compatibility: Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing.



Technology: Advancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional.



Interactive: Increase active user participation and involvement, by adding comment boxes and opinion polls in the design. Convert users from visitors to clients with email forms and newsletter sign-ups.



Toronto web design professionals create excellent User Interface (UI) Design for a satisfying web experience. They use critical planning and analysis for the design and they pay attention to individual client specifications, converting the intricate process into a simple and elegant piece of art.



see www.owoct.com

Read More

Validation of Login Page Part 25

This is basis learning HTML 5, following up this video tutorial is here to teach all those new to wed desin.

Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.
Elements of Web Design

Web design uses many of the same key visual elements as all types of design such as:

Layout: This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design.

Colour: The choice of colours depends on the purpose and clientele; it could be simple black-and-white to multi-coloured design, conveying the personality of a person or the brand of an organization, using web-safe colours.

Graphics: Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load.

Fonts: The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as "web-safe fonts", so your designer will generally work within this widely accepted group.

Content: Content and design can work together to enhance the message of the site through visuals and text. Written text should always be relevant and useful, so as not to confuse the reader and to give them what they want so they will remain on the site. Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords.
Creating User-Friendly Web Design

Besides the basic elements of web design that make a site beautiful and visually compelling, a website must also always consider the end user. User-friendliness can be achieved by paying attention to the following factors.

Navigation: Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require.

Multimedia: Relevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage.

Compatibility: Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing.

Technology: Advancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional.

Interactive: Increase active user participation and involvement, by adding comment boxes and opinion polls in the design. Convert users from visitors to clients with email forms and newsletter sign-ups.

Toronto web design professionals create excellent User Interface (UI) Design for a satisfying web experience. They use critical planning and analysis for the design and they pay attention to individual client specifications, converting the intricate process into a simple and elegant piece of art.

see www.owoct.com

Read More

Creating DataBase for Login Part 23

This is basis learning HTML 5, following up this video tutorial is here to teach all those new to wed desin.



Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific purpose. Web design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end-users can access through the internet with the help of a web browser.

Elements of Web Design



Web design uses many of the same key visual elements as all types of design such as:



Layout: This is the way the graphics, ads and text are arranged. In the web world, a key goal is to help the view find the information they seek at a glance. This includes maintaining the balance, consistency, and integrity of the design.



Colour: The choice of colours depends on the purpose and clientele; it could be simple black-and-white to multi-coloured design, conveying the personality of a person or the brand of an organization, using web-safe colours.



Graphics: Graphics can include logos, photos, clipart or icons, all of which enhance the web design. For user friendliness, these need to be placed appropriately, working with the colour and content of the web page, while not making it too congested or slow to load.



Fonts: The use of various fonts can enhance a website design. Most web browsers can only read a select number of fonts, known as "web-safe fonts", so your designer will generally work within this widely accepted group.



Content: Content and design can work together to enhance the message of the site through visuals and text. Written text should always be relevant and useful, so as not to confuse the reader and to give them what they want so they will remain on the site. Content should be optimized for search engines and be of a suitable length, incorporating relevant keywords.

Creating User-Friendly Web Design



Besides the basic elements of web design that make a site beautiful and visually compelling, a website must also always consider the end user. User-friendliness can be achieved by paying attention to the following factors.



Navigation: Site architecture, menus and other navigation tools in the web design must be created with consideration of how users browse and search. The goal is to help the user to move around the site with ease, efficiently finding the information they require.



Multimedia: Relevant video and audio stimuli in the design can help users to grasp the information, developing understanding in an easy and quick manner. This can encourage visitors to spend more time on the webpage.



Compatibility: Design the webpage, to perform equally well on different browsers and operating systems, to increase its viewing.



Technology: Advancements in technology give designers the freedom to add movement and innovation, allowing for web design that is always fresh, dynamic and professional.



Interactive: Increase active user participation and involvement, by adding comment boxes and opinion polls in the design. Convert users from visitors to clients with email forms and newsletter sign-ups.



Toronto web design professionals create excellent User Interface (UI) Design for a satisfying web experience. They use critical planning and analysis for the design and they pay attention to individual client specifications, converting the intricate process into a simple and elegant piece of art.



see www.owoct.com

Read More

Custom CSS input form Part 4

This video tutorial will teach you the basis of CSS and how you can use it to create customized form for your website. it is a step-by-step video that you can watch and you will be able to create different kinds of forms.

While we do our best to give our users a lot of smart defaults to help their forms looks great right from the start, we know some users like to dress things up a bit. In fact, we encourage our users to customize their forms using our Theme Designer so they can match the look and feel of their site’s branding.

Read More

Custom CSS input form Part 3

This video tutorial will teach you the basis of CSS and how you can use it to create customized form for your website. it is a step-by-step video that you can watch and you will be able to create different kinds of forms.

While we do our best to give our users a lot of smart defaults to help their forms looks great right from the start, we know some users like to dress things up a bit. In fact, we encourage our users to customize their forms using our Theme Designer so they can match the look and feel of their site’s branding.

Read More

Custom CSS input form Part 2

This video tutorial will teach you the basis of CSS and how you can use it to create customized form for your website. it is a step-by-step video that you can watch and you will be able to create different kinds of forms.

While we do our best to give our users a lot of smart defaults to help their forms looks great right from the start, we know some users like to dress things up a bit. In fact, we encourage our users to customize their forms using our Theme Designer so they can match the look and feel of their site’s branding.

Read More

Custom CSS input form Part 1

This video tutorial will teach you the basis of CSS and how you can use it to create customized form for your website. it is a step-by-step video that you can watch and you will be able to create different kinds of forms.

While we do our best to give our users a lot of smart defaults to help their forms looks great right from the start, we know some users like to dress things up a bit. In fact, we encourage our users to customize their forms using our Theme Designer so they can match the look and feel of their site’s branding.

Read More

How to Embedding PHP in HTML

Embedding PHP in HTML

You embed PHP code into a standard HTML page. For example, here's how you can dynamically generate the title of an HTML document:

<html><head><title><?echo $title?></title>
</head>...

The <?echo $title?> portion of the document is replaced by the contents of the $title PHP variable. echo is a basic language statement that you can use to output data.

There are a few different ways that you can embed your PHP code. As you just saw, you can put PHP code between <? and ?> tags:

<? echo "Hello World"; ?>

This style is the most common way to embed PHP, but it is a problem if your PHP code needs to co-exist with XML, as XML may use that tagging style itself. If this is the case, turn off this style in the php.ini file with the short_open_tag directive. Another way to embed PHP code is within <?php and ?> tags:

<?php echo "Hello World"; ?>

This style is always available and is recommended when your PHP code needs to be portable to many different systems. Embedding PHP within<script> tags is another style that is always available:

<script language="php" > echo "Hello World";
</script>

One final style, in which the code is between <% and %> tags, is disabled by default:

<% echo "Hello World"; %>

You can turn on this style with the asp_tags directive in your php.ini file. The style is most useful when you are using Microsoft FrontPage or another HTML authoring tool that prefers that tag style for HTML-embedded scripts.

You can embed multiple statements by separating them with semicolons:

<?php
  echo "Hello World";
  echo "A second statement";
?>

It's legal to switch back and forth between HTML and PHP at any time. For example, if you want to output 100 <br /> tags for some reason, you can do it:

<?php for($i=0; $i<100; $i++) { ?>
  <br />
<?php } ?>

Of course, using the str_repeat( ) function here would make more sense.
When you embed PHP code in an HTML file, you need to use the .php file extension for that file, so that your web server knows to send the file to PHP for processing. Or, if you have configured your web server to use a different extension for PHP files, use that extension instead.
When you have PHP code embedded in an HTML page, you can think of that page as a PHP program. The bits and pieces of HTML and PHP combine to provide the functionality of the program. A collection of pages that contain programs can be thought of as a web application.

Including Files

An important feature of PHP is its ability to include files. These files may contain additional PHP tags. When you are designing a web application, you can break out common components and place them in a single file. This step makes it much easier to change certain aspects in one place later, and have the change take effect across the entire application. To include a file, use the include keyword:

<?php
    $title="My Cool Web Application";
    include "header.inc";
?>

The header.inc file might look as follows:

<html><head>
<title><?php echo $title?></title>
</head>

This example illustrates two important concepts of included files in PHP. First, variables set in the including file are automatically available in the included file. Second, each included file starts out in HTML mode. In other words, if you want to include a file that has PHP code in it, you have to embed that code just as you would any other PHP code.
Note also that I used the .inc extension here. This is not a special file type, just an arbitrary extension name I chose. Since your Apache server is not set up to treat .inc files as PHP files, if you put this file somewhere under your document_root, people can browse to it and see the PHP source in that file directly. This is usually not a good idea, so I add these lines to my httpd.conf file:

<Files ~ "\.inc$">
  Order allow,deny
  Deny from all
</Files>

This blocks any direct access to .inc files. The other option is to not put the files under document_root, or perhaps to name them .php instead. But be careful with that last approach. Keep in mind that people will then be able to execute these scripts, when they were probably not designed to be executed in a standalone fashion.Other ways to include files are through include_once, require, and require_once. The difference between include and require is simply that withinclude, if the file to be included does not exist, you get a warning, whereas with require you get a fatal error and script execution stops. Theinclude_once and require_once variations ensure that the file being included has not been included already. This helps avoid things like function redefinition errors.

in other to understand this concept very well users will need to to download this video to have a good view of what the process are. do not forget to subscribe to our youtube channel for more updates from ogbugbu web development service click here to go to official website.

Read More

Print Statement

Outputs 

print is not actually a real function (it is a language construct) so you are not required to use parentheses with its argument list.

this is an example from PHP website

Example #1 print examples

<?phpprint("Hello World");

print "print() also works without parentheses.";

print "This spans
multiple lines. The newlines will be
output as well";

print "This spans\nmultiple lines. The newlines will be\noutput as well.";

print "escaping characters is done \"Like this\".";
// You can use variables inside a print statement$foo = "foobar";$bar = "barbaz";

print "foo is $foo"; // foo is foobar

// You can also use arrays$bar = array("value" => "foo");

print "this is {$bar['value']} !"; // this is foo !

// Using single quotes will print the variable name, not the valueprint 'foo is $foo'; // foo is $foo

// If you are not using any other characters, you can just print variablesprint $foo;          // foobar
print <<<ENDThis uses the "here document" syntax to output
multiple lines with $variable interpolation. Note
that the here document terminator must appear on a
line with just a semicolon no extra whitespace!END;?>


in other to understand this concept very well users will need to to download this video to have a good view of what the process are. do not forget to subscribe to our youtube channel for more updates from ogbugbu web development service click here to go to official website.

Read More

Outputting HTML codes in PHP

This a process of printing out html codes in php.

In trying to write an echo statement to the page that puts a textarea on the page with a red color for the text.

Normal HTML code would like this and my text would be in red

<textarea style="color:#FF0000;" name="message">Please Enter</textarea>

Now I have tried this and I can't get it to work (it is part of a bigger script I have just trimmed it down for this example.)

<?php
{echo '<textarea style=\\"color:#FF0000;\\" name=\\"message\\">Please Enter</textarea>';}
?>

in other to understand this concept very well users will need to to download this video to have a good view of what the process are. do not forget to subscribe to our youtube channel for more updates from ogbugbu web development service click here to go to official website.

Read More

Introduction to PHP

Any PHP script is built out of a series of statements. A statement can be an assignment, a function call, a loop, a conditional statement or even a statement that does nothing (an empty statement). Statements usually end with a semicolon. In addition, statements can be grouped into a statement-group by encapsulating a group of statements with curly braces. A statement-group is a statement by itself as well. The various statement types are described in this chapter.

in other to understand this concept very well users will need to to download this video to have a good view of what the process are. do not forget to subscribe to our youtube channel for more updates from ogbugbu web development service click here to go to official website.

Read More

Decision making in PHP Talking about elseif/else if Statement

else if,  or if else as its name suggests, is a combination of if and else. Like else, it extends an if statement to execute a different statement in case the original if expression evaluates to FALSE. However, unlike else, it will execute that alternative expression only if the elseif conditional expression evaluates to TRUE. For example, the following code would display a is bigger than b, a equal to b or a is smaller than b:

<?phpif ($a > $b) {
    echo "a is bigger than b";
} elseif ($a == $b) {
    echo "a is equal to b";
} else {
    echo "a is smaller than b";
}?>

There may be several elseifs within the same if statement. The first elseif expression (if any) that evaluates toTRUE would be executed. In PHP, you can also write 'else if' (in two words) and the behavior would be identical to the one of 'elseif' (in a single word). The syntactic meaning is slightly different (if you're familiar with C, this is the same behavior) but the bottom line is that both would result in exactly the same behavior.

The elseif statement is only executed if the preceding if expression and any preceding elseif expressions evaluated to FALSE, and the current elseif expression evaluated to TRUE.

in other to understand this concept very well users will need to to download this video to have a good view of what the process are. do not forget to subscribe to our youtube channel for more updates from ogbugbu web development service click here to go to official website.

Read More

Comments in PHP

 /**
   * Photos
   * 
   * 
   * @package    CI
   * @subpackage Controller
   * @author     YOUR NAME <YOUREMAIL@domain.com>
   */
  class Photos extends CI_Controller
  {

      /**
       * 
       * Uploads a file
       *
       * @param string $file_name  description
       * @param string $new_name  description
       * @param integer $new_width  description
       * @param integer $new_height  description
       * @param string $directory  description
       * @return boolean
       */
      public function upload($file_name, $new_name, $new_width, new_$height, $directory)
      {

      }
   }

Above is a simple file upload script illustrating php comment, and this is the commented area of that script

/**
   * Photos
   * 
   * 
   * @package    CI
   * @subpackage Controller
   * @author     YOUR NAME <YOUREMAIL@domain.com>
   */

in other to understand this concept very well users will need to to download this video to have a good view of what the process are. do not forget to subscribe to our youtube channel for more updates from ogbugbu web development service click here to go to official website.

Read More