Welcome Guest [Log In] [Register]
Welcome to NguyenDucDung's Forum. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Làm Web Noel; Kool
Topic Started: Jan 5 2006, 10:37 AM (358 Views)
cobe_kieuki
Member Avatar

Thành viên
Có khá nhiều người còn chưa rõ về HTML nhưng vẫn muốn làm 1 site nho nhỏ tặng bạn thân hoặc người yêu để lấy 1 chút gì đó tiếng tăm . ... !

Mình sẽ dạy bạn 1 cách làm đơn giản mà mình biết giống như trang này :
http://dung-trang.net.ms
Yêu Em anh Biết nói sao
Văn thơ không thạo chỉ trao nỗi lòng
Trăng kia có sáng có tròn
Nhưng lòng anh khuyết ... Hao mòn nhớ em
Offline Profile Quote Post Goto Top
 
cobe_kieuki
Member Avatar

Thành viên
Để làm được 1 site bắt buộc bạn phải có 2 thứ đó là 1 hosting free và 1 domain free ( domain thì tính sau nhưng bắt buộc hosting thì phải có ) . bạn đừng vội nản trí . cứ đọc hết bài viết này sẽ hiểu tại sao ko nên nản trí . :04: ( giải thích free là miễn phí , domain là tên miền , hosting là nơi chứa website của bạn )

=======

* Đăng ký hosting free
có rất nhiều hosting free trên mạng nhưng những người mới bắt đầu hay sử dụng 1 web rất đơn giản có tên là : www.freewebs.com !
bạn hãy vào site trên ! để đăng ký !
+ bạn vào ô số 1 để đăng ký ấn vào chữ SignUp nha :


Các bước thực hiện :

ô : Choose a Username: bạn ghi tên của bạn ( nhớ là tên sẽ dùng để truy cập vào hosting của bạn đó . có thể nó bị trùng với nhiều người bạn hãy thêm ký tự 123 hoặc số gì đó nhé )
ô : Choose your Password : nhập pass vào
ô : Retype your Password : gõ lại pass phía trên
ô : Email Address: nhập email của bạn vào ( nên lấy đúng email để lấy lại pass nếu quên )
ô : Where did you hear about us? ( chọn 1 cái bất kỳ )
ô : Check the Box Below to Accept Our Terms of Use ( đánh dấu vào )
sau khi xong hết ấn Next Step nó sẽ chuyển bạn sang 1 trang mới bạn hãy kick vào chữ I AGREE


tiếp tục chuyển trang bạn đánh dấu vào ô " HTML Mode "
Your Full Name: ( gõ lại tên lúc đầu bạn đăng ký )
Site Category: ( chọn 1 cái bất kỳ )

sau đó ấn Next Step :

Your Information

First Name: ( tên của bạn )
Last Name: ( họ của bạn )
E-mail address: ( email của bạn )
Zip Code: ( 08404 )

đánh dấu vào 1 ô bất kỳ

sau đó ấn vào No Thanks

vậy là bạn đã có 1 hosting !

======

nó sẽ chuyển bạn vào hosting của bạn bạn có thể click vào dòng chữ :
Click here when you are ready to enter your account for the first time.
hoặc Site Manager ( bên trái )

bây giờ bạn hãy chú ý đến 3 mục sau : ( xem hình bên dưới )


bạn click vào ô Add a Folder để tạo 1 Folder có tên là images ( nó sẽ chứa các hình ảnh của bạn )
sau khi tạo xong nó sẽ có dạng như sau :


bây giờ hãy quan tâm đến cái file index.html ngay phía dưới . !
bạn click vào Edit như hình bên dưới : ( chú ý khi click nó sẽ bung 1 cửa sổ mới )

khi nhìn bên cửa sổ mới bạn sẽ thấy dòng này đầu tiên

CODE
<HTML><HEAD><TITLE>username của bạn</TITLE></HEAD>


Làm xong thì save lại nha như thế này nè :

XONG BƯỚC ĐẦU TIÊN
Yêu Em anh Biết nói sao
Văn thơ không thạo chỉ trao nỗi lòng
Trăng kia có sáng có tròn
Nhưng lòng anh khuyết ... Hao mòn nhớ em
Offline Profile Quote Post Goto Top
 
cobe_kieuki
Member Avatar

Thành viên
BƯƠC TIẾP THEO
Bây giờ bạn vào trang này của mình save lại các hình ảnh trong trang web vào máy của bạn
Sau đó ấn vào chữ Upload a File

Up hết các ảnh mà bạn đã lưu vào máy (Từ trang web của mình đấy) hihi
Sao khi đã Up xong thì bạn ấn vào chữ edit như ở đây


Cho toàn bộ code này vào đây ( nhớ thay đổi lại cho phù hợp với web của bạn )

CODE

