Tampilkan postingan dengan label Internet. Tampilkan semua postingan
Tampilkan postingan dengan label Internet. Tampilkan semua postingan

Kode Etik di Internet "Netiquette"

Seperti kehidupan di dunia nyata, di dunia maya (internet) ada etika (Netiquette) yang harus kita terapkan untuk menjaga hubungan sosial dengan sesama pemakai internet lainnya agar berjalan harmonis dan saling menghormati. Tidak banyak aturan khusus yang tertulis, namun mudah sekali dipahami bahwa yang paling utama adalah jangan sampai seseorang tersinggung / sakit hati dengan apa yang telah Anda lakukan baik itu melalui email, chatting, memberi komentar di postingan melalui social network dan lain-lain.

Pelanggaran terhadap etika/tata krama tidak ada sangsi yang bisa dirasakan secara langsung, paling tidak Anda akan dikucilkan di dunia maya (Isolasi), di black-list dari lingkungan, dikeluarkan dari keanggotaan suatu lembaga internet/komunitas dan lain sebagainya. Namun tidak tertutup kemungkinan akan terjadinya pembalasan secara langsung karena sakit hati (technically attack) terhadap resource yang kita miliki.

Secara umum, hal yang paling mendasar saat melakukan komunikasi dengan seseorang melalui email, chatting dan posting di forum/social network. Disini yang harus kita jaga adalah :
  1. Sopan, siapapun partner kita, usahakan jangan menggunakan kata-kata yang kasar dan sejenisnya, serta kata-kata berbau porno.
  2. Jujur, sampaikan dengan sesungguhnya apa yang harus disampaikan tetapi hindari menyampaikan sesuatu yang bersifat pribadi.
  3. SARA, hal ini sangat sensitif yang mudah sekali memicu konflik dan Anda harus yakin bahwa ini tidak akan membawa manfaat bagi kedua belah pihak.
  4. Jangan memaksakan kehendak, apapun alasannya jika partner kita tidak menanggapi apa yang kita sampaikan, kita tetap harus menghormatinya dan tidak boleh memaksanya untuk menjawab.
  5. Jangan menggunakan huruf kapital (besar), hal ini bisa berarti teriakan, marah, atau sejenisnya sehingga membuat lawan kita tersinggung atau marah.
  6. Jangan suka mengganggu dan iseng, ketika chatting dan melihat status partner sedang online, belum tentu dia mempunyai waktu yang cukup untuk chatting, barang kali dia memiliki pekerjaan yang membutuhkan konsentrasi tinggi, untuk itu jangan melakukan "Buzz" secara terus menerus.
  7. Aktifkan status offline, hal ini sebagai alternatif jika kita tidak ingin diganggu, ketika sedang melakukan pekerjaan atau konsentrasi dengan chatter lainnya.
  8. Jangan pernah memberikan no telepon atau personal information.
  9. Kritik dan saran yang bersifat pribadi sebaiknya melalui personal message, hindari memberikan kritik atau saran yang bisa dibaca oleh orang lain karena ini akan merendahkan lawan bicara kita dan sebaiknya bersifat konstruktif bukan destruktif.
  10. Hindari personal attack, saat melakukan debat sengit sebaiknya jangan menjadikan kelemahan pribadi seseorang sebagai senjata untuk melawan argumentasinya. sebab ini akan menunjukkan semakin dangkal pengetahuan Anda, meskipun lawan debat adalah orang yang paling Anda benci. Gunakan data/fakta sebagai bahan diskusi, bukan kepribadian seseorang.
Semoga dengan sedikit tulisan ini bisa meningkatkan kualitas kepribadian kita dalam berkomunikasi di internet. Jika ada yang kurang dengan tulisan diatas silahkan menambahkan di bagian komentar dibawah ini.

HTML BASIC 3

TABLE
Main function is to set the table the composition of web pages. tags table is a blog written as follows:

<table>
</table>

to create a table must declare the number of rows and columns.
<tr> and </ tr> for line
<td> and </ td> for the column

is written as follows:
<table>
<tr>
<td> < td>
</tr>
</table>


all the information in form of text and images displayed in a table placed between the tags marked <td>.
example :
Html CodeResult

<table>
<tr>
<td>No. </td>
<td>Name </td >
</tr>
</table>




Html CodeResult

<table border=1>
<tr>
<td>No. </td>
<td>Name </td >

</tr>

<tr>
<td>1.</td>
<td>Budi</td>

</tr>

<tr>
<td>2.</td>
<td>Rudy</td>

</tr>

</table>


Tags table has attributes that can be used to combine the columns or rows:

from the table above are combined rows or columns as below

tags "table", "tr" and "td" have atribute that can be used to set the table display, the attribute is.

TABLE

AttributeValueDescription
alignleft
center
right
Deprecated. Use styles instead.
Specifies the alignment of a table according to surrounding text
bgcolorrgb(x,x,x)
#xxxxxx
colorname
Deprecated. Use styles instead.
Specifies the background color for a table
borderpixelsSpecifies the width of the borders around a table
cellpaddingpixelsSpecifies the space between the cell wall and the cell content
cellspacingpixelsSpecifies the space between cells
framevoid
above
below
hsides
lhs
rhs
vsides
box
border
Specifies which parts of the outside borders that should be visible
rulesnone
groups
rows
cols
all
Specifies which parts of the inside borders that should be visible
summarytextSpecifies a summary of the content of a table
widthpixels
%
Specifies the width of a table

TR

AttributeValueDescription
alignright
left
center
justify
char
Aligns the content in a table row
bgcolorrgb(x,x,x)
#xxxxxx
colorname
Deprecated. Use styles instead.
Specifies a background color for a table row
charcharacterAligns the content in a table row to a character
charoffpixels
%
Sets the number of characters the content will be aligned from the character specified by the char attribute
valigntop
middle
bottom
baseline
Vertical aligns the content in a table row

TD
AttributeValueDescription
abbrtextSpecifies an abbreviated version of the content in a cell
alignleft
right
center
justify
char
Aligns the content in a cell
axiscategory_nameCategorizes cells
bgcolorrgb(x,x,x)
#xxxxxx
colorname
Deprecated. Use styles instead.
Specifies a background color for a cell
charcharacterAligns the content in a cell to a character
charoffpixels
%
Sets the number of characters the content will be aligned from the character specified by the char attribute
colspannumberSets the number of columns a cell should span
headersheadercells'_idSpecifies the table headers related to a cell
heightpixels
%
Deprecated. Use styles instead.
Sets the height of a cell
nowrapnowrapDeprecated. Use styles instead.
Specifies that the content inside a cell should not wrap
rowspannumberSets the number of rows a cell should span
scopecol
colgroup
row
rowgroup
Defines a way to associate header cells and data cells in a table
valigntop
middle
bottom
baseline
Vertical aligns the content in a cell
widthpixels
%
Deprecated. Use styles instead.
Specifies the width of a cell


tasks:
create html like picture below :

Facebook, Milliarder termuda dalam sejarah


Adalah Mark Zuckerberg mahasiswa psikologi Harvard kelahiran 14 May 1984 seorang anak muda yang tinggal di kos-kosan dan suka otak-atik komputer, saat itu tanggal 4 februari 2004 dia meluncurkan Facebook sebagai komunitas sosial site dikampusnya. nama Facebook sendiri diambil dari buku daftar anggota komunitas dalam satu kampus. Dia sebetulnya sudah merencanakan akan membuat Facebook jadi men-dunia.

Pada musim panas 2004 Zuckerberg pindah ke Palo Alto, California, dengan Dustin Moskovitz dan beberapa temannya. Menyewa sebuah rumah kecil yang dia sebut sebagai kantor pertamanya. Mendapati Facebook mampu menjadi magnet yang sangat kuat yang menarik banyak orang untuk bergabung akhirnya zuckerberg memilih drop out dari kampusnya guna menekuni bisnis ini.

Setelah Facebook memiliki 1 juta anggota, kelompok ini menerima pembayaran untuk pertama kalinya dari pendiri PayPal sebesar USD 500.000, kemudian mereka menggandeng beberapa perusahaan modal ventura untuk membiayai bisnis ini.

Sampai tahun 2008 facebook telah memiliki anggota lebih dari 150 juta hingga menjadi daya tarik tersendiri bagi pemasang iklan. Mark Zuckerberg sekarang memiliki kekayaan USD 1,5 milliar (sekitar 16,5 trilliun) dan ranking 785 orang terkaya didunia menurut majalah Forbes 2008 dan menobatkan Zuckerberg sebagai " The Youngest Self Made Billionaire on the Planet" anak muda terkaya dengan hasil keringatnya sendiri.

Sekarang ini Facebook bisa disebut "The New Google" artinya Zuckerberg dan pendiri lainnya bisa disetarakan dengan pendiri Google Inc, yaitu Larry Page dan Sergei Brin karena dalam waktu yang sangat singkat bisa menjadi salah satu ikon dunia internet.

Uniknya, kantor facebook tidak seperti kantor pada umumnya, lebih mirip sebuah asrama mahasiswa, mereka bekerja sambil melakukan kegiatan favoritnya, ada yang main gitar, bersepeda, main pesawat remote kontrol, atau bergoyang sambil bernyanyi. Tidak mengenakan pakaian rapi. Cukup celana pendek dan sandal jepit adalah kostum favorit mereka. karena Zuckerberg sendiri tidak menyukai kantor yang terlalu formal. Dan Zuckerberg sendiri masih suka tinggal di kos-kosan , dengan satu meja dan satu kursi dengan kasur diletakkan di lantai. Pulang pergi ke kantor lebih suka naik sepeda ontel atau berjalan kaki.

Sumber: Iklan Pos, http://en.wikipedia.org

HTML BASIC 2

Structure of Web Pages

<HTML>

<HEAD><TITLE>My First Home Page</TITLE>

<META NAME="New Web" CONTENT="Mr. Onny">
<LINK REL=HOME HREF="http://www.tik-khadijah.blogspot.com">
</HEAD>

<BODY>

