http://www.iteachweb.net/ Create a website, Learn how to build your website, free video tutorials. video training, teach yourself dreamweaver and more... Wed, 10 Mar 2010 00:03:10 EST http://backend.userland.com/rss092 en Chances are that you've used the Web, perhaps even a lot. However, you might not have done a lot of thinking about how it works under the covers. In this first section, I'm going to describe the Web at a more theoretical level so that you can understand how it works as a platform. http://www.iteachweb.net/title_How+the+World+Wide+Web+Works.html A web browser is the program you use to view pages and navigate the World Wide Web. A wide array of web browsers is available for just about every platform you can imagine. Most browsers are freeware or shareware (try before you buy) or have a lenient licensing policy. http://www.iteachweb.net/title_Web+Browsers.html To view and browse pages on the Web, all you need is a web browser. To publish pages on the Web, you need a web server. http://www.iteachweb.net/title_Web+Servers.html URL is a pointer to some bit of data on the Web, be it a web document, a file available via FTP, a posting on Usenet, or an email address. The URL provides a universal, consistent method for finding and accessing information. http://www.iteachweb.net/title_Uniform+Resource+Locators.html Before we start in the writing web pages. You have to know what HTML can do and what it can't do. http://www.iteachweb.net/title_Introduction+to+HTML.html HTML defines three tags that are used to describe the page's overall structure and provide some simple header information. http://www.iteachweb.net/title_Structuring+Your+HTML.html In order to get started with links, you should see one basic example. Once you know the basics of linking, there is still a lot more to learn, but this one example will get you a long way. http://www.iteachweb.net/title_Basic+Links.html Character-level elements are tags that affect words or characters within other HTML entities and change the appearance of that text so that it's somehow different from the surrounding textmaking it bold or underlined. http://www.iteachweb.net/title_Character-Level+Elements.html Images are usually added to a site using the <img> element. http://www.iteachweb.net/title_Adding+Images+Using+the+img+Element.html In order to work with tables, you need to start thinking in grids. Tables, just like spreadsheets, are made up of rows and columns. http://www.iteachweb.net/title_Introducing+Tables.html We already talked about the advantages of using CSS into webpages, That's can take the control of the all page with all its elements. So Let's see the ways that an CSS file can be added to webpages. http://www.iteachweb.net/title_Adding+CSS+to+pages.html Almost every time you want to collect information from a visitor to your site you need to use a form. You have probably used several different kinds of forms on different Web sites, from simple search boxes that allow you to enter keywords in order to find what you are looking for to complex forms that allow you to order groceries or book a holiday online. http://www.iteachweb.net/title_Understanding+Forms.html There are two tags that are used to embed multimedia files in web pages <object> and <embed>. The <embed> tag was introduced by Netscape to enable files that require plug-ins to view within a web page. The <embed> tag indicates that Netscape-style plug-ins (multimedia primarily) should be used to view embedded media. Unfortunately, <embed> isn't sanctioned by the World Wide Web Consortium (W3C) and can't be found in the official HTML standard. http://www.iteachweb.net/title_Embed+Sound+and+Video.html Frames divide a browser window into several pieces or panes, each pane containing a separate HTML page. One of the key advantages that frames offer is that you can then load and reload single panes without having to reload the entire contents of the browser window. A collection of frames in the browser window is known as a frameset. http://www.iteachweb.net/title_Introduction+to+frames.html The Extensible Hypertext Markup Language, or XHTML, is a markup language that has the same depth of expression as HTML, but also conforms to XML syntax. http://www.iteachweb.net/title_From+HTML+to+XHTML.html Pages written in HTML are plain text files (ASCII), which means that they contain no platform- or program-specific information. Any editor that supports text can read them. http://www.iteachweb.net/title_Inside+an+HTML+file.html Open your text editor and type the following code. You don't have to understand what any of it means at this point. This simple example is just to get you started. http://www.iteachweb.net/title_Creating+Your+First+HTML+Page.html Cascading style sheets (CSS) is a language that works with HTML documents to define the way content is presented. http://www.iteachweb.net/title_Intergrate+CSS.html Each HTML page needs a title to indicate what the page describes. It appears in the title bar of the browser when people view the web page. http://www.iteachweb.net/title_The+title.html Headings are used to add titles to sections of a page. HTML defines six levels of headings. http://www.iteachweb.net/title_Headings.html Now that you have a page title and several headings, you can add some ordinary paragraphs to the page. http://www.iteachweb.net/title_Paragraphs.html You have probably seen links on many sites that show an e-mail address, and you have probably noticed that clicking one of these links will opens a new e-mail in your default e-mail program, ready for you to send an e-mail to that address. http://www.iteachweb.net/title_Linking+to+E-mail+Addresses.html If you have a long Web page, you might want to link to a specific part of that page. http://www.iteachweb.net/title_Destination+Anchor.html There are many reasons why you might want to add a list to your pages, from putting your five favorite albums on your home page to including a numbered set of instructions for visitors to follow. http://www.iteachweb.net/title_Lists.html You can put comments into HTML pages to describe the page itself or to provide some kind of indication of the status of the page. http://www.iteachweb.net/title_comments.html List of tags we used in previous sections. http://www.iteachweb.net/title_Tags+Summary.html In this section we talking about using the style attribute which can be used with most tags. It a way to control how the browser renders HTML tags (or elements, as they're called in standards documents). http://www.iteachweb.net/title_Formatting+Using+CSS.html The one exception to this rule is the preformatted text tag pre. Any white space that you put into text surrounded by the pre and /pre tags is retained in the final output. With these tags, the spacing in the text in the HTML source is preserved when it's displayed on the page. http://www.iteachweb.net/title_Preformatted+Text.html The hr tag, which has no closing tag in HTML and no text associated with it, creates a horizontal line on the page. Rule lines are used to visually separate sections of a web page just before headings, for example, or to separate body text from a list of items. http://www.iteachweb.net/title_Horizontal+Rules.html The br tag breaks a line of text at the point where it appears. When a web browser encounters a br tag, it restarts the text after the tag at the left margin. http://www.iteachweb.net/title_Line+Break.html The address tag address is used for signature-like entities on web pages. http://www.iteachweb.net/title_Addresses.html The blockquote tag is used to create an indented block of text within a page. http://www.iteachweb.net/title_Quotations.html Text alignment is the capability to arrange a block of text, such as a heading or a paragraph, so that it's aligned against the left margin (left justification, the default), aligned against the right margin (right justification), or centered. http://www.iteachweb.net/title_Text+Alignment.html The font tag is used to control the characteristics of a given set of characters not covered by the character styles. http://www.iteachweb.net/title_Fonts+and+its+attributes.html Some special characters don't come from the set of extended ASCII characters. For example, quotation marks and ampersands can be presented on a page using character entities even though they're found within the standard ASCII character set. http://www.iteachweb.net/title_Special+Characters.html When building almost any Web site, you will want to add color to your pages, and there are a lot of ways in which you can add color. http://www.iteachweb.net/title_Adding+Color+to+Your+Site.html rather than simply a solid-colored background. When you use an image for a background, that image is tiled; that is, it's repeated in rows to fill the browser window. http://www.iteachweb.net/title_adding+Image+Backgrounds.html Now that you've seen how basic tables work, this section describes the elements in a little more detail, introducing the attributes they can carry. With these attributes, you can create more sophisticated table layouts. http://www.iteachweb.net/title_Basic+Table+Elements+and+Attributes.html Tables can be divided into three portions: a header, a body, and a foot. The head and foot are rather similar to headers and footers in a word-processed document that remain the same for every page, while the body is the main content of the table. http://www.iteachweb.net/title_Splitting+up+Tables+Using+a+Head+Body+and+Foot.html As you saw when looking at the td and th elements, both can carry an attribute that allows the table to span more than one column. http://www.iteachweb.net/title_Spanning+Columns+Using+the+colspan+Attribute.html The rowpsan attribute does much the same thing as the colspan attribute, but it works in the opposite direction; it allows cells to stretch vertically across cells. http://www.iteachweb.net/title_Spanning+Rows+Using+the+rowspan+Attribute.html Any tag can serve as a CSS selector, and the rules for that selector will be applied to all instances of that tag on the page. You can add a rule to the b tag that sets the font weight to normal if you choose to do so, or italicize every paragraph on your page by applying a style to the p tag. http://www.iteachweb.net/title_CSS+Selectors.html One of the most confusing aspects of CSS is the unit of measure it provides. Four types of units can be specified in CSS: length units, percentage units, color units, and URLs. But we will talk here just about the length and percentage units. http://www.iteachweb.net/title_units+of+measure.html These properties are used to position elements, control the white space around them, and to apply effects such as borders to them. They're referred to as box properties, because they work on box-shaped regions of the page. http://www.iteachweb.net/title_Box+Properties.html This section covers the different types of form controls that you can use to collect data from a visitor to your site. You will see: http://www.iteachweb.net/title_Form+Controls.html Get an idea of some types of forms with different ways that you can present your form to your visitor. http://www.iteachweb.net/title_Form+design+templates.html Before I show you what frames are capable of, I should mention that whether you use them is very much a matter of taste. A lot of beginners use frames in their sites, particularly creating one for navigation and the other for content. But then as they learn more about HTML and XHTML they tend to move toward using tables for layout and, increasingly, CSS. http://www.iteachweb.net/title_When+to+Use+Frames.html The <frameset> element replaces the <body> element in frameset documents. It is the attributes of the <frameset> element that specify how the browser window will be divided up into rows and columns; these attributes are as follows: http://www.iteachweb.net/title_The+frameset+Element.html The Flash author tool that you will use to create your flash video can produce the HTML to embed your movies within a page for you, but It is code to know how to create it manually as well. Here's a template for embedding a Flash movie. http://www.iteachweb.net/title_Embedding+Flash+Movies.html The frame element indicates what goes in each frame of the frameset. The frame element is always an empty element, and therefore should not have any content, although each <frame> element should always carry one attribute, src, to indicate the page that should represent that frame. http://www.iteachweb.net/title_The+frame+Element.html If a user's browser does not support frames (an increasingly rare eventuality these days), the contents of the <noframes> element should be displayed to the user. http://www.iteachweb.net/title_The+noframes+Element.html One of the most popular uses of frames is to place navigation bars in one frame and then load the pages with the content into a separate frame. This is particularly helpful in three situations: http://www.iteachweb.net/title_Creating+Links+Between+Frames.html PHP (recursive acronym for "PHP: Hypertext Preprocessor") is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://www.iteachweb.net/title_Introduction+to+PHP.html Before we get started coding with PHP I suggest to check the instruction page to see what you have to do to be able to run PHP in your computer. and the tools that you will need to code the examples that you will meet on each lesson. http://www.iteachweb.net/title_Get+started+with+PHP.html Variables are used for storing values, such as numbers, strings or function results, so that they can be used many times in a script. We will now return to the point, know and use different variables. http://www.iteachweb.net/title_PHP+variables.html The easiest way to understand this variables is to write the following code and run it in your browser. http://www.iteachweb.net/title_PHP+variables+of+environment.html Maybe you have already seen a script and you've noticed things like, http://www.iteachweb.net/title_PHP+conditions.html Loops allow you to browse a wealth of information stored in a table, a text file, a database and display them or treat them. http://www.iteachweb.net/title_PHP+Looping.html A cookie is often used to identify a user. Cookies must be sent before any calls or other html output. They are stored on the computer of your visitor, and can insert a small amount of information. http://www.iteachweb.net/title_PHP+Cookies.html We will now learn how to manipulate dates in various formats and how to display them. http://www.iteachweb.net/title_PHP+working+with+dates.html There are tow types of arrays nominatives and associative to create an array we will use the array() function. http://www.iteachweb.net/title_PHP+working+with+arrays.html You may need to work with text files to store various information for your site, this course will serve to better understand the various uses of functions. http://www.iteachweb.net/title_PHP+working+with+files.html You will discover in this course how to manipulate strings and the list of functions. http://www.iteachweb.net/title_PHP+play+with+strings.html You've already seen the declaration of a variable, manipulations and others, here you will learn how to retrieve and verify data forms. http://www.iteachweb.net/title_PHP+and+Forms.html in this lesson like the title says, you will learn how to send emails with PHP, We will use the mail() function to do it. the basic command is like the next example. http://www.iteachweb.net/title_Send+emails+with+PHP.html The include() statement includes and evaluates the specified file, it lets you insert a page or more in a single chosen php page. http://www.iteachweb.net/title_The+include+statement.html This is the beginning of when you will start love PHP and make MySQL as your friend when thinking about building dynamic websites :-), we will start working with data bases. http://www.iteachweb.net/title_Get+started+with+MySQL.html update and delete are two functions that will serve you in your future applications. http://www.iteachweb.net/title_MySQL+update+and+delete.html The WHERE clause, if given, indicates the condition or conditions that rows must satisfy to be selected. where_condition is an expression that evaluates to true for each row to be selected. The statement selects all rows if there is no WHERE clause. http://www.iteachweb.net/title_The+WHERE+clause.html I am listing here some mysql functions and their descriptions that you will be using during the courses and the example that we will cover later. http://www.iteachweb.net/title_MySQL+functions.html On this lesson you will learn in details how you can create your own guestbook application using PHP and MySQL. http://www.iteachweb.net/title_guestbook+script.html The goal from this lesson is not to build a websites directory but to show you how a search request works, so it will be easy and detailed, we will see later how to code a complex script. http://www.iteachweb.net/title_websites+directory+script.html We will take the guestbook as an example and imagine that you have over 1000 messages in your data base, how you can display them in one page (it will be a very very long page). http://www.iteachweb.net/title_Multiple+pages+with+PHP.html Yes! we will now create something better it is a mini forum application, thats has a subject and response submit. http://www.iteachweb.net/title_create+your+forum+with+php.html