[ASK]Web design with notepad

Subyek: [ASK]Web design with notepad 2010-02-05, 21:53

Oke, gini ceritanya

~~Pada suatu hari~~ gw kan disuruh ama pak guru gw tuk buat laman web lewat notepad. Masi sederhana gitu. Yang susunan utamanya kayak gini

Code:: <html>
<title></title>
<head></head>
<body></body>
</html>

Tuh kan dasarnya.
Nah gw diberitau beberapa untuk memodifnya antara laen

Code:: <b></b> #huruf bold
<i></i> #Huruf miring
<u></u> #underline
<s></s> #Strike (padahal ga dikasi tau ama guru gwa. Tau dari forum ini) =))
<body bgcolor=...> #warna background
<img scr=namagambar.extension> #masukin gambar. Tapi ntah napa kok ga bisa ya?
<size=...></size> #ukuran huruf
<p align=center, left dll></> #ya alignmentnya
<font face=...> </> # ganti font

Setau ato seingat gw masi segitu aja.
Kalo ada fungsi2 laennya tulung direply :kabur:

Oia, ask juga. Gimana cara ngasi background pake foto? :kabur:

Spoiler:

Subyek: Re: [ASK]Web design with notepad 2010-02-05, 22:06

err... tanya drone7... dia masih SMP 2 (seumuran gw) lagi ikut web design competition... dia bisa bahasa HTML haha..

COba gw tanya ya~ sorry nggak membantu... cari di google mungkin isa :sembah:

**Admin** Posts : 637 Thanked : 8 Skill : Beginner

background pake foto ? bentar2 *bradhawk cari buku HTML*
found it ! codeny

Code:: <HTML>
<BODY background=&direktori gambar&> #contoh <BODY background="filegb.png">
</BODY>
</HTML>

moga membantu

Subyek: Re: [ASK]Web design with notepad 2010-02-05, 22:22

@yerry: No problem. Sayang drone dah lama inactive. Mau ngewall di FB ntah napa sungkan wokwokwok
@brad: thanks a lot :sembah:

mungkin ada tambahan yang laen

Subyek: Re: [ASK]Web design with notepad 2010-02-05, 22:23

Aku bisa deh, mumpung masih fresh di otak (Toh ini pelajaran umum SMP). Lagipula kamu melakukan kesalahan yang sama denganku dulu, yang bugnya kagak bisa nampilin gambar.

Kamu nulisnya gini:

Code:: <img scr=namagambar.extension>

scr itu kagak ada. Yang ada itu yang kayak gini:

Code:: <img src=namagambar.extension>

src (search) itu yang benar.

Dan masih ada beberapa kesalahan tuh, kayak:

Code:: <html>
<title></title>
<head></head>
<body></body>
</html>

harusnya:

Code:: <html>
<head><title>
</title></head>
<body></body>
</html>

Dan untuk jadiin gambar sebagai background bener sih si Bradhawk.

Subyek: Re: [ASK]Web design with notepad 2010-02-05, 22:31

@^

Ew,.. bener juga :doh:

thanks dah, sangat membantu.... :sembah:

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 08:19

Ini problemnya belom solved apa udah solved? Mau di :gembok:

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 08:36

waduh, dah agak lupa nih.. (cari google dulu bentar =))

).

Theodoric wrote:: mungkin ada tambahan yang laen

nih kutambahin :peace:

Tag2 yang sering dipakai:

1. link.

Code:: <a href="link">teks</a>
contoh: <a href="http://www.google.com">Google</a>

2. Ordered List dan unordered list

Code:: <ol type="tipe">
<li>list pertama</li>
<li>keduax</li>
<li>dan seterusnya</li>
</ol>

contoh:
<ol type="A">
<li>pertamax</li>
<li>keduax</li>
</ol>

untuk ol, type yg ada adalah A, a, 1, I, dll (dan lupa lagi =)) ).

untuk unordered list, sama aja dengan ol, hanya beda di nama tag <ul> dan typenya(untuk ul, tipenya disc, circle, ada 1 lagi ntah apa udah lupa box atau square atau apa =)) ).

3. Form, tagnya <form>
3.1. Textfield: <input type="text" />
3.2. Password: <input type="password" />
3.3. Button: <input type="button" />
3.4. Submit: <input type="submit />
3.5. Radio Button, checkbox, select udah lupa aku =))

(dah malas search google =))

).
3.6. Textarea: <textarea>, tapi udah lupa penggunaannya =))

contoh:

Code:: <form>
Nama: <input type="text" value="Nama Anda" /> <br />
Password: <input type="password" />
<input type="button" value="hihi" />
<input type="submit" value="hoho" />
</form>