My First Home Page

</BODY>

</HTML>
Description :

  • <HTML> tags must be placed at the beginning of the document and </html> tags placed at the end of the document, the html page have 2 main parts, namely <HEAD> and <BODY>. <HEAD> tags contains information about html. this information is communicated through the tag <TITLE>, <LINK> and <META>
  • <TITLE> ...= must be in the tag that states the title of an HTML page, not shown in the documents but displayed in the browser bar
  • <LINK.....>= Defining the relationship between the current page and the page or other resources. For example, we have already a web page and we will connect to the other pages.
  • <META....>= Used to describe a web page. containing information about the information on the web page.
  • <BODY ...>= Defining the section shown on the document, it has a number of attributes that control the view the document as a whole.


Page Format

<BODY BACKGROUND="sands.gif" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#FF66FF" ALINK="#FF0000">>

Description :
  • BACKGROUND = Using "image" as background of web pages
  • Bgcolor = Used to color the background, there are 2 types of color selection, the first to use the text as "Red", "Green", "Blue," "Yellow", "Magenta", "Gold" and so forth. Meanwhile, other ways to use RGB color layout using the hexadecimal code.
RGB Color Code:
RGB stands for Red Green Blue, like a painter, we can combine these 3 colors into new colors based on the intensity of each color. the three colors have the lowest value "00" and "FF" for the highest number with the sequence of hexadecimal

Example :
bgcolor=#FF0000 ---> after the # sign, 2 digits for the first red, 2 digits next green, the last 2 digits blue

bgcolor=#FF0000--->Red
bgcolor=#00FF00--->Green
bgcolor=#0000FF--->Blue

bgcolor=#000000---> black ; bgcolor=#FFFFFF...>white

TEXT="#000000"--->text color

LINK="#0000FF"--->text link color before click

VLINK="#FF66FF"--->text link color after link visited (Visited Link)

ALINK="#FF0000"---> text link color when cursor through link text(Active Link)

<Background> attributes

bgproperties : If the background image of the HTML document can not be in the scroll
topmargin : size of top and bottom margins
leftmargin : size of left and right margins
marginheight : size of top and bottom margins
marginwidth : size of left and right margins
onload : Script to run once the page is fully loaded
onunload
onfocus
onblur
stylesrc : MS Front page ekstension
scroll : to activate the scroll bar if necessary


Text

<B>.....</B> = > Bold
<I>.....</I> = > Italic
<U>.....</U> = > Underline
<S>.....</S> = > Strikeout
<SUB>...</SUB> = > Subscript
<SUP>...</SUP> = > Superscript
<TT>....</TT> = > Typewriter
<center>...</center> = > Center text
<blink>....</blink> = > Blinking
<pre>......</pre> = > Preformat


Font

<font....>....</font>

Attribute :
Face=...=>Font name
Size=....=>Font Size
Color=...=>Font Color
Weight=...=>Font Weight



Practice :
Type the following HTML code :

<html>
<head>
<Title>I Can Do it, I’ll Find New Things</title>
</head>
<body bgcolor=”#9933aa” text=”000000”>
<font face="Verdana" size=7>
<center><B>My New Title (It’s Bold)</B></center>
<BR/>
<font size=1>SMA KHADIJAH SURABAYA</FONT><BR/>
<font size=2>SMA KHADIJAH SURABAYA</FONT><BR/>
<font size=3>SMA KHADIJAH SURABAYA</FONT><BR/>
<font size=4>SMA KHADIJAH SURABAYA</FONT><BR/>
&nbsp
<FONT COLOR="RED" SIZE=4>
<B>CHEMISTRY</B>
&nbsp = H<sub>2</sub>SO<sub>4</sub><br/>
&nbsp
<B>Mathematic</B> &nbsp = R<sup>2</sup>=X<sup>2</sup> + Y <sup>2</sup>
<font color="black">
<pre>
SMA Khadijah
Surabaya
Jl. A Yani No. 2-4 Surabaya

Is a Leader of Modern Islamic International School
</pre>

</body>

Result :


Practice 2 :
Use all html tag above to see the result in browser

HTML BASIC 1 (Introduction)

HTML abbreviation of Hyper Text Markup Language is a language that is in text format that can be used to set up any posts, images, sounds, movies and other information that is displayed on the browser

To make use HTML editor that supports text formatting, such as Notepad, Front Page, Microsoft Word, Dos Edit, Max SimpleText and others.

After typing in the editor, then we save the file with the extension HTML. Then execute using a browser such as Internet Explorer, Mozilla Firefox and others ..

HTML files can be run in Offline or Online.

Exercise 1.
1. Open Notepad.
2. Type a command like this:

3. Then save, click "File" - "Save"


Then run the HTML file using a browser (Internet Explorer, Firefox, etc)


Writing HTML structure:
1. Each page must begin with the HTML tags <html> and end with <html>
2. <head> And </head> information used as the HTML document
3. <title> And </title> to display the title of the HTML document
4. <body> And </body> for the contents of the HTML document.
We note that <title> and </title> tags must be in <head>
Individual tags have an opening and closing