web designing/ history:
- In 1996, Microsoft released its
first competitive browser, which was complete with its own features and tags.
The html
markup for table was
originally intended for displaying tabular data. HTML sites were limited in
their design options, even more so with earlier versions of HTML. To create
complex designs, many web designers had to use complicated table structures or
even use blank spacer .Gif images to stop empty table cells from
collapsing.CSS was introduced in December 1996 by the W3Cto support
presentation and layout.
- In
1996, Flash (originally known as Future Splash) was developed. At the
time, the Flash content development tool was relatively simple compared to now,
using basic layout and drawing tools, a limited precursor to Action
Script, and a timeline, but it enabled web designers to go beyond the point of
HTML, animated GIF sand JavaScript.
what is web designing and why we choose this?
Website Designers can convert any
existing or new website design into live Site using simple copy & paste.
Website Designers can create
unlimited page styles and layouts to create totally custom site areas within
the same website.
Website Designers can speed
delivery of any website project using our built-in design themes.
No software modules to install,
databases to setup, or web servers to configure for the Website Designer, so
adding interactive features to your website is easy.
Professional help is available to
build any type of feature or customize the software to meet a Website
Designer's specific requirements.
Website Designers only need to
learn how to use one tool to build any type of website for your clients.
Main part of web designing
n HTML
n CSS
n Photoshop
n Coral draw
n Java script
n flash
Areas of a Web Page
HTML
n HTML stands for Hyper Text Markup Language
n HTML is a markup language
n A markup language is a set of markup tags
n The tags describe document content
n HTML documents contain HTML tags and plain text
n HTML documents are also called web pages
CSS
nCSS stands
for Cascading Style Sheets
nStyles define how to
display HTML elements
nStyles were added to HTML
4.0 to solve a problem
nExternal Style Sheets can
save a lot of work
nExternal Style
Sheets are
stored in CSS files
PHOTOSHOP
nImage editing program
nShows images as bitmaps
nBitmap =
arrangement of dots (pixels) on grid
nDon’t confuse bitmap with file
type called .bmp - just a descriptive term
nPixel = “Picture element” - smallest unit of
an image
nSize of pixel depends on resolution
nTypical web image: 72 dpi
nTypical print image: 300 dpi or hgher
nEnd result can be saved in variety of ways:
.bmp, .jpeg, .gif, .tif
JAVA SCRIPT
nJavaScript is used in millions of Web pages to
improve the design, validate forms, detect browsers, create cookies, and much
more.
nJavaScript is the most popular scripting
language on the internet, and works in all major browsers, such as Internet
Explorer, Mozilla, Firefox, Netscape, Opera.
CORAL DRAW
Corel
DRAW is a vector illustration program. Images are displayed on the
computer screen as pixels.
How the program treats the pixels is determined by
whether the image is defined as a vector or a
bitmap. A bitmap file defines the
position, color and size of each pixel. A vector program defines a line
of
pixels and treats them as a single object. To change an object in a bitmap, you
must change all the
pixels, so if a red box on a blue background needs to be
smaller, you have to re-create a smaller red
box and change the pixels where
the box was to the blue background. When you have a vector
image, you redefine
the size and location of the lines. Each object is independent of the others
and can be manipulated as needed.
FLASH
n Hopefully by the time you have
completed this course you will have enough understanding of Flash that you can
start to use it in your projects. Adding a bit of flash to your website can
make it look good, but becarful to not go to wild with it as
things can become slower and flash is the not the best to get good ranking
nThings you will need for this
course.
nInternet Connection
n Lots of obsession time
§
.jpg)