4. Untuk memasukkan kode CSS

Code:: <style type="text/css">
//Masukkan kode2 CSS di sini
</style>

5. Memasukkan kode javascript

Code:: <script type="text/javascript">
//Masukkan kode2 javascript di sini
</script>

6. Memasukkan kode PHP

Code:: <?php
//Masukkan kode2 PHP di sini
?>

Kayaknya itu aja yg kutau (Maaf, sedikit aja, soalnya aku juga pemula :sembah:

).

Oh ya, kalau mau nulis kode2 HTML (sebenarnya bukan HTML aja), sebaiknya jangan pake notepad deh.. karena gak ada angka2 penunjuk barisnya, dan warna tulisannya gak berubah sesuai kode.. Kalau aku sih pake notepad++ ( search google

), yah mungkin itu cuma aku sih.. :sembah:

hihihi...

Novice Posts : 194 Thanked : 6 Engine : Other

Ni cukup bagus.,
D update d 1st post donk n jadiin tutor lah...

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 14:15

@hart: wogh, thanks buanget sangat membantu... :sembah:

ntar akan saya coba

@yerry: Belom, ntar aku kabarin deh kalo detlen tugas sekola dah selese

@Jabb:
Aku nemu tutor ada disini
Oke, ntar aku apdet deh....

Oia, nanya lagi. Gimana cara buat text yang ngeblink

*Ga mau kalah ama temen sekelas gw :kabur:

Novice Posts : 131 Thanked : 4 Engine : RMVX

Code:: <blink>yourtexthere</blink>

tuh buat blinking text. :peace:

o yah, kalo efek2 yg lainnya yang mungkin udah tau:

Marquee Text

Code:: <marquee direction=left>yourtexthere</marquee>
#OR
<marquee direction=right>yourtexthere</marquee>

tu buat bikin text berjalan ke kiri ato kanan. ntar tinggal diganti2 aja arahnya pake 'up','down','left' ato 'right'.
bisa buat gambar juga lo.

Superscript dan Subscript (pangkat dan indeks)

Code:: O<sup>2</sup>

Code:: H<sub>2</sub>O

smoga berguna. :peace:

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 16:22

Sep2, ini menyenangkan :banana:

Tanya lagi...
Kalo semisal kita bikin background pake photo.
Tapi ga di tile...

misalnya di-center gitu...

sorry, nanya2 mulu :kabur:

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 16:28

Kalo mau kode2 html yang edan2 cari di Dynamic Drive...

Tambahan:
Bagi yang udah pernah ke SintingBanget Wiki dan pernah liat Table of Contents, kalo diklik bakal langsung jump ke headernya, kode htmlnya gini:

Code:: <a name=gila>gila</a>

^ menamakan kata di dalam tag 'gila'
[code]<a href=#gila>jump to gila</a>[code]
^ mengscroll browser ke kata gila

semoga membantu

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 16:45

@noto: hmm,... pernah baca tutorial kayak gitu tapi ga mudeng. Bahasa linggis soalnya

thanks,...

Bisa buat daftar ~~hadir~~ isi neh
Sekali klik langsung kesono hoho~

Subyek: Re: [ASK]Web design with notepad 2010-02-06, 19:26

wah asik, hate em el . .

namun, ko judulnya [ASK] ??

btw, post2 lagi donk yang banyak, aku ga ngerti kalo html

Subyek: Re: [ASK]Web design with notepad 2010-02-07, 04:03

^
^
Gw yang tanya soal hateemel.
ini tugas sekolah

EDIT: trus suruh buat lewat notepad. So ya web design with notepad

Subyek: Re: [ASK]Web design with notepad 2010-02-07, 14:47

Hmm.. dikarenakani tadi aku sedang sangat kurang kerjaan, dan nampak trid ini, jadi ku coba2 buat web sederhana pake javascript untuk menjumlahkan 2 bilangan

(sekalian sedikit pamer kemampuan

)

Spoiler:

yah, singkat dan mudah bukan?? Wajar saja, soalnya saya masih pemula :sembah:

(BTW, sepertinya ini dah termasuk web programming yah? =))

).

hihihi...

Subyek: Re: [ASK]Web design with notepad 2010-02-07, 20:07

@^:
hmm.. sep dah... bisa dipelajari (belom aku copas ke notepad

)
sebenernya gw berdarah scripter juga. Kedua kakakku adalah scripter semua

cuman mereka berdua ga mahir compose ama pixeling =))

» [GD]Library of design
» [REQ] Monster Design
» [Design]Untitled
» World is Sin (design)
» design event