Introduction
Introduction
At present world we cannot think a day without using of internet. In every sector of our life is now linked with internet. Internet makes our life so easy. Web site is main component of this internet. We can see, learn, and listen everything via internet by this website. There are three types of website we often see those are Static website, Dynamic website and Interactive website. Usually static website produced by only HTML on the other hand Interactive and dynamic websites are often described result of JavaScript.
https://tsd1303602.wordpress.com/
https://tsd1303602.wordpress.com/2014/08/28/javascript/
https://tsd1303602.wordpress.com/2014/09/01/css/
https://tsd1303602.wordpress.com/2014/09/01/html/
https://tsd1303602.wordpress.com/2014/08/28/dynamic-web-site/
https://tsd1303602.wordpress.com/2014/08/28/static-web-site/
https://tsd1303602.wordpress.com/2014/08/28/interactive-web-site/
https://tsd1303602.wordpress.com/2014/08/28/24/
CSS
CSS:
CSS is a style Sheet language which is use to do effects, look, formatting those documents written with the mark up language like HTML. The code of this CSS looks like –
To modify this table-
|
Number |
First Name |
Last Name |
Points |
|
1 |
Habib |
Azam |
51 |
|
2 |
Amit |
Khan |
53 |
|
3 |
Mitul |
Das |
54 |
|
4 |
Iram |
Shehzad |
59 |
|
5 |
Sushil |
Poudel |
57 |
<table>
<thead>
<tr><th>Name</th><th>Alias</th></tr>
</thead>
<tbody>
<tr><td>Amit Khan</td><td>Web Design / HTML Guide</td></tr>
<tr><td>Habib Azam</td><td>PC Hardware / Reviews Guide</td></tr>
<tr><td>Sushil Poudek</td><td>Moe</td></tr>
<tr><td>Iram Shehzad</td><td>Kinkin</td></tr>
</tbody>
</table>
If need to add border and cells then need to just add-
table { margin: 1em; }
td, th { padding: .3em; border: 1px #ccc solid;
there are so many effects can be do by using of CSS.
source
HTML
HTML the abbreviation is Hyper Text Markup Language. HTML is a language which contains with Markup language and that utilizes as markup labels to create site pages. this is the basic of web design. HTML is looks like –
|
Number |
First Name |
Last Name |
Points |
|
1 |
Habib |
Azam |
51 |
|
2 |
Amit |
Khan |
53 |
|
3 |
Mitul |
Das |
54 |
|
4 |
Iram |
Shehzad |
59 |
|
5 |
Sushil |
Poudel |
57 |
<Html>
<Head>
<table style=”width:100%”>
<tr>
<td>Amit</td>
<td>Habib</td>
<td>50</td>
</tr>
<tr>
<td>Mitul</td>
<td>Iram</td>
<td>94</td>
</tr>
</table>
</body>
</html>
This is basic language of Static Web Site
Difference between Static, Dynamic and Interactive Web site
Difference between Static, Dynamic and interactive web sites
There are many differences is stands between static, dynamic and interactive web site. There are –
| Static Web site | Dynamic Web site | Interactive Web site |
|
|
|
Features, advantages and disadvantages of Interactive webpage
There are some features of Interactive Webpage that are-
- Response form
- E-mail addresses
- Web link
- E-commerce facilities
- Private areas
- Image roll over
- Interactive menu
- Java script
Now days there are many uses of this interactive websites. Such as
- By using this interactive websites now user can upload any video, documents, image, games on you tube.
- For this interactive website it is become easy to use social media with lots of options like- share, like, comment etc
Chat 
Call
Share
Profile Picture
Facebook and MSN is the best example of the interactive web site.
There are lots of advantages of this interactive web sites like-
- Interactive website is cheap to set up.
- By use this interactive web site user can do survey. For example survey monkey
- Interactive website helps to raise range of social communication via use of social websites
- It provides social proof
- Interactive website improves brand loyalty.
- Builds long term relationship
- Branding
- More sales can be generates
Some of the difficulties is also generates like-
- This is not cheap to develop
- While anyone can do comment on the interactive media so there is a chance to get negative comments which can cause of harm for organizational progress
- Sometimes it is hard to shallow.
So this now clear that there are many differences between static, dynamic and interactive web sites which makes separate all three web site type.
Features, advantages and disadvantages of dynamic website
The dynamic website uses PHP technology to build web page dynamically. This dynamic website has far more advantages than the static website. The dynamic web site can do engaging the user and impact of organizational business more clear way.
The feature of dynamic website are-
- Page management
- File Collection
- Guestbook
- Search opportunity
- Menus in management
- Color and font management
- Photo album
There are different types of dynamic website we can see like-
- Websites contains data of e-commerce
- E- business website
- Database including jobs
- Intranet
- Extranet
- Database drive website
- Database consist of resume
There are a lot of advantages of this dynamic website such as-
- In dynamic web sites there is complete control over the content.
- Search Engine Optimization can be improved
- Option to record user information.
- Option to monitor user’s navigation over the website.
- Easy to add, change and control all the content
- Changes is need less time
- Less expensive in over time
- Dynamic website can use for study purpose so conversion rates are higher in here
- Improvement of loyalty
With the advantages there is some difficulties with dynamic website like-
- Dynamic website requires changes in a certain period.
- To require changes senior managers of the company feels hard to swallow
- Need to find or hire brand journalist or content marketing to add to developers budget for marketing
- Developers need marketing automation technology which is hard to get.
Features, advantages and disadvantages of Static web Site
Static webpage is work on by the delivered code of HTML. This website is totally depends on HTML files. To do basic configuration of the static webpage there need to llS to support that HTML website. To host this static website only need to use the HTML code. There is no need to work on PHP, ASP, NET etc. Static webpage is just follows the HTML code. So when it’s going to update something on this developer have to update HTML code manually.
The features of this static website are-
- Static website runs on Linux, windows, Mac OS X
- Follow the Mark up languages
- Easy to install this website and use
- Page files and template files are supporting file types of it
- Static web site can specified the meta information
There are many positive sides to use static web sites such as-
- Static website can develop quickly. It need less time to develop
- Static website also cheap to develop.
- Static website also cheap for hosting
- Static website is good for those highly regulated organization which all the content need to carefully reviewed and then approved.
- Static website is focuses good opportunity for mead conversation
- Static website is need to maintain by perfectionist so people who want to develop this type of website he or she should try get to get the basic of HTML which is must for web design
Also there are some disadvantages of this static website. Like-
- To update this static website developer have to get the knowledge about HTML where every developer now have not this knowledge
- All the sites are not helpful for the user
- Contents of static website can be dormant.
- Static website is good for visit first time but it is become boring for visitors when they visit next time. Because mostly contents are remain same so user can not get the interest to see same things repeatedly.
- Static communication is like a one way communication.
Interactive Web Site
An interactive website can be defines as an internet page which uses different software to build an interactive experience which permit the user to view the webpage to be actively interact with the page. To develop an interactive website there are many methods and software need to interact this to go on. An interactive website is not only allows user to view images and to read texts but also allows to user to play games and to do various tasks. An interactive website allow to user to find his location geographically also by this user can know the weather forecast by typing his or her area and he or she can know the temperature of that area which is happen by this interactive website. An interactive website also permits to user to see the world’s image. By using of this interactive website user allows to interact with the globe. Different type of software is use to continue this interactive website. Moreover programmes of an interactive website which contains different features of animation display. Nowadays the interactive websites used for the educational purpose, entertainment purpose. It is now become more attractive to the user.
Comments of blogs, sharing button of social media. Follower button of social media, update and shares (including likes, comments), online games, different mobile apps are major example of this interactive website. There are so many features, advantages and disadvantages of this Interactive web site.
To create a master page the sample code is
<html>
<head>
<title>Test Master Page</title>
<meta name=”GENERATOR” content=”Microsoft FrontPage 4.0″>
<meta name=”ProgId” content=”FrontPage.Editor.Document”>
</head>
<frameset cols=”304,*”>
<frame name=”TestBankIndex” scrolling=”Auto” src=”CourseList.htm” target=”TestQuestions”>
<frameset rows=”73%,*”>
<frame name=”TestQuestions” scrolling=”Auto” src=”../QFrame.htm”>
<frame name=”Answers” src=”../FeedbackFrm.htm” scrolling=”auto”>
</frameset>
<noframes>
<h1>This Page Uses Frames</h1>
<p>This message has appeared because you are using a browser that does not
support frames</p>
<p>You can still access the test questions in non-frame mode. However, if
you click a question to get feedback, the answer will appear on its own page.
You will have to use the “Back” option on your browser to return to the test
questions, and it could get quite time consuming.</p>
<p><a href=”CourseList.HTM” target=”top”>Access Test Questions in Non-Frame Mode</a></p>
<p><a href=”../index.htm” target=”top”>Return to Professor Dutch’s Home Page</a></p>
</body>
</noframes>
</frameset>
</html>
Dynamic Web Site
Dynamic website is completely different with the static website. This dynamic website contains of many function and flexibility. Dynamic website follows more complex code type as JavaScript, ASP or PHP. To develop a dynamic website first need to set up and need to put perfectly style sheets in perfect position. It is a hard work. But after set up once, managing a dynamic website is much easier. CMS (content Management System) is use in here. To update the content and also to create new page there is no programming skill is needs as static website needed. Dynamic website gives option to change, to update as developer like. To operate dynamic website no need to pay any charges to any other to change content developer can easily control his website in house. Developer can easily update it and if he or she wants to delete the old records he can.
Blogs, RSS feed, smart website content, smart CTAs, advertising which are personalized, social media feeds are the main example of this dynamic website. There are so many features, advantages and disadvantages of this Dynamic web site.
To create dynamic website with header and footer
<html>
<head>
<title>My new website</title>
</head>
<body>
<div id=”header”>
<img src=”logo.png” alt=”new Website Logo” />
</div>
<div id=”content”>
<p>Awesome content goes here</p>
</div>
<div id=”footer”>
<p>Copyright 2011 Cool Site.</p>
</div>
</body>
</html>
Static Web Site
Static website can be defined as a website which is a set of HTML files in where each and every files showing a physical page of a website. Static web site follows HTML, JavaScript and CSS code. In static website each and every page represent separate HTML. For this reason when anyone visit the homepage the user can view the actual homepage file. Static Web site is opposite of Interactive Website.
Indeed if two pages contain a portion of content which is identical for example footer in this case both portion contain two versions. So when web developer going to update his work he or she has to do this twice as once on each.
It is hard to tell immediately after see that it is static website or not. This web site is completely different from dynamic web site. Nowadays there are many static website are available. Most of the small business company which wants to deliver simple information without any blare or buzzer that one could be a static website. To update this static website persons need who has more knowledge about development of web design. To the cost concept this static website is so cheap to develop and host.
E Books, emails, social media profiles (not feeds), banner ads, landing page are some example of this static website. There are so many features, advantages and disadvantages of this Static web site.
\
To create basic static website by using basic HTML code
<html>
<head>
<title>HTML Headings & Paragraphs</title>
</head>
<body>
<h1>
This is heading</h1>
<p>
Here is the paragraph for this heading.
Headings and paragraphs are the basic elements
of any html document.
</p>
<h4>
Importance of paragraph</h4>
<p>
Paragraphs are used to publish the written contents.</p>
</body>
</html>
tsd1303602 