|
PANDUAN UNTUK PEMILIK
LAMAN ESASTERAWAN
1.
Panduan Mengedit
Laman Web E-sasterawan
1. Katalah anda baru
diperuntukkan suatu
"lot" (laman peribadi)
di E-sasterawan.
Anda telah diberi
password (kata laluan)
untuk mengedit laman
anda itu. Kalau tidak
diberi, minta dengan
Founder.
2. Masuk ke laman e-sasterawan
anda.
3. Di mana-mana
halaman bagi laman
E-sasterawan anda, lihat
di sudut kiri atas laman itu.
Di situ ada ikon "Edit
Laman Ini". Di
kiri ikon ini ada kotak
kosong. Masukkan
password anda ke kotak
kosong itu dan klik ikon
"Edit Laman Ini". Anda
akan dibawa ke laman pengeditan bagi E-sasterawan
(dinamai laman Kemaskini
Maklumat).
4. Di laman Kemaskini
Maklumat itu, anda
boleh mengedit Maklumat
Peribadi anda (termasuk
menukar password). Ini
anda lakukan pada lajur
kanan. Lajur kiri
mengandungi ikon untuk
anda Menambah
atau Mengedit
perkara-perkara lain
seperti Weblog, Karya,
dsb. Klik ikon
yang berkenaan untuk
menggunakannya.
2. Panduan Menulis
Weblog
Log (dinamai juga "jurnal"),
ialah catatan berkala,
biasanya secara harian.
Apabila catatan dibuat
di laman web, catatan
itu dinamai weblog (ringkasnya
blog).
Weblog ialah elemen
terpenting dalam laman
E-sasterawan anda. Untuk
mendapatkan kesan yang
positif, elemen ini
memerlukan
pengemaskinian yang
kerap. Beberapa panduan
menangani elemen ini
adalah seperti yang
berikut:
(a) Catatkan kegiatan
peribadi anda. Ini
ialah weblog yang paling
asas (tahap primer).
(b) Catatan yang
lebih bermakna ialah
catatan tentang
peristiwa bersejarah
yang sedang berlaku.
Anda rakamkan sejarah
sambil sejarah itu
berlaku (writing history as it
happens). Contoh,
merakamkan secara rinci
program sastera besar
yang anda hadiri. Ini
dapat dikatakan tahap
sekunder.
(c) Pada peringkat
yang lebih tinggi (tahap
tertier), weblog
melibatkan catatan
perisitwa bersejarah
berserta dengan komen
kritikal atau tanggapan anda
terhadapnya.
Cuba perkayakan
weblog anda dengan
catatan peringkat
tertier.
3. Panduan Mengubah Warna/Imej
Latar
Laman web ini
menyediakan kemudahan
untuk anda mengubah
warna latar (atau imej
latar), warna teks, dll.
Untuk mengubah warna
latar (background color
1 atau background color
2), imej
latar (background image
1 atau background image
2), warna teks, dll: sila pergi ke ragam edit
dan lakukan "edit
konfigurasi".
Beberapa imej latar yang
menarik dapat diperoleh
di www.esasterawan.com/background
4. Panduan Kod
HTML
Semua kotak input di
E-sasterawan (kecuali
Papan Nota) adalah
sensitif kepada kod-kod
HTML.
Sebagai panduan kepada
pengguna, di sini disenaraikan beberapa kod
HTML yang penting untuk
sdr mendapatkan kesan
tertentu.
Bagi kotak-kotak
input yang telah
tersedia "Design HTML"
untuknya, sdr tidak
perlu memasukkan kod
HTML kecuali untuk
beberapa keperluan
khusus seperti
mengimport imej dan
muzik.
Perhatian:
(1) Kod HTML ditulis
dalam angle brackets "<kod
HTML>".
(2) Kebanyakan kod HTML
mesti ada pembuka "<kodHTML>"
dan penutup "</kodHTML>".
4.1 Pasangan Senarai
Beberapa Kod HTML yang Penting
Paragraf
<P>...</P>
(Penutup </P> tidak
wajib).
Baris baru
<BR>...</BR>
(Penutup </BR> tidak
wajib).
Taip Tebal
<B>...</B>
Taip mereng
<I>...</I>
Warna
font
<FONT COLOR=#kod warna>...</FONT>
Masukkan imej
<IMG SRC="alamat fail imej">
ATAU
<EMBED SRC="alamat fail imej">
Masukkan muzik
<BGSOUND SRC="alamat fail
muzik">
ATAU
<EMBED src="alamat
fail muzik">
Masukkan muzik
berterusan
<BGSOUND SRC="alamat fail
muzik" loop=infinite>
ATAU
<EMBED SRC="alamat fail
muzik" loop="true">
Warna latar kepada
keseluruhan input
<TABLE><TR><TD><DIV
COLOR=#kod warna HTML></DIV></TD></TR></TABLE>
atau guna javascript
<script>
document.bgColor='nama
warna (dalam BI) atau kod warna
HTML';
</script>
Masukkan imej sebagai
latar belakang laman
<BODY BACKGROUND="alamat
imej">
Untuk tetapkan imej
latar supaya tidak
scroll bersama
kandungan laman web
<BODY BACKGROUND="alamat
imej"
bgproperties="fixed">
Table
Ini listing yang tipikal
untuk sebuah "Table"
yang mempunyai imej
latar (background
image), warna latar,
muzik, dan teks:
<TABLE cellSpacing=1
cellPadding=2
width="100%" bgColor=green
background=alamat
fail IMEJ border=1>
<TBODY>
<TR>
<TD>
<EMBED src=alamat
fail MUZIK hidden=true
type=audio/mpeg
loop="true" autostart="true">
<FONT
color=#ffffff size=2>teks
yang dimasukkan</FONT>
</TD>
</TR>
</TBODY>
</TABLE>
Untuk senarai penuh
arahan HTML,
boleh dapatkan dari
laman web yang berikut:
http://www.htmlcodetutorial.com/quicklist.html
5. Javascript untuk
Snowflakes (= Imej
berterbangan)
Tukar "snow.gif" di
baris 9 dengan alamat
imej anda sendiri.
Script ini saya ambil di
url http://www.lissaexplains.com/javascript.shtml#fallingsnow
<script
language="JavaScript1.2"
type="text/javascript">
<!-- This cool script is
copyright Altan, visit
his site! -->
<!-- http://www.altan.hr/snow
-->
<!-- This script is
provided free at Lissa
Explains it All -->
<!-- http://www.lissaexplains.com
-->
<!-- Begin
var no = 15; // snow
number
var speed = 9; //
smaller number moves the
snow faster
var snowflake = "snow.gif";
var ns4up = (document.layers)
? 1 : 0; // browser
sniffer
var ie4up = (document.all)
? 1 : 0;
var dx, xp, yp; //
coordinate and position
variables
var am, stx, sty; //
amplitude and step
variables
var i, doc_width = 800,
doc_height = 600;
if (ns4up) {
doc_width =
self.innerWidth;
doc_height =
self.innerHeight;
} else if (ie4up) {
doc_width =
document.body.clientWidth;
doc_height =
document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
{
dx[i] = 0; // set
coordinate variables
xp[i] = Math.random()*(doc_width-50);
// set position
variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
// set amplitude
variables
stx[i] = 0.02 +
Math.random()/10; // set
step variables
sty[i] = 0.7 +
Math.random(); // set
step variables
if (ns4up) { // set
layers
if (i == 0) {
document.write("<layer
name=\"dot"+ i +"\"
left=\"15\" ");
document.write("top=\"15\"
visibility=\"show\"><img
src=\"");
document.write(snowflake
+ "\"
border=\"0\"></layer>");
} else {
document.write("<layer
name=\"dot"+ i +"\"
left=\"15\" ");
document.write("top=\"15\"
visibility=\"show\"><img
src=\"");
document.write(snowflake
+ "\"
border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div
id=\"dot"+ i +"\"
style=\"POSITION: ");
document.write("absolute;
Z-INDEX: "+ i +";
VISIBILITY: ");
document.write("visible;
TOP: 15px; LEFT:
15px;\"><img src=\"");
document.write(snowflake
+ "\"
border=\"0\"></div>");
} else {
document.write("<div
id=\"dot"+ i +"\"
style=\"POSITION: ");
document.write("absolute;
Z-INDEX: "+ i +";
VISIBILITY: ");
document.write("visible;
TOP: 15px; LEFT:
15px;\"><img src=\"");
document.write(snowflake
+ "\"
border=\"0\"></div>");
}
}
}
function snowNS() { //
Netscape main animation
function
for (i = 0; i < no; ++ i)
{ // iterate for every
dot
yp[i] += sty[i];
if (yp[i] >
doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 +
Math.random()/10;
sty[i] = 0.7 +
Math.random();
doc_width =
self.innerWidth;
doc_height =
self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top
= yp[i];
document.layers["dot"+i].left
= xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()",
speed);
}
function snowIE() { //
IE main animation
function
for (i = 0; i < no; ++ i)
{ // iterate for every
dot
yp[i] += sty[i];
if (yp[i] >
doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 +
Math.random()/10;
sty[i] = 0.7 +
Math.random();
doc_width =
document.body.clientWidth;
doc_height =
document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop
= yp[i];
document.all["dot"+i].style.pixelLeft
= xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()",
speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
|
