Many of us often concentrate more on programming part rather than the subject but you need to no more than that .If you want only programs you can visit many websites but there are very few websites that provide the concept you need for HTML/CSS along with programming.I want make you understand what you're doing.so let's start with tutorial.
HYPERMEDIA :
A hypermedia document is a document with a format
that can be displayed online, in a browser. In practice, hypermedia documents
are often called HTML files, although they may contain many other types of
files.
HTML standards are set and maintained
by the World Wide Web
Consortium
HypermediaWWW(World Wide Web):
The Web, or World Wide Web, is the area of the Internet that
allow you to display text and graphics and play videos, and movies. With
appropriate equipment, we can even receive or broadcast live audio and video.
A set of html pages accessible using HTTP
Hyper Text Transfer Protocol- HTTP is the
protocol to exchange or transfer hypertext.
Hypertext is structured text
that uses logical links (hyperlinks) between nodes containing text.
Hyperlink
A
hyperlink, or link, usually appears as colored,
underlined text or a graphic on a Web page. A link is a
jumping-off point for moving from one subject to another.
HTML Web page authors require three
basic tools:
1.Computer
with graphics capabilities
2.Text
editor
3.Browser
software application.
HTML editors :
There are many types of HTML editors that are used for writing HTML code .But Two of them are mostly used .They Are :
1.Text editor
Text editor :
A text editor is a software application used to create and manipulate text, such as Notepad and WordPad. To start creating web pages, we do not need an expensive
software package but you do need some knowledge of HTML. We can create web
pages with a basic text editor like Windows Notepad.
Macromedia Homesite is a popular
text-based HTML editor.
WYSIWIG Editor :
WYSIWYG is generally an Acronym for "What You See is What You Get" .HTML editors do not require much HTML knowledge, they
tend to be expensive. These editors allows you to directly work in the
"design" or "preview" view instead of the code view.
There are several popular WYSIWYG editors available:
If you want to know more about HTML click here.
Features of Text Editor :
Better control. Because text-based
editors require knowledge of HTML, the developer has more control over what is
written to produce a web page. In some cases, a software package (like
FrontPage) may write proprietary code that may not be interpreted by all the brwosers.
Faster editing. we can quickly
change your code unlike WYSIWYG editors. WYSIWYG editors require, for example,
a lot of computer-resources to start-up or load/open a page.
More flexibility. we can edit your
code directly at the desired location. This cannot be always done with WYSIWYG
editors.
Features of WYSIWYG editors :
Support for other
scripting languages.
WYSIWYG editors provide advanced features to code in other
programming/scripting languages such as JavaScript, XHTML, ASP/ASP.NET, PHP,
and JSP.
Faster/simplified
development. WYSIWYG
editors allows you to develop pages quickly as the software writes the
necessary code in response to the layout you design for your web page.
Better organization. Dreamweaver, for
instance, allows you to define a site folder that contains all the files that
make up the website. By defining a local site folder, you have many advantages
including moving of files (without breaking links), searching of a particular term
or tag in the entire site (without having the file open!), and FTP support to
move only changed or new files to the server.
In the next lesson we are going to create an HTML document and execute it .If you need any reference of specific topic you can contact me or provide names of topic in comments section below.Thanks for reading .


