Mod 2 Web Tech
Mod 2 Web Tech
A website can be static or dynamic. A static website's information does not change
automatically, which means it remains static or the same for all visitors of the site. A dynamic
website or webpage has information, which is generated in real-time and altered on the basis of
the viewer, the time zone, time of the day, and other aspects. For example, the Netflix website's
home page changes daily to provide visitors latest content as it is a dynamic web page.
1. One of the main limitations of the dynamic website is that it needs changes in a
certain period.
2. Automation technology is required by developers that are not easy to get.
3. To add to developers' budget for marketing, brand journalist or content marketing are
required to find or hire.
Advantages of CSS
CSS saves time - You can write CSS once and then reuse the same sheet in multiple HTML pages.
You can define a style for each HTML element and apply it to as many web pages as you want.
Pages load faster - If you are using CSS, you do not need to write HTML tag attributes every time.
Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So, less code means
faster download times.
Easy maintenance - To make a global change, simply change the style, and all the elements in all
the web pages will be updated automatically.
Superior styles to HTML - CSS has a much wider array of attributes than HTML, so you can give a
far better look to your HTML page in comparison to HTML attributes.
Multiple Device Compatibility - Style sheets allow content to be optimized for more than one type
of device. By using the same HTML document, different versions of a website can be presented for
handheld devices such as PDAs and cellphones or for printing.
Global web standards – Now HTML attributes are being deprecated and it is being recommended
to use CSS. So it’s a good idea to start using CSS in all the HTML pages to make them compatible
with future browsers.
Along with the browser, the applet also works on the client side, thus having less
processing time.
o init(): The init() method is the first method to run that initializes the applet. It can be
invoked only once at the time of initialization. The web browser creates the initialized
objects, i.e., the web browser (after checking the security settings) runs the init() method
within the applet.
o start(): The start() method contains the actual code of the applet and starts the applet. It
is invoked immediately after the init() method is invoked. Every time the browser is
loaded or refreshed, the start() method is invoked. It is also invoked whenever the applet
is maximized, restored, or moving from one tab to another in the browser. It is in an
inactive state until the init() method is invoked.
o stop(): The stop() method stops the execution of the applet. The stop () method is
invoked whenever the applet is stopped, minimized, or moving from one tab to another
in the browser, the stop() method is invoked. When we go back to that page, the start()
method is invoked again.
o destroy(): The destroy() method destroys the applet after its work is done. It is invoked
when the applet window is closed or when the tab containing the webpage is closed. It
removes the applet object from memory and is executed only once. We cannot start the
applet once it is destroyed.
o paint(): The paint() method belongs to the Graphics class in Java. It is used to draw
shapes like circle, square, trapezium, etc., in the applet. It is executed after the start()
method and when the browser or applet windows are resized.
1. init()
2. start()
3. paint()
1. stop()
2. destroy()
These methods are invoked by the browser automatically. There is no need to call them
explicitly.
DHTML
DHTML is used to create interactive and animated web pages that are generated in real-time,
also known as dynamic web pages so that when such a page is accessed, the code within the
page is analyzed on the web server and the resulting HTML is sent to the client’s web
browser.
DHTML is not a technology; rather, it is the combination of three different technologies,
client-side scripting (JavaScript or VBScript), cascading style sheets and document object
model.
Advantages:
Size of the files are compact in compared to other interactional media like Flash or
Shockwave, and it downloads faster.
It is supported by big browser manufacturers like Microsoft and Netscape.
Highly flexible and easy to make changes.
Viewer requires no extra plug-ins for browsing through the webpage that uses DHTML,
they do not need any extra requirements or special software to view it.
User time is saved by sending less number of requests to the server. As it is possible to
modify and replace elements even after a page is loaded, it is not required to create
separate pages for changing styles which in turn saves time in building pages and also
reduces the number of requests that are sent to the server.
It has more advanced functionality than a static HTML. it is capable of holding more
content on the web page at the same time.
Disadvantages:
It is not supported by all the browsers. It is supported only by recent browsers such as
Netscape 6, IE 5.5, and Opera 5 like browsers.
Learning of DHTML requires a lot of pre-requisites languages such as HTML, CSS, JS,
etc should be known to the designer before starting with DHTML which is a long and
time-consuming in itself.
Implementation of different browsers are different. So if it worked in one browser, it
might not necessarily work the same way in another browser.
Even after being great with functionality, DHTML requires a few tools and utilities that
are some expensive. For example, the DHTML text editor, Dreamweaver. Along with it
the improvement cost of transferring from HTML to DHTML makes cost rise much
higher.