<HTML><HEAD><title>Merry Christmas | Khanh chuc cac ban co mot mua Giang Sinh vui ve , an lanh....</title>
<meta http-equiv="Content-Language" content="en-us">
<META content="Microsoft FrontPage 5.0" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<META http-equiv=Content-Type content="text/html;"><LINK

href="styletest.css" type=text/css rel=stylesheet>
<script SRC="no_click.js" language="javaScript"></SCRIPT>
<STYLE>BODY {
CURSOR: url('starwar.ani')
}
</STYLE>
<bgsound src="Christmas.mid" loop="10">
<script>
var text1="***Ban hay gui trang web nay toi nhung nguoi ban thuong yeu nhat de chuc mung Noel***"
comeback=0
cometo=0
function dis(){
window.status=text1.substring(0,cometo)
if(comeback==1){
cometo--;
if(cometo==0){comeback=0}
} else {cometo++;if(cometo==text1.length){comeback=1}}
window.status=text1.substring(0,cometo)+"|"
if(cometo==text1.length){window.setTimeout("dis()",500);} else {window.setTimeout("dis()",50);}
}
dis()
</SCRIPT>
<body background="snowbg.jpg">
</head>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="33%" rowspan="3">
<img border="0" src="belll.gif" align="left" width="82" height="79"></td>
<td width="33%">&nbsp;</td>
<td width="34%" rowspan="3">
<img border="0" src="bellr.gif" align="right" width="82" height="79"></td>
</tr>
<tr>
<td width="33%">
<p align="center">
<img border="0" src="xmas-2004b.gif" width="500" height="30"></td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
<tr>
<td width="100%">
<p align="center">&nbsp;
<script language=JavaScript1.2>

/*
Dynamic countdown Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
visit http://www.dynamicdrive.com
*/


function setcountdown(theyear,themonth,theday){
yr=theyear;mo=themonth;da=theday
}

//////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////

//STEP 1: Configure the countdown-to date, in the format year, month, day:
setcountdown(2005,12,25)

//STEP 2: Change the two text below to reflect the occasion, and message to display on that occasion, respectively
var occasion="Nôel !"
var message_on_occasion="Merry Christmas!"

//STEP 3: Configure the below 5 variables to set the width, height, background color, and text style of the countdown area
var countdownwidth='600px'
var countdownheight='40px'
var countdownbgcolor='lightblue'
var opentags='<font face="Verdana"><large>'
var closetags='</large></font>'

//////////DO NOT EDIT PASS THIS LINE//////////////////

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''

function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}

if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML="Còn "+opentags+dday+ " ngày, "+dhour+" giờ, "+dmin+" phút, và "+dsec+" giây nữa sẽ đến "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</SCRIPT>
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber4">
<tr>
<td width="100%">
<p align="center"><img border="0" src="juletra5l.gif" width="143" height="109"><img border="0" src="noel2.gif" width="385" height="228"><img border="0" src="juletra5.gif" width="143" height="109"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber5">
<tr>
<td width="33%" valign="bottom">
<img border="0" src="julmand3.gif" align="left" width="104" height="121"></td>
<td width="33%">
<p align="center"><img border="0" src="moinguoi.gif" width="455" height="294"></td>
<td width="34%" valign="bottom">
<img border="0" src="julmand4.gif" align="right" width="111" height="115"></td>
</tr>
<tr>
<td width="33%">&nbsp;</td>
<td width="33%">&nbsp;</td>
<td width="34%">&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber7">
<tr>
<td width="26%"><img border="0" src="adventl2.gif" width="81" height="54"></td>
<td width="74%">
<span style="font-size: 10.0pt; font-family: Arial; color: #0000FF; font-style: italic">
&nbsp;&nbsp;&nbsp;&nbsp;
Hãy thắp lên một ngọn nến bên ô cửa sổ. Sự ấm áp của ngọn nến sẽ làm lòng
bạn ấm lại. Sự lung linh của ngọn nến sẽ mang những kí ức về nhảy múa. Sự
mỏng manh của nó sẽ buộc bạn phải suy tư. Sự dịu dàng của nó sẽ làm bạn sáng
suốt. Sự hiện diện của ngọn nến sẽ làm cho mọi người nhìn ra bạn. Và như
thế, những người không có bạn bè sẽ cảm thấy không lẻ loi nữa.</span></td>
</tr>
<tr>
<td width="26%"><img border="0" src="angel.gif" width="96" height="80"></td>
<td width="74%"><i>
<span style="font-size:10.0pt;font-family:Arial;color:red">&nbsp;&nbsp;&nbsp;&nbsp;
Và hãy mơ mộng
bạn ạ. Vì mơ mộng chính là bạn đang hé mở và chờ đợi. Các thiên thần đã sửa
soạn đôi cánh của mình chờ khoảnh khắc xuống trần gian. Họ sẽ gõ cửa và đặt
chiếc hôn lên trán bạn đấy. Vì thế giấc mơ nào trong đêm Gíang Sinh cũng
lung linh, lung linh...</span></i></td>
</tr>
<tr>
<td width="26%"><img border="0" src="image001.gif" width="120" height="114"></td>
<td width="74%" valign="top"><i><font face="Arial">
<span style="font-size:10.0pt;color:fuchsia">&nbsp;&nbsp;&nbsp;&nbsp;
</span></font>
<span style="font-size:10.0pt;font-family:Tahoma;color:fuchsia"><br>
</span><span style="font-size: 10.0pt; font-family: Arial; color: blue">
<img border="0" src="image002.gif" width="16" height="16">Có những ước mơ sẽ vẫn chỉ là ước mơ
dù cho ta có nỗ lực đến đâu nhưng nhờ có nó ta mạnh mẽ hơn, yêu cuộc
sống hơn và biết cố gắng từng ngày. <br>
<img border="0" src="image002.gif" width="16" height="16">Có những lời hứa cũng vẫn chỉ là lời
hứa dù ta có mãi chờ đợi bởi nguời hứa đã không còn nhớ, nhưng nhờ có nó
ta biết hi vọng và mong chờ.</span><span style="font-size: 10.0pt; font-family: Arial; color: #333333">
<br>
</span>
<span style="font-size: 10.0pt; font-family: Arial; color: fuchsia">
<img border="0" src="image002.gif" width="16" height="16">Và sẽ có những người làm nên tất cả vì họ
có ước mơ; họ tin vào lời hứa; họ có những lời ước hẹn; họ đã trưởng thành
từ nỗi đau; họ nhận ra sai lầm; họ có một người bạn thật sự và vì bên họ còn
có một tình yêu.</span><span style="font-size: 10.0pt; font-family: Arial; color: #333333">
</span>
</i>
<p><i><font face="Arial">
<span style="font-size:10.0pt;color:fuchsia">&nbsp;&nbsp; <b>&nbsp;Còn bây giờ,
hãy để lòng mình lắng xuống, bạn nhé. Bạn chỉ có thể nghe và thấy những điều
kì diệu khi không còn những tạp âm...</b></span></font><span style="font-size:10.0pt;font-family:Tahoma;color:fuchsia"><br>
&nbsp;</span></i></p>
<p align="center"><b>
<span style="font-size: 10.0pt; font-family: Arial; color: blue">
<img border="0" src="image002.gif" width="16" height="16">Tất cả là cuộc sống.<img border="0" src="image002.gif" width="16" height="16"></span></b></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber8">
<tr>
<td width="50%">&nbsp;</td>
<td width="50%">&nbsp;</td>
</tr>
<tr>
<td width="50%">
<img border="0" src="nguoi-tuyet.gif" width="76" height="92" align="right"></td>
<td width="50%" valign="top"><font color="#0000FF">Admin :
Khánh Nam</font><p><font color="#0000FF">Email :
<a href="mailto:dongnatsatvun@gmail.com">dongnatsatvun@gmail.com</a> <br>or <br><a href="mailto:maimaimottinhyeu_kn234@yahoo.com">maimaimottinhyeu_kn234@yahoo.com</a>
<br>
&nbsp;</font></td>
</tr>
</table>

<script type="text/javascript" src="/i.js"></script></body>

</html>
Yêu Em anh Biết nói sao
Văn thơ không thạo chỉ trao nỗi lòng
Trăng kia có sáng có tròn
Nhưng lòng anh khuyết ... Hao mòn nhớ em
Offline Profile Quote Post Goto Top
 
sakura
Member Avatar
Người thứ 3 ...
Moderator
Kinh, zz dạo này lên chân dữ ta
.♥.•:*´`*:•.Miss.•:*´¨`*:•.♥.♪.•:*´`*:•.Love.•:*´¨`*:•...•:*´`*:•.Happy.•:*´¨`*:•.♥.♪.•:*´`*:•.Hope.•:*´¨`*:•.♥.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

Hehe. thuờng thui
Mà cobe_kieuky bựa quá, ai cho em lấy cái web của anh làm demo đấy hả
Quote Post Goto Top
 
làm sao quên em
Member Avatar

Thành viên
Chẳng hỉu j`



Buồn ơi, từ đâu đến
Mà buồn chẳng chịu vơi
Vui ơi, sao đã mời
Mà ngàn khơi xa mãi
Chốn nhân gian bận rộn
Ta vẫn sẽ đi tìm
Hình bóng một trái tim
Cho buồn kia tan biến..
Offline Profile Quote Post Goto Top
 
« Previous Topic · Thiết kế Website · Next Topic »
Add Reply