Vývoj, tendence a historie WEBDESIGNU (3.díl)

Napsal O webu (») 18. 10. 2004 v kategorii PHP/HTML, přečteno: 1380×

Len nech je všetko farebné..

Obdobie rokov 1995 - 1998

Tvorcov webov prestalo baviť pozerať sa(a hlavne tvoriť) "len" textové odkazy odlíšené od ostatého textu farbou a podčiarknutím(čo sme si popísali v období okolo rokov 1994 - 1995).

Kód bol aj napriek relatívnej jednoduchosti vzhľadu dosť preplnený. Samozrejme to nikomu nevadilo, keďže určitá skupinka ľudí sa snažila pretlačiť štýľovanie v html tagoch ako štandardy, čo sa im aj postupne darilo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN" >
<HTML>
<HEAD>

<TITLE>Network-Based Electronic..</TITLE>

</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" VLINK="#FF0000" LINK="#0000FF">

<H1>Bailey, Charles W., Jr. "Network-Based Electronic ..." <I>The Public-Access Computer Systems Review</I> 6, no. 1 (1995). (Version 26: 10/25/96)</H1>

<HR>
<H2>1.0 Introduction</H2>

This bibliography presents ..
<P>
Version 26 is th.. <A HREF="http://info.lib.uh.edu/sepb/sepb.html"><I>Scholarly E..</I></A> by the same author.

<H2>2.0 Bibliography</H2>

<DL>
<DT><A NAME="2.1">2.1</A> <A HREF="economic.htm">Economic Issues</A> (Last update: 7/12/96)<DD>
<DT>2.2 Electronic Books and Texts<DD>
<FONT SIZE="-1"><A NAME="2.2.1">2.2.1</A> <A HREF="bcase.htm">Case Studies and History</A> (Last update: 9/16/96)</FONT>
<BR>
<FONT SIZE="-1"><A NAME="2.2.2">2.2.2</A> <A HREF="bgen.htm">General Works</A> (Last update: 6/25/96)</FONT>
<BR>
<FONT SIZE="-1"><A NAME="2.2.3">2.2.3</A> <A HREF="blibrary.htm">Library Issues</A> (Last update: 7/12/96)</FONT>
<BR>
<FONT SIZE="-1"><A NAME="2.2.4">2.2.4</A> <A HREF="brel.htm">Related Electronic Resources</A> (Last update: 6/25/96)</FONT>
<DD>
<DT>2.3 Electronic Serials<DD>
<FONT SIZE="-1"><A NAME="2.3.1">2.3.1</A> <A HREF="scase.htm">Case Studies and History</A> (Last update: 6/25/96)</FONT>
<BR>

Všimnime si pozoruhodnú vec. A síce, že základný layout nebol robený nijak inak, ako postupnosťou textov. Vtedy bol známy layout jedného stĺpca(ak sa to tak dá nazvať), pretože ešte neobjavili skrytú funkciu tabuliek. Podotýkam, že tabuľky neboli a nie sú určené na rozvhrnutie webu. Slúžia na ukladanie dát. No, ale to sa nerešpektuje od doby, kedy sa prvý raz tabuľka v rozvrhnutí stránok použila. Napríkľad na novšom webe s už farebnejším vzhľadom

a síce kód vyzeral nasledovne

<html><head><title>Kaffee & Kuchen</title>
<meta name="description" content="Kaffee & Kuchen - die fueh..">
<meta name="keywords" content="Java HotSpot HotJava">

<style>
<!--
#size1 { font-size: 10px; }
#size2 { font-size: 13px; }
#size3 { font-size: 16px; }
#size4 { font-size: 19px; }
#size5 { font-size: 22px; }
// -->
</style>

</head>

<body bgcolor=ffffff background="pics/back.gif" text=000000 link=006040 vlink=006040 alink=ffffff>

<table cellspacing=0 cellpadding=0 border=0><tr><td align=center valign=top width=137>

<a href="index.html"><img src="pics/kakul1.jpg" alt="Kaffee & Kuchen" width=115 height=78 border=0></a>

</td><td width=504 valign=center align=center>

<a href="http://baseportal.de">
<img src="http://seite.net/pics/baseportal.gif" width=468 height=60 border=0 alt="HTML Datenbank">
</a>

<a href="http://baseportal.com">
web database
</a>
- <a href="http://silberring.net/schmuck/schmuck.html">
Schmuck
</a>
- <a href="http://recovery-base.com">
Datenrettung
</a>
- <a href="http://haarverlaengerung.acc.de">
Haarverlängerung
</a>
- <a href="http://baby-fotos-berlin.de">
Baby Fotos
</a>
- <a href="http://baseportal.de/webmaster-tools.html">
Webmaster Tools
</a>
- <a href="http://baseportal.de/kostenlos-html-seiten-erstellen.html">
HTML
</a>
- <a href="http://silberring.net/silberschmuck/silberschmuck.html">
Silberschmuck
</a>
- <a href="http://silberring.net/silberringe.html">
Silberringe
</a>
- <a href="http://qinx.de">
wissen
</a>

</td></tr></table>

Musel obsahovať samozrejme aj nejaké stĺpce. Tie sa docielili tabuľkami, ktoré neboli použité na rozvrhnutie celého webu, ale len na jednotlivé časti.

<table cellspacing=0 cellpadding=0 border=0><tr><td align=center valign=center width=135>
<img src="pics/n.gif" width=1 height=20>
<font size=2 face="arial, helvetica" color=ffffff><span id="size2">Kaffee & Kuchen
<img src="pics/n.gif" width=1 height=20><br>
..
<span id="size1">ZDNet.de&nbsp;-</span>
</font><br><br><br>
<table cellpadding=2 width=330>
<tr>
<td align=right>
<font face="arial, helvetica" size=1>
<span id="size1">
15.10.2004, 10:21
</span>
</font>
</td>
</tr>
<tr>
<td>
<font face="arial, helvetica" size=4>
<a href="" target="_blank">
<span id="size4">
SDA Area auf der SYSTEMS: Aussteller und Vorträge (Teil 1)
</span>
</a>
</font>
</td>
</tr>
</table>

Bez JavaScriptov by sa stránky tej doby nezaobišli. Vtedy to bolo v móde. Nevravím, že dnes sa to nepoužíva alebo že by sa to nemalo používať. Poukazujem len na to, že vtedy to bolo stredobodom záujmu.

<!-- Beginning of JavaScript Applet -------------------



function scrollit_r2l(seed)
{
var m1 = " Welcome to the Swedish Rock band NIVA ";
var m2 = " ";
var m3 = " Listen to our MUSIC and look at pictures ";
var m4 = " ";
var m5 = " Browse around and have fun ! ! ! ";
var msg=m1+m2+m3+m4+m5;
var out = " ";
var c = 1;

if (seed > 100) {
seed--;
var cmd="scrollit_r2l(" + seed + ")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
var cmd="scrollit_r2l(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
var cmd="scrollit_r2l(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scrollit_r2l(100)",75);
}
}
}
// -- End of JavaScript code -------------- -->

Dalo by sa povedať, že web, ktorý bol čo najviac farebný(štýľy v html kóde), ktorý obsahoval nejaký JavaScript, a ktorý používal na rozvrhnutie tabuľky bol tým správnym webom tej doby. To ale nebolo všetko. Svetlo sveta uzerali aj gif obrázky. Každému bolo prakticky jedno, ako stránky vyzerali, hlavne, že tam bol nejaký pekný farebný obrázok;) A ešte lepšie bolo, keď ten gif bol animovaný. Samozrejme obrázky sa nevyberali len tak náhodne. Na nasledujúcom príklade si to ukážeme.

Aj sami si odvodíte a preložíte, že jednorožec symbolizuje niečo unikátne, čo sa nevidí len tak. Saturn(planéta) značí niečo vedecké. No a ten gymnasta zas ukazuje na časť webu, kde si môžete precvičiť svoju mentálnu časť;) Aké jednoduché menu pomocou obrázkov:) No a tá truhlica v hlavičke? Tá symbolizuje to, že web sám o sebe obsahuje niečo vzácne.
Toto bol príklad toho, čo sa ľuďom páčilo a z čoho mali radosť. Dnes sa už priemerne znalý surfer po webe pousmeje nad týmito klasickými stránkami. Niekoho to možno rozčúli, že to na webe nemá čo hľadať, iba čo to hambu robí. Ale stačí, keď sa pozrieme von a vidíme množstvo starých áut a nikomu to nerobí hambu. Každý je rád, že niečo má. Ale to sme zašli trochu vedľa.

Seznam.cz 1996 - 1998

Hodně webů, co mě zajímalo v této době ještě neexistovalo. Ale snad nejnavštěvovanější portál seznam.cz měl poněkud jednodušší formu. Posuďte sami.

rok 1996

zvětši

rok 1998

zvětši

A dnešní seznam.cz

Mobil.cz 1998

rok 1998

zvětši

A dnešní mobil.cz.

Globe.cz 1996 - 1998

Snad největší skok zaznamenala firma globe.cz

rok 1997

zvětši

A ti co usnuli na vavřínech

Uvádím stránky, o kterých si myslím, že jsou z roku 96-98 a jsou stále funkční.
zvětši


zvětši

Na dnes by toto bol záver. Nabudúce pokračujeme rokmi 1999 - 2001, kedy sa objavili frames, a síce rámy na rozvrhnutie webu - layoutu.

zdroj: archive.org
Autor: pjotr, admin
Facebook Twitter Topčlánky.cz Linkuj.cz

Komentáře

Zobrazit: standardní | od aktivních | poslední příspěvky | všechno
Článek ještě nebyl okomentován.


Nový komentář

Téma:
Jméno:
Notif. e-mail *:
Komentář:
  [b] [obr]
Odpovězte prosím číslicemi: Součet čísel dvě a šest