View Full Version : Topic cho những ai thích design WEB
Me Minh Cua
20/05/2004, 09:49 AM
Mẹ Minh cua đã đọc nhiều bài nói về kinh nghiệm làm web cho bé, nhưng chưa thấy ai truyền cho cách thêm chức năng tự động gửi thư cảm ơn khi có người để lại lưu bút trong guest book.
Mình đang làm thử cho Minh cua 1 site ở freewebs.com và đã hỏi 1 anh bạn web designer, nhưng anh ta sau khi kiểm tra và thông báo rằng, ở đó họ không cho mình sửa đổi hay bổ sung chức năng gì cả.
Các bạn sẽ cảm thấy thế nào nếu nhận được cầu cảm ơn cho dù rất ngắn gọn sau khi ghé thăm site nào đó? Sẽ rất hài lòng và ấn tượng với site đó, phải không? Và cảm thấy người chủ site đó rất lịch sự nữa.
Website của Kiki là một ví dụ! Bạn cứ thử sẽ thấy. (Có thể một vài site khác cũng đã có chức năng này, nhưng Mẹ Minh cua chưa có dịp ghé thăm mà thôi).
Vì vậy, mình post bài này những mong các ông bố, bà mẹ, nếu có ai biết có free web & hosting nào có sẵn chức năng này hoặc cho phép bổ sung chức năng này thì alô cho Mẹ Minh cua và mọi người cùng biết với nhé.
Xin được cảm ơn trước.
Liên ròm
20/05/2004, 01:50 PM
Mình nhớ trong phần mềm Frontpage có cách làm mà mình quên mất rồi, cũng gần 4 năm nay chưa rờ mò vọc lại nên.... lạc hậu rồi, mẹ Minh Cua nghiên cứu FrontPage xem sao.
Kinh nghiệm của mình là không dùng dịch vụ trọn gói. Một trang web giúp bạn xây dựng trang của bạn trọn gói thường hạn chế dung lượng thông tin mà bạn muốn tải lên (vì server của họ có hạn). Bạn có thể soạn trang web của bé bằng Frontpage (như mình làm chẳng hạn) rồi link đến những trang riêng biệt cho Album, Guest's book, auto counting... Sau đó thì tìm một free web hosting để đưa trang web của bạn lên. Bạn có thể tìm những trang cung cấp guest's book (thử tham khảo trang của mình xem, vào guest book rồi nhìn xuống cuối trag sẽ thấy địa chỉ) rồi tự chọn và soạn lấy 1 guest'book cũng như những chức năng bạn thích rồi để link từ trang web của bạn.
Như trang web của Kiki, bọn mình chỉ để trên hosting server khoảng 3 trang còn lại đều được link đến các trang khác hết. Album của Kiki sẽ thoải mái lắm vì có đến 0,8GB để chứa ảnh, đã không?? Bọn mình mới upgrade trang web của Kiki đấy. Các bạn ghé thăm nhé. Cảm ơn các bạn.
Liên ròm
21/05/2004, 07:28 AM
Me Kiki ơi, đã vào tham quan phần web, phần hình lẫn phần guest book nhưng không thấy phần search cho biết cái guest book đến từ đâu. Mà Mẹ Minh Cua muốn hỏi là trang cảm ơn sẽ chạy ra sau khi có ngừơi submit guest book, nhưng theo mình kiểm tra thì mẹ Kiki làm cái phần đó ở chỗ khác rồi chứ không phải trên cùng same page. he he
À, mẹ Minh Cua hãy click vao đây sẽ xem được GUESTBOOK WITH THANK YOU PAGE (http://www.htmlgoodies.com/beyond/asp3.html) nhưng chỉ sợ server của mẹ không support ASP thôi.
Me Minh Cua
21/05/2004, 10:54 AM
Chào Lienrom!
Bạn nói mình mới biết trong Frontpage software có cách làm thank u page. Cái đĩa CD dạy ngôn ngữ Frontpge mua lâu rồi nhưng chưa xem được tý gì.
Cái GUESTBOOK WITH THANK YOU PAGE mà lienrom "sợ server của mẹ không support ASP thôi" lại support được. Vấn đề lại ở chỗ... tiếng Mỹ :) nên mẹ Minh cua cần phải có thời gian.
Cảm ơn lienrom đã mách nước.
Chào kiki!
Kinh nghiệm của kiki rất hay. Thật đơn giản lại hiệu quả. Tại sao mình lai không nghĩ ra cơ chứ(?!)
Đúng như lienrom nói, minh không thể tìm thấy links theo cách kiki hướng dẫn. Kiki có thể list luôn ra đây các weblink của bạn cho chị em cùng tham khảo được không?
(kiki có thường xuyên thức khuya như hôm qua không? Thức khuya là kẻ thù đáng gờm của nhan sắc đấy)
Liên ròm
21/05/2004, 02:06 PM
Ối trời thức khuya là bạn của nàng đấy, để chat với "người yêu bên Thụy Điển" mà.
Mẹ Minh Cua ơi cái sever của bạn support được ASP sướng quá đi thôi. Liên cũng đang làm website cho 2 nhóc đây nhưng mà cái server của Liên thì nó từ chối ASP thẳng thừng nên thôi đưa cho mẹ MC xài vậy. Hy vọng là Mẹ MC hài lòng.
Me Minh Cua
24/05/2004, 04:42 PM
Máy ảnh của mình có chức năng quay camera trong vòng 30s. Vì vậy mình có một vài đoạn phim ngắn hay hay nên muốn đưa lên web.
Theo lienrom và một số mẹ khác có biết một số freeweb không những cho phép tải các file dạng *.jpg mà còn cho phép tải dạng *.gif. Vậy có chỗ nào cho phép tải những đoạn phim kia lên không?
Hoặc có cách nào chế biến các đoạn phim kia để tải không?
Chị em ơi, ai biết mách nước cho mình với.
Xin được cảm ơn trước.
(Tái bút: "Vấn đề" hôm nay hỏi khác hẳn với nội dung của topic này, nhưng mình cho luôn vào đây cho gọn gàng, thông cảm nhé).
Mẹ Minh cua viết thư cho anh xã mình nếu cần giúp đỡ làm guest book và cài đặt nhé. Server của bọn mình còn khá thoải mái để cài thêm 1 guest book nữa. Chuyện để phim lên thì trang nào mà chẳng được. Đưa về dạng AVI thì ở VN nhiều người đọc được (máy ảnh thưởng ở sẵn dạng MOV). Vấn đề là dung lượng lớn đưa lên không chắc người ta đã download được thôi. Còn như chị Liên nói thì cũng có thể hiện ra 1 cửa sổ cảm ơn khi có người view guest book. Mình chỉ viết thêm 1 trang nữa và để nó ở ngay nút back chẳng hạn. Khi người ta đọc xong guest book và nhấn nút thì cửa sổ tự động mở ra và sleep ở đó ít giây rồi quay về trang mà nút back link tới. Lần tới em sẽ làm như vậy cho guest book của Kiki.
Mọi người có biết là nếu chỉ chuột vào những cái ảnh bé xíu trên trang web của Kiki sẽ hiện lên cái ảnh to hơn không? Dùng DHTML vui lắm.
Liên ròm
24/05/2004, 10:46 PM
Biết ạ nhưng mạng VN rùa lắm không biết mọi người có coi được ảnh to đùng như thế không và còn rất nhiều hình coi có hết đựơc không chứ.
Me Khue
24/05/2004, 10:48 PM
Đó là điều làm em thích nhất đó mẹ KiKi ơi, chỉ cần đưa chuột tới ảnh của bé thì tự nhiên sẽ ra 1 ảnh phóng to, em rất muốn học hỏi thêm nhưng sao khó quá và chẳng có thời gian nghiên cứu. Sao em ngưỡng mộ các mẹ quá chời :D
Me Minh Cua
26/05/2004, 08:38 AM
Chào Kiki!
Mình không biết địa chỉ của AX kiki. Vả lại mình nghe nói AX kiki sắp về rồi, thể nào chẳng có dịp đưa 2 mẹ con kiki xuống Hải phòng chơi. Khi đó mình sẽ "phỏng vấn trực tiếp" luôn á. Nhưng nếu Kiki đã có kinh nghiệm làm guest book rồi thì "loa loa loa" đi cho chị em biết với.
Kiki nói: "Server của bọn mình còn khá thoải mái để cài thêm 1 guest book nữa." nghĩa là mình có thể hiểu: kiki sẵn sàng cho mình đặt cái guest book của Minh cua vào đó à? Không biết hiểu thế có đúng không hay lại đang "nằm mơ giữa ban ngày". :o
Còn việc dùng html để thu nhỏ ảnh của kiki thì bây giờ mình mới biết. Trước mình đặt ảnh của Minh cua tại webshots.com, chẳng cần làm gì nó cũng tự động thu nhỏ, cho nên mình không hề có tí "thắc mắc" gì về chuyện đó khi xem ảnh của kiki. Kiki đã giới thiệu thì giới thiệu cho chót đi, cách sử dụng html như thế nào?
Chào Me Khue!
Giống như Me Khue, Mẹ Minh cua muốn học nhiều thứ, nhưng lại không có nhiều thời gian. Mình đã từng mua rất nhiều sách, băng, đĩa CD tự học, nhưng đều vứt xó. Mình thấy học hỏi kinh nghiệm trên Webtretho này rất dễ hiểu và tiết kiệm thời gian. Bởi vì các lý do:
- Cần biết gì, hỏi nấy - không mất công tìm kiếm. Cứ post bài lên đây, gần 7500 thành viên, thể nào cũng có người biết. WTT là nơi hội tụ của những ông bố, bà mẹ rất tốt bụng và đầy nhiệt tình. Họ sẽ tư vấn vô tư cho chúng ta.
- Các ông bố, bà mẹ ở WTT không phải ai cũng có trình độ sư phạm, nhưng tất thảy mọi người - ai nói cũng dễ hiểu vì sự giản dị của họ. Điều này chúng ta khó có thể tìm thấy trên sách vở.
- Trường hợp nói rồi, vẫn chưa hiểu, chúng ta vẫn có quyền hỏi lại. Điều này rất đáng quý vì làm gì đã có ai hỏi "sách ơi có phải thế này không?". Còn nếu đi tìm tác giả quyển sách đó thì đến... mồng thất.
(P/s: Hôm nay Mẹ Minh cua hơi chiết lý, vì tối hôm qua đi chơi về muộn bị ông bà Minh cua "lên lớp" chiết lý cho mấy tiếng đồng hồ nên... bị nhiễm, thông cảm nhá)
Sao lại "mơ giữa ban ngày"? Thậm chí ông xã mình còn bảo là để anh làm sẵn 1 cái cài sẵn rồi em gửi địa chỉ cho mẹ Minh cua để nàng chỉ việc link vào trang web của Minh cua thôi ấy. Sướng không??? Nhưng mình bảo là để hỏi mẹ cháu đã. Biết đâu mẹ cháu lại thích tự design cho con trai 1 guest book. Nếu Mẹ Minh cua thích thì viết thư cho mình mình cho địa chỉ của bố Kiki nhé. Post lên đây, nhỡ ra... hihihi (các bác thông cảm nhà cháu muộn chồng nên cảnh giác hơi bị cao :D :D :D )
Cái vụ DHTML mình cũng đang học thôi. Nhiều điều thú vị lắm. Bữa nào vỡ vạc được 1 chút sẽ chia sẻ kinh nghiệm nhé.
Meo U
26/05/2004, 10:27 AM
Hihi, mẹ Kiki cảnh giác hơi bị cao nhé, chắc hẳn vì trót có AX "ngon" chứ gì, thấy các mẹ khen tới tấp nên nàng sợ :D
Me Minh Cua
26/05/2004, 11:05 AM
Không phải là sướng!
Mà phải nói là... quá sướng.
Cảm ơn nhều nhều.
Bây giờ mình đang "định hình" cho bộ mặt của web. Khi nào cảm thấy "duyệt" được, mình sẽ gửi thư cho kiki. Nhớ giữ cho mình 1 suất nhá. Nhờ kiki rào trước với AX là có thể mình sẽ có thêm 1 chút ý tưởng để guest book của MC có đặc điểm riêng. Với lại, chắc chắn kiki chẳng muốn cái của kiki lại bị người khác copy 100% chứ.
Còn cái vụ: (các bác thông cảm nhà cháu muộn chồng nên cảnh giác hơi bị cao) xin chị em đừng tin cái miệng của kiki vì AX kiki là người như thế nào không phải Mẹ MC không biết. Xin thưa là chẳng dễ dàng gì đâu. AX kiki có rất nhiều việc "đại sự" phải hoàn thành mà thời gian lại chỉ có 24/7 (24h/ngày và 7ngày/tuần) nên kiki không muốn AX bị chia sẻ. Vụ guest book của MC chắc chắn là trường hợp đặc biệt rồi.
Mẹ MC đang rất nôn cái vụ DHTML (mình lại cứ tưởng là kiki gõ html bị sai - thế mới quê chứ). Chắc nhiều mẹ khác cũng thế vì chưa thấy ai bàn cả. Khi nào có dịp nhớ post ngay nhé.
Minh Cua
14/06/2004, 08:14 AM
Chèn nhạc nền vào website
Khi thiết kế website hẳn sẽ không ít bạn muốn cho nhạc nền vào website của mình.Bạn cũng có thể đưa nhạc nền vào website bằng rất nhiều cách như dùng Flash chẳng hạn.., nay tôi cũng xin giới thiệu với các bạn một cách nữa cũng rất đơn giản mà hiệu quả khá cao.Bạn chỉ việc copy đoạn mã sau vào website của bạn và đưa nên mạng là xong liền hà
<embed src="http://www.giaidieuxanh.vietnamnet.vn/msol/neu_phai_xa_nhau_minhquan.swf" height="16" width="20" hidden="false" autostart="true" loop="false"><noembed><bgsound src="http://www.giaidieuxanh.vietnamnet.vn/msol/neu_phai_xa_nhau_minhquan.swf" loop="infinite"></noembed>
Khi bạn copy đoạn mã trên vào website của bạn và đưa nên mạng thì bài hát nền của bạn sẽ là bài "Nếu phải xa nhau " của ca sĩ Minh Quân. Nếu bạn muốn cho bài hát khác vào thì sao? Cũng rất đơn giản thôi, bạn vào website khá nổi tiếng http://www.giaidieuxanh.vietnamnet.vn , vào mục nghe nhạc Online, nếu bạn thích bài hát nào thì kích hoặt vào bài hát đó, một của sổ nhỏ mới sẽ được bật ra ở góc trái màn hình của bạn, bạn đưa chuột vào đó, View source để xem mã nguồn, bạn copy dòng mã *.swf (VD nếu tôi thích nghe bài Người Việt Nam của ca sĩ Đan Trường thì tôi sẽ copy nguoi_Viet_Nam_dantruong.swf ) và dán đè nên dòng neu_phai_xa_nhau_minhquan.swf của đoạn mã nguồn trên.
Chúc các bạn thành công !
Minh Cua
14/06/2004, 08:20 AM
Đặt Bộ đếm trên trang Web
Thật là điều tự nhiên, ngay khi đưa trang web đầu tiên của mình lên Internet, bạn đã muốn biết có bao nhiêu người sẽ đến đọc trang web đó. Cũng như bạn, tôi đã từng sử dụng khá nhiều những bộ đếm (counter) miễn phí. Nhưng rồi không bằng lòng với những gì được cho không, cộng với chút công sức tìm hiểu, tôi đã tìm ra được cách làm bộ đếm cho mình.
Vì bộ đếm này được viết bằng PHP nên điều kiện để bộ đếm hoạt động được là website của bạn phải hỗ trợ PHP. Nếu bạn muốn lưu giữ website miễn phí thì đây là một số nhà cung cấp dịch vụ lưu website có hỗ trợ PHP: www.cbj.net, www.lycos.co.uk, www.sourceforge.net, …
Sau đây là hướng dẫn nhanh để bạn có được bộ đếm trên trang web của mình.
Bước 1: Mở tệp web muốn đặt bộ đếm bằng một trình soạn thảo văn bản như Notepad, EditPlus, UltraEdit. Mã HTML trang web của bạn sẽ hiện lên trong trình soạn thảo.
Bước 2: Tìm đến vị trị bạn muốn hiện bộ đếm, và dán đoạn mã PHP dưới đây vào:
<?
$CountFile = "index.log";
$CF = fopen ($CountFile, "r");
$Hits = fread ($CF, filesize ($CountFile));
fclose ($CF);
$Hits++;
$CF = fopen ($CountFile, "w");
fwrite ($CF, $Hits);
fclose ($CF);
echo ($Hits);
?>
Bước 3: Lưu tệp. Nếu tệp có phần mở rộng là .htm thì đổi tên sang .php. Ví dụ index.htm thì đổi thành index.php. Có vậy thì server mới hiểu và thi hành đoạn mã để hiện bộ đếm.
Bước 4: Tạo một tệp văn bản có tên index.log để lưu giá trị đếm. Nội dung tệp này là một con số bất kỳ mà bạn muốn bắt đầu cho bộ đếm của mình (ta hãy bắt đầu bằng con số 0). Nhớ đừng thêm dấu cách, Enter hay một ký tự nào khác ngoài con số trên.
Bước 5: Upload tệp web chứa bộ đếm (index.php) và tệp index.log lên website của bạn. Và nhớ đặt thuộc tính cho tệp index.log là writable bằng lệnh chmod 777.
Bây giờ, hãy đánh địa chỉ tệp web của mình trong trình duyệt, bạn sẽ thấy trang web hiện lên cùng với bộ đếm. Mỗi lần bạn nhấn nút Refresh thì bộ đếm lại tăng lên 1 đơn vị.
***
Nay ta hãy nhìn sâu vào đoạn mã PHP một chút. Nguyên lý chung của các bộ đếm là lưu giá trị đếm vào một tệp riêng, mỗi lần có người truy cập đến tệp web thì sẽ đọc giá trị lưu trong tệp đếm, tăng thêm 1, ghi lại vào tệp đếm và hiện giá trị đó lên màn hình.
Trước hết, ta cần cho chương trình biết giá trị đếm được lưu ở đâu, hay nói cách khác, tên tệp lưu giá trị đếm là gì:
$CountFile = "index.log";
Dùng các hàm xử lý tệp do PHP cung cấp, ta lần lượt mở tệp ở chế độ đọc ("r" có nghĩa là "reading") và gán con trỏ tệp cho biến $CF:
$CF = fopen ($CountFile, "r");
đọc toàn bộ nội dung tệp và lưu vào biến $Hits:
$Hits = fread ($CF, filesize ($CountFile));
và đóng tệp lại sau khi đọc xong:
fclose ($CF);
Giá trị đếm hiện tại đã được lưu ở biến $Hits, giờ ta tăng biến này thêm 1 để chỉ rằng đã có thêm một người nữa truy cập trang web:
$Hits++;
Các bước tiếp theo cũng tương tự như ở trên. Ta mở tệp ở chế độ ghi ("w" có nghĩa là "writing"), ghi lại biến $Hits (đã tăng thêm 1 so với trước) và đóng tệp sau khi ghi xong:
$CF = fopen ($CountFile, "w");
fwrite ($CF, $Hits);
fclose ($CF);
Việc cuối cùng là ta hiện giá trị đếm lên màn hình:
echo ($Hits);
Giá trị đếm này hiện lên ở chế độ văn bản, sử dụng đúng loại font mà bạn đang dùng trong trang web. Nếu bạn muốn thay đổi kiểu chữ, cỡ chữ, màu sắc để làm nổi bật bộ đếm, bạn có thể sử dụng thẻ <FONT> trong mã HTML để làm điều này.
***
Bạn chắc cũng chưa thoả mãn với bộ đếm ở dạng văn bản mà muốn bộ đếm được thể hiện ở dạng đồ hoạ, giống như ở các trang web chuyên nghiệp khác. Việc này không khó. Bạn cần có thêm các tệp ảnh (dạng .gif hoặc .jpg) chứa các con số từ 0 đến 9. Bạn có thể tải về nhiều tệp ảnh với các hình dạng con số khác nhau tại Digitmania. Giả sử các tệp ảnh này có tên lần lượt là 0.gif, 1.gif, … 9.gif - mỗi tệp tương ứng với một con số, và các tệp ảnh này đều lưu ở cùng thư mục với tệp index.php trên server.
Đoạn mã PHP trong tệp index.php sẽ như sau:
<?
$CountFile = "index.log";
$CF = fopen ($CountFile, "r");
$Hits = fread ($CF, filesize ($CountFile));
fclose ($CF);
$Hits++;
$CF = fopen ($CountFile, "w");
fwrite ($CF, $Hits);
fclose ($CF);
for ($i = 0; $i < strlen($Hits); $i++)
{
$Digit = substr ($Hits, $i ,1);
echo "<IMG SRC = \"$Digit.gif\">";
}
?>
Bạn thấy là những dòng đầu hoàn toàn giống như trước. Sự khác nhau chỉ bắt đầu ở dòng cuối cùng. Thay vì dòng lệnh echo ($Hits); ta dùng vòng lặp for để lần lượt tách từng con số trong giá trị đếm và lưu tạm vào một biến gọi là $Digit:
$Digit = substr ($Hits, $i ,1);
sau đó ta sẽ dùng thẻ <IMG> của HTML để chỉ ra các tệp ảnh nào ta muốn hiện tương ứng với từng con số trong giá trị đếm:
echo "<IMG SRC = \"$Digit.gif\">";
Ví dụ giá trị đếm lưu trong biến $Hits là 865. Giá trị này gồm 3 chữ số nên vòng lặp for sẽ được thực hiện 3 lần. Tại lần thứ nhất, biến $Digit sẽ được gán với con số thứ nhất, tức là bằng 8. Lần thứ hai và thứ ba, biến $Digit sẽ lần lượt nhận giá trị là 6 và 5. Kết quả là trang web index.php khi xuất hiện trong trình duyệt của người dùng sẽ có mã HTML thực tế là:
<IMG SRC="8.gif"><IMG SRC="6.gif"><IMG SRC="5.gif">
và trình duyệt sẽ hiện lên 3 tệp ảnh tương ứng với các con số 8, 6, 5, tạo thành một dãy số hoàn chỉnh là số lần trang web đã được truy cập.
***
Câu hỏi cuối cùng đặt ra: Làm thế nào để đặt bộ đếm trên nhiều trang web khác nhau mà mỗi trang không phải lặp lại đoạn mã trên nữa? Cũng như nhiều ngôn ngữ lập trình khác, PHP cho phép người dùng tạo ra các hàm xử lý riêng và đặt các hàm này ở một tệp riêng để giảm bớt chiều dài cho tệp chính. Tệp chứa các hàm riêng như vậy gọi là tệp thư viện.
Vận dụng khả năng trên, ta đặt toàn bộ đoạn mã bộ đếm vào một hàm gọi là Counter và đặt hàm này vào một tệp thư viện có tên là ezcount.php. Hãy nhìn vào nội dung của tệp ezcount.php này là gì:
<?php
function Counter ($CountFile, $Text, $ImgPath, $ImgType)
{
$CF = fopen ($CountFile, "r");
$Hits = fread ($CF, filesize ($CountFile));
fclose ($CF);
$Hits++;
$CF = fopen ($CountFile, "w");
fwrite ($CF, $Hits);
fclose ($CF);
if ($Text)
{
echo ($Hits);
}
else
{
for ($i = 0; $i < strlen($Hits); $i++)
{
$Digit = substr ($Hits, $i ,1);
echo "<IMG SRC =\"$ImgPath/" . $Digit . "$ImgType\">";
}
}
}
?>
Ta dễ dàng nhận thấy nội dung chính của tệp ezcount.php cũng giống như đoạn mã mà ta đã biết. Nhưng ở đây có một số điểm mới nhằm giúp đoạn mã được sử dụng linh hoạt hơn. Hãy nhìn vào dòng đầu tiên của hàm:
function Counter ($CountFile, $Text, $ImgPath, $ImgType)
Dòng này chỉ ra hàm của chúng ta có tên là Counter và có 4 giá trị đầu vào, hay còn gọi là 4 tham số.
• Tham số thứ nhất $CountFile chỉ ra tên tệp lưu giá trị đếm. Với mỗi tệp web, ta cần có một tệp lưu giá trị đếm nên ta cần phải chỉ rõ tên tệp lưu giá trị đếm này khi gọi hàm để tránh ghi nhầm vào tệp lưu giá trị đếm khác.
• Vì có lúc ta muốn dùng bộ đếm dạng văn bản, có lúc lại muốn dùng bộ đếm dạng đồ hoạ nên ta cần có một tham số $Text có tác dụng như nút chuyển giữa hai dạng này. Nếu muốn thể hiện bộ đếm dạng văn bản, khi gọi hàm ta đặt tham số này bằng 1, còn với bộ đếm dạng đồ hoạ, tham số này cần đặt bằng 0.
• Tham số thứ ba $ImgPath chỉ ra đường dẫn thư mục lưu các tệp ảnh chứa con số. Vì tệp web chứa bộ đếm có thể không nằm cùng thư mục với các tệp ảnh chứa con số nên ta cần có đường dẫn này để tìm đến đúng nơi chứa các tệp ảnh.
• Tham số thứ tư $ImgType chỉ ra loại tệp ảnh, được thể hiện bằng phần mở rộng của tệp là ".gif" hoặc ".jpg".
Giờ ta nhìn vào đoạn cuối của hàm. Đây là nơi xử lý cụ thể việc lựa chọn giữa bộ đếm dạng văn bản và dạng đồ hoạ. Ý nghĩa của biểu thức if … else ở đây là: Nếu biến $Text bằng 1, sẽ thi hành mã lệnh echo ($Hits); để hiện bộ đếm dạng văn bản, còn nếu không (khi biến $Text bằng 0) sẽ thi hành đoạn mã để hiện bộ đếm dạng đồ hoạ.
Khi chọn sử dụng bộ đếm dạng đồ hoạ, các tham số $ImgPath và $ImgType trong dòng lệnh echo "<IMG SRC =\"$ImgPath/" . $Digit . "$ImgType\">"; sẽ được thay bằng nội dung cụ thể khi gọi hàm.
Để sử dụng hàm Counter, trong tệp web đặt bộ đếm (index.php) ta chỉ cần đặt những dòng sau:
<?php
include "ezcount.php";
Counter ("index.log", 0, "digit", ".gif");
?>
Đoạn mã trên sẽ đưa nội dung tệp ezcount.php thành một phần của tệp index.php và gọi hàm Counter với các tham số cụ thể: tên tệp lưu giá trị đếm là index.log, sử dụng bộ đếm dạng đồ hoạ ($Text bằng 0), thư mục chứa các tệp con số là digit, và phần mở rộng của các tệp con số là .gif.
Bằng cách gán sẵn một số giá trị cho các tham số khi khai báo hàm như sau:
function Counter ($CountFile, $Text=1, $ImgPath="digit", $ImgType=".gif")
nếu cần gọi hàm Counter để hiện bộ đếm dạng văn bản, bạn chỉ cần viết như sau:
<?php
include "ezcount.php";
Counter ("index.log");
?>
Chúc các bạn thành cộng
Minh Cua
14/06/2004, 08:30 AM
Tôi đã sẵn bài hướng dẫn làm web bằng FrontPage XP, nhưng dài quá (khoảng 14 trang A4) nên không tiện post lên đây, bạn nào quan tâm gửi email cho tôi, tôi sẽ reply kèm theo file attach.
Liên ròm
14/06/2004, 03:38 PM
Cha Minh Cua ơi cho Liên hỏi thăm tí đưa nhạc nền vào website thì Liên làm đựơc nhưng mà muốn đưa lời con hát, con cười vào website thì phải làm sao cha MC bày dùm với. Cái website cũ của bé lớn Liên làm cách đây 3 năm rồi và Liên thu con khóc, con la bằng cassete rồi đưa vô website được nhưng bây giờ lại quên mất method và phần software nào rồi. Cha MC có giúp được gì cho Liên không???
Mà cha MC bảo email cho tôi nhưng chả thấy địa chỉ email đâu cả??? :(
Minh Cua
21/06/2004, 07:57 AM
Chào Chị Lienrrom!
Xin lỗi vì sự chậm chễ.
Chị thử chuyển file sang dạng (*.swf) rồi đưa lên trang web chị được cấp quyền và thay (http://www.giaidieuxanh.vietnamnet.vn/msol/neu_phai_xa_nhau_minhquan.swf) bằng URL của chị.
Tôi đã ghé thăm quép sai 2 cháu nhà chị thấy được lắm. Tôi tự hỏi liệu có múa rìu qua mắt thợ không? Chắc chị hỏi chỉ để kiểm tra thôi.
Minh Cua
23/06/2004, 11:44 AM
Chào chị Lienrom!
Về việc chị muốn chèn tiếng con chị vào "quép sai" ngoài cách trên còn một cách nữa. chị có thể upload trực tiếp từ PC, cách làm như sau:
- Mở Microsoft FrontPage.
- Nhấp chuột phải vào PageProperties => Background.
- Chọn General => Browse... và tìm đến nơi chứa file tiếng của con bạn.
- OK
Minh Cua
23/06/2004, 12:00 PM
Có một số bạn yêu cầu tôi gửi file hướng dẫn làm web bằng FrontPage, nhung do không thường xuyên vào WTT nên bị chậm trễ. Vì vậy tôi rút gọn và upload lên đây, bạn nào cần có thể tham khảo ngay, tuy nhiên cách này chỉ làm web rất đơn giản thôi.
Về căn bản thì để có một website chạy ngon lành trên mạng thì cần những bước sau : thứ nhất bạn cần phải thiết kế xong trang web trên máy tính của bạn, thứ hai bạn cần phải có một nơi để đặt trang web của mình lên (Host), thứ ba để có một địa chỉ dễ nhớ thì bạn cần phải đăng kí 1 tên miền (Domain name)
Website của bạn có thể được viết bằng nhiều ngôn ngữ khác nhau như htm, html, php,asp...do vậy cũng có nhiều công cụ khác nhau để bạn soạn web. Xong theo mình nếu bạn mới bắt đầu làm web thì bạn nên làm bằng công cụ Microsoft FrontPage có trong bộ cài đặt Microsoft Office.
Lưu ý khi làm website
Giao diên và vấn đề thời gian tải web: Vấn đề đầu tiên bạn sẽ nghĩ là nên làm một trang web có dáng vẻ như thế nào. Theo mình đây sẽ do mắt thẩm mỹ của từng người, nhưng để làm một trang web nhìn trông bắt mắt thôi thì cũng không khó lắm mà khó ở chỗ là trang web làm ra vừa phải đẹp mà khi đưa nên mạng thì khách viếng thăm trang web đó phải mất khoảng thời gian ngắn nhất để có thể trông thấy toàn bộ diên mạo của nó; Bạn và tôi đều chắc chắn 1 điều rằng sẽ close ngay trang đó đi khi đã không còn đủ kiên nhẫn để ngồi chờ.
Vậy những yếu tố gì làm cho trang web trở nên chậm chạp vậy (ở đây mình xin bỏ qua trường hợp ngẽn mạch hay các lý do khách quan khác mà bản thân không thể khắc phục được) mọi hiệu ứng mà bạn đưa nên trang web của bạn nếu không được cân nhắc kỹ sẽ là nguyên nhân. Thứ nhất bạn cho quá nhiều mã java hay các đoạn mã khác không cần thiết, thứ hai bạn đưa quá nhiều Flash nên đó, thứ ba là bạn đưa quá nhiều tranh ảnh lên hoặc là số tranh ảnh đó chưa được định dạng lại để kích thước nhỏ nhất, thứ tư nhạc nền trên trang đó chưa được sử lý cẩn thận...còn một nguyên nhân ngoài ý muốn là trang web của bạn bị đính kèm theo quảng cáo do bạn dùng host hay domain miễn phí. Do vậy mình khuyên các bạn không nên đưa quá nhiều hiệu ứng nên web, tuy đẹp thật nhưng hic..hic...Nếu có điều kiện thì nên mua hẳn một host và domain xịn nhé (cũng rẻ thôi nhưng hic..hic..tiền cả mà)
Font chữ trên web: Có thể bạn sẽ thắc mắc là tại sao trên các trang web font chữ tại sao đơn điệu và giống nhau vậy, sao họ không dùng những font chữ nghệ thuật cho đẹp. Vấn đề ở chỗ font chữ trên website của bạn liệu có trên các máy tính khác không, nếu không có thì chữ trên website của bạn sẽ không hiện đúng như mong đợi đâu. Để khắc phục điều này, hiện nay hầu hết các máy tính trên thế giới đều có font chuẩn theo bảng mã Unicode trong hệ thống, do đó bạn nên dùng font unicode trên website của bạn; ví dụ như font: Verdana, Tahoma, Arial là những loại font hay được dùng nhất.
Cấu trúc trang web : Điều này rất quan trọng khi bạn muốn upload trang web của mình nên 1 host nào đó. Để tránh trường hợp khi bạn upload bạn sẽ bị bỏ sót một trang hay hay một phần nào đó trên trang web của bạn. Hoặc bạn đã upload đủ nhưng bị sai cấu trúc trang web dẫn đễn trang web đó không hoặt động tốt như trên máy tính của bạn; tui khuyên bạn nên tạo 1 Folder mới và đưa mọi tư liệu mà bạn muốn đưa nên trang web của bạn như tranh ảnh, âm nhạc... vào đó. Khi bạn upload lên 1 host nào đó bạn cũng phải giữ nguyên cấu trúc trang web đó như trên máy tính của bạn, mọi thứ như tranh ảnh hay cái gì đó bạn đưa vào trang web bạn đều phải upload nó nên.
Một điều xin bạn hết sức lưu ý nữa là trang chủ của bạn phải đặt tên là Index và nó không được nằm trong bất kỳ Folder nào trên host của bạn. Có nghĩa là bạn phải upload thẳng nó nên và không upload nó vào Folder nào hết.
Thiết kế:
Đầu tiên bạn cần cài Mỉcosoft Office (nên cài office Xp hoặc office 2003, ở bài viết này tui dùng FrontPageXp). Sau khi cài xong bạn click vào start=>Programs=>Microsoft FrontPage, màn hình FrontPage được mở ra, bạn vào File=>New=>Page or Web=>Blank Page (để mở trang xoạn thảo mới) hoặc Page Templates (nếu muốn dùng mẫu có sẵn, ở FrontPage2003 có rất nhiều mẫu đẹp cho bạn lựa chọn).
Bạn hãy nhìn xuống gần góc trái màn hình sẽ thấy lựa chọn sau: Normal ı HTML ı Preview Trong đó Normal là lựa chọn xoạn web bình thường giống như ở Word vậy (bạn sẽ làm web nhiều nhất ở lựa chọn này); HTML là lựa chọn xem và biên xoạn web ở giao diện mã nguồn (bạn lựa chọn nó khi cần đưa mã nguồn khác vào, java chẳng hạn); bạn sẽ lựa chọn Preview khi cần xem thành quả của mình.
Đầu tiên chúng ta sẽ học cách làm nền cho trang web..: Bạn nháy chuột phải=>PageProperties=>Background
* Nếu bạn muốn nền là 1 bức ảnh thì bạn đánh dấu nhắp vào Background picture, sau đó nhấn vào Browse... để tìm đến nơi mà chứa ảnh bạn muốn đưa vào làm nền. Nhắp chuột vào Watermark nếu bạn muốn hiệu ứng khi kéo thanh trượt ảnh nền không bị "trượt" theo.
Nếu bạn chỉ muốn nền đơn thuần là một màu nào đó thì bạn lựa chọn màu ở hộp lựa chọn Background; lựa chọn Text đối với màu chữ
* Để tạo hiệu ứng cho các dòng chữ liên kết bạn đánh dấu nhắp vào Enable hyperlink rollover effects rồi click vào Rollover style..để lựa chọn (phần liên kết sẽ được nói sau).
* Ngoài ra, để tạo nhạc nền cho trang web thì bạn nhấn chuột vào lựa chọn General=>Browse.. và tìm đến nơi bạn chứa nhạc mà bạn muốn đưa vào làm nhạc nền.
Font, kích thước, trạng thái , màu sắc của chữ , căn lề chỉnh dòng... :
Bạn thấy đấy, các công cụ của nó cũng gần giống với các chương trình khác thôi
*Chia thành các ô trong trang web: Thông thường khi làm web, ta phải chia thành các ô trên trang web để tổ chức, bố chí mọi thứ trên đó, ví dụ như mỗi bức hình trên web ta đặt chúng vào các ô riêng được chia sẵn ra. Sở dĩ phải làm như thế bởi vì như vậy ta mới có thể đặt chúng vào đúng nơi mong muôn.
Nếu bạn không cho chúng vào thành từng ô riêng biệt thì khi bạn viết chữ nên giữa hai tấm ảnh nó sẽ đẩy tấm bên phải ra mỗi khi bạn gõ thêm 1 ký tự.
Khắc phục như sau, bạn vào Table=>Insert=>Table , bạn sẽ thấy như sau:
*Đưa tranh ảnh vào web: trước khi đưa tranh ảnh vào web, bạn nên định dạng, nén nó lại, nếu là ảnh tĩnh thì định dạng thành file JPG, nếu là ảnh động thì gif .
Bình thường bạn có thể đưa ảnh vào theo cách sau: đưa dấu nhắp vào vị trí muốn đặt, vào Insert =>Picture=> From File..tìm đến ảnh bạn muốn đưa vào rùi nhấn Insert
Làm như vậy thì mất thời gian quá, bạn có thể làm theo cách sau: bạn có thể copy và paste trực tiếp ảnh bạn muốn đưa vào là xong. Sau khi đưa ảnh vào rồi, bạn nhấn chuột vào ảnh đó để chỉnh lại kích thước sao cho ưng ý nhất. Ngoài ra bạn có thể nháy kép chuột vào ảnh đó để tuỳ chọn thêm
Aca The Prince
23/06/2004, 03:55 PM
Về căn bản thì để có một website chạy ngon lành trên mạng thì cần những bước sau : thứ nhất bạn cần phải thiết kế xong trang web trên máy tính của bạn, thứ hai bạn cần phải có một nơi để đặt trang web của mình lên (Host), thứ ba để có một địa chỉ dễ nhớ thì bạn cần phải đăng kí 1 tên miền (Domain name)
...Nếu có điều kiện thì nên mua hẳn một host và domain xịn nhé (cũng rẻ thôi nhưng hic..hic..tiền cả mà)
Dạo này các bố mẹ sôi sục khí thế làm web cho con quá đi. Con cái chúng ta sướng thật!!! :P
Để góp phần minh hoạ cho bài viết của Cha Minh Cua, Aca The Prince xin bổ sung 1 số thông tin:
1. Domain: chi phí đăng ký 1 domain/năm đã giảm đáng kể, hiện chỉ vào khoảng 10$/năm thôi. Với hơn 10.000VND/tháng, bạn đã có thể tự hào sở hữu một tên miền chính thức mang tên con hoặc tên riêng bất kỳ (Vd: Aca có domain giakhang.net) Nếu bạn có thể mua trên Web, giá còn có thể rẻ hơn nữa.
Bạn vào đây để kiểm tra thông tin về tên miền muốn đăng ký (nhập tên miềnmuốn kiểm tra vào - không cần gõ www) http://www.internic.net/whois.html
Nếu hệ thống báo là "No match for domain <ten mien can kiem tra>" thì có nghĩa bạn có khả năng đăng ký được domain đó. Tuy nhiên do tốc độ đăng ký liên tục nên domain sẽ được cấp cho người đăng ký trước. Bạn hãy nhanh chân lên nhé!
2. Hosting: Khi bạn đã có domain, bạn vẫn có thể dùng những hosting cũ (miễn phí hoặc mượn được). Nguyên tắc là bạn sẽ forward domain này đến địa chỉ thật của trang web.Tuy nhiên nếu bạn muốn chuyên nghiệp hơn, host trực tiếp vào domain bạn đã có, bạn nên mua hosting service. Với các bạn ở nước ngoài, có thể mua dịch vụ bằng credit card online, bạn có thể tìm kiếm những hosting plan phù hợp với giá khoảng từ 5 - 20$/tháng (tùy thuộc vào độ lớn của website, lưu lượng truy cập, tính năng lập trình...) Các bạn ở trong nước có thể mua dịch vụ từ các công ty trong nước. Bình quân chi phí khoảng 5-10$/tháng. Ngoài ra các bạn còn có thể sử dụng email dưới tên miền riêng của mình nữa đấy!!!
Các bạn thấy thế nào??? Quyết định mua domain & hosting riêng chứ!!! :D
Nếu các bạn thấy rắc rối phức tạp quá thì Ba Aca có thể giúp các bạn đăng ký domain & hosting. Các bạn liên hệ trên diễn đàn này hoặc email: daddy@giakhang.net nhé.
Tin đặc biệt dành riêng cho các thành viên WTT:các bạn có thể đăng ký tên miền phụ vd:< tênbé.giakhang.net> miễn phí và forward đến trang web thực tế của bạn. Nếu bạn chưa có hosting, có thể cùng chia sẻ với Aca - Chi phí hàng tháng từ 1$ đến miễn phí tuỳ đặc trưng & độ lớn của trang web.
Các bạn còn chờ gì nữa... hãy liên hệ với Aca The Prince nhanh lên nhé :o
be sunny
24/11/2005, 02:50 PM
Tôi đã sẵn bài hướng dẫn làm web bằng FrontPage XP, nhưng dài quá (khoảng 14 trang A4) nên không tiện post lên đây, bạn nào quan tâm gửi email cho tôi, tôi sẽ reply kèm theo file attach.
Cha Minh Cua ơi,
Gửi cho mình bài hướng dẫn làm web nhé. Địa chỉ mail của mình: pnghi@yahoo.com. Cám ơn nhiều. Mình không hiểu gì về Javacript cả. Có thể chỉ cho mình cụ thể không?
Chi & Tom
25/11/2005, 11:04 AM
Chào chị Lienrom!
Về việc chị muốn chèn tiếng con chị vào "quép sai" ngoài cách trên còn một cách nữa. chị có thể upload trực tiếp từ PC, cách làm như sau:
- Mở Microsoft FrontPage.
- Nhấp chuột phải vào PageProperties => Background.
- Chọn General => Browse... và tìm đến nơi chứa file tiếng của con bạn.
- OK
minh đã lam website trong dịa chỉ babiesonline nhưng muốn post nhiều hình lên thì vào mục nào bạn có biết chỉ cho mình mới .địa chỉ của mình là uyentn2705@yahoo.com rất xin cám ơn nhiều .
Chi & Tom
29/11/2005, 09:42 AM
Cha Minh Cua ơi cho Liên hỏi thăm tí đưa nhạc nền vào website thì Liên làm đựơc nhưng mà muốn đưa lời con hát, con cười vào website thì phải làm sao cha MC bày dùm với. Cái website cũ của bé lớn Liên làm cách đây 3 năm rồi và Liên thu con khóc, con la bằng cassete rồi đưa vô website được nhưng bây giờ lại quên mất method và phần software nào rồi. Cha MC có giúp được gì cho Liên không???
Mà cha MC bảo email cho tôi nhưng chả thấy địa chỉ email đâu cả??? :(
Cha Minh Cua ơi chỉ giúp mình cách làm VCD cho hai bé nhà mình với có cả cách làm nhạc nữa nhé. mình rất xin cám ơn....uyentn2705@yahoo.com
MomMi
29/11/2005, 09:52 AM
Cha Minh Cua oi, cho mình một ban với nhé.
Email của mình là: akaruikomo@yahoo.com
Cam on nhiều nhieu
Liên ròm
29/11/2005, 09:57 AM
MomMi bài chị viết gửi qua cho em và của CMC cũng là Frontpage thôi mà, em đã làm xong rồi cần gì phải coi thệm nữa hả em.
Chi & Tom: VCD nhạc ở topic khác chứ đâu phải topic làm website này, cần bày thì xin mời qua đây luôn http://www.webtretho.com/forum/showthread.php?t=12167
jasmin
29/11/2005, 10:30 AM
Tôi đã sẵn bài hướng dẫn làm web bằng FrontPage XP, nhưng dài quá (khoảng 14 trang A4) nên không tiện post lên đây, bạn nào quan tâm gửi email cho tôi, tôi sẽ reply kèm theo file attach.
Cha Minh Cua ơi, cho mình xin một bản nữa với nhé, gửi về: nmtuanveu@yahoo.com.vn
Cảm ơn cha Minh Cua nhiều!
MomMi
29/11/2005, 10:35 AM
MomMi bài chị viết gửi qua cho em và của CMC cũng là Frontpage thôi mà, em đã làm xong rồi cần gì phải coi thệm nữa hả em.
Chi & Tom: VCD nhạc ở topic khác chứ đâu phải topic làm website này, cần bày thì xin mời qua đây luôn http://www.webtretho.com/forum/showthread.php?t=12167
oi thế hả chị, em tuởng là có gì mới hon nen em mới xin thoi, vậy thì chắc khong cần nữa chị nhỉ? Em cam on chị nhiều, nhung cái website của em cũng vẫn chuo hoàn thiện đuợc vì khi em post thử len nó cứ bị lỗi như em đã gui cho chị xem đấy mà em khong biết cách sửa, thành ra em đã delete nó đi để làm cái khác. chị oi, nhung cái background mà có lá rơi, hình động thì lam thế nào hả chị, em khong tìm đuợc cái background nào cả, và cả cái banner nữa, làm sao cho đẹp chị oi? giúp em với nhé.
Mod_KNH1
29/11/2005, 10:40 AM
Lần cuối ID Minh Cua vào WTT là 10/08/2004 02:57 PM cho nên các bạn viết tin nhắn vào đây bạn ấy cũng chả giúp được gì cả, các bạn hãy gửi qua email cho ID ấy đi nhé.
MomMi: mấy cái background, banner bạn có thể search trên google là ra hết cả, còn các phần hình động như bạn tả làm trong Frontpage thì phải xài Java Script, cái này chắc hơi khó bạn phải học thôi.
PHƯƠNG ANH
29/11/2005, 12:45 PM
Tôi đã sẵn bài hướng dẫn làm web bằng FrontPage XP, nhưng dài quá (khoảng 14 trang A4) nên không tiện post lên đây, bạn nào quan tâm gửi email cho tôi, tôi sẽ reply kèm theo file attach.
Cha Minh Cua gửi cho em xin với nhé, địa chỉ email của em : thuthuy@vietvuong.com.vn
Cảm ơn trước nhé. :1:
Hà Châu
29/11/2005, 01:44 PM
Cha Minh Cua gửi cho em xin với nhé, địa chỉ email của em : thuthuy@vietvuong.com.vn
Cảm ơn trước nhé. :1:
Em cứ tìm mãi cái địa chỉ mail nhà Minh Cua mà "ngứa con mắt bên phải, đỏ con mắt bên trái" rồi mà hổng thấy, MOD thông cảm đừng mắng mẹ HC nhé, nhà MC ơi cho mẹ cháu xin file hướng dẫn đó với nha: miliket@gmail.com, gửi cho mẹ HC vào địa chỉ đó nha, cám ơn cả nhà MC nhiều nhiều!!!
me miu
23/01/2006, 08:36 PM
Cha Minh Cua ơi, cho mình xin một bản nữa với nhé, gửi về: nmtuanveu@yahoo.com.vn
Cảm ơn cha Minh Cua nhiều!
Các bạn ơi mình cũng đang lò dò học frontpage đây mà chưa kiếm được tài liệu, tự lần mò thì mất nhiều thời gian quá. Thế nên muốn xin bố Minh cua hay la các bạn nào có bản hướng dẫn đó gửi cho mình vơi
mail của minh là miucon99@yahoo.com
Mình cảm ơn trước nhiều nhá
Lullaby
24/01/2006, 04:02 AM
nhưng có mẹ nào có frontpage không vậy? cho tớ xin với. Cám ơn nhiều nhiều nhé...
jasmin
26/01/2006, 03:34 PM
nhưng có mẹ nào có frontpage không vậy? cho tớ xin với. Cám ơn nhiều nhiều nhé...
Frontpage có sẵn trong bộ office đó bạn! Cứ mở máy ra, vào Start ->program rồi tìm Frontpage
Lullaby
27/01/2006, 02:48 PM
Frontpage có sẵn trong bộ office đó bạn! Cứ mở máy ra, vào Start ->program rồi tìm Frontpage
Thanks!! nhưng tớ chẳng thấy ở đâu cả :( với lại lên http://office.microsoft.com, nó... nhử mua... Nếu có trong bộ microsoft office thì phải tìm như thế nào, chứ tớ đã mở start - all programs - microsoft office rồi... :( mà vẫn không thấy
btw, tớ xài office 2003
sunset
28/01/2006, 12:05 PM
nhưng có mẹ nào có frontpage không vậy? cho tớ xin với. Cám ơn nhiều nhiều nhé...
Em có nè: FrontPage pro 2003+cd key.zip
http://www.megaupload.com/?d=4X0ZC3W1
@ cái này download riêng thôi, chứ trong bộ office 2003 hông có đâu chị ơi!
Lullaby
28/01/2006, 01:37 PM
Em có nè: FrontPage pro 2003+cd key.zip
http://www.megaupload.com/?d=4X0ZC3W1
@ cái này download riêng thôi, chứ trong bộ office 2003 hông có đâu chị ơi!
úi cha... Sunset dễ "sương" quá à... Cám ơn lắm lắm đó... phen này phải làm cho OX hết tinh tướng (nhờ làm website cho con mãi mà không làm), khà khà...
mà sao cái chi cũng có hết vậy ta?? Còn trò nào hay ho thì khoe luôn cho chị.... ho với nhe, hehehe...
yeuhqh22
06/03/2006, 10:17 AM
Nếu ai làm web bằng Front Page or DreamWeaver thì vào trang này: http://www.dynamicdrive.com/ sẽ có thêm những hiệu ứng làm cho website sinh động (dùng mã java script)
Xứ sở thần tiên
17/03/2006, 10:16 AM
E đang định học thêm về WEB. Vậy các anh+chị nào có kinh nghiệm mở lớp cho mọi ng theo học nhé.
:6:
Lullaby
17/03/2006, 10:18 AM
E đang định học thêm về WEB. Vậy các anh+chị nào có kinh nghiệm mở lớp cho mọi ng theo học nhé.
:6:
Ừ đúng đấy, ai có chiêu gì hay ho thì hô lên cho bà con cùng... ho với...
ps. thanks xứ sở thần tiên đã... gãi đúng chỗ... ngứa nhé, hehehe...
Xứ sở thần tiên
17/03/2006, 10:30 AM
Đây là tư liệu mà e sưu tập được. Nhưng đọc mãi ko hiểu? Thế mới... đau cái đầu.
Ai thành thạo thông cái đầu cho e với.......
Download (http://www.uploading.com/?get=5PNK2656 )
passrar: xuyenviet_company
Lullaby
17/03/2006, 10:37 AM
Đây là tư liệu mà e sưu tập được. Nhưng đọc mãi ko hiểu? Thế mới... đau cái đầu.
Ai thành thạo thông cái đầu cho e với.......
Download (http://www.uploading.com/?get=5PNK2656 )
Cái này đúng là đau đầu mà chẳng giải quyết được nhu cầu cấp thiết, hichic...
Mẹ Manly2005 chỉ chị www.w3schools.com, rất hiệu quả. Nhưng ngặt một nỗi toàn bằng tiếng Anh thôi, hichic... Nhưng sau 1 thời gian tầm sư thì chị tìm được www.vietphotoshop.com, họ dịch từ trang trên ra (nhưng mới phần căn bản, chưa có nâng cao, họ đang rao ai dịch được sẽ trả nhuận bút, có mẹ nào interested không?).
Em vào đấy tham khảo trước đi nhé. Có bài tập cho từng bài rất cụ thể. Có gì không hiểu thì post lên, chắc chắn là mọi người sẽ có cách giải quyết thôi.
Xứ sở thần tiên
17/03/2006, 10:42 AM
Em check rồi mà. Passrar is working
Xứ sở thần tiên
20/03/2006, 09:25 AM
Đây là cách viết WEB bằng notepad.
Hãy học ngay bây giờ nếu muốn các mẹ nhé.
div là division: định vị trí
h là header
p là paragraph
a là anchor
img là image
Chúng ta viết bắt đầu bằng <> kết thúc bằng </>
Xứ sở thần tiên
20/03/2006, 09:33 AM
bây giờ muốn viết 1 bài thơ thì làm sao nhỉ?
có nhấn enter xuống hàng như trong cái phần mềm sọan thảo được không?
trước tiên
muốn xuống hàng thì phải dùng thẻ <br>
có nghĩa là break
Lullaby
20/03/2006, 09:33 AM
Đây là cách viết WEB bằng notepad.
Hãy học ngay bây giờ nếu muốn các mẹ nhé.
div là division: định vị trí
h là header
p là paragraph
a là anchor
img là image
Chúng ta viết bắt đầu bằng <> kết thúc bằng </>
Nhưng muốn cho I E hiểu mình đang viết 1 trang web thì phải có 2 cặp thẻ rất quan trọng sau đây
<html><body>
</body></html>
Xứ sở thần tiên
20/03/2006, 03:06 PM
Những thẻ HTML cơ bản
Tag Mô Tả
<html> Xác định một văn bản dạng HTML
<body> Xác định phần thân của tài liệu
<h1> to <h6> Xác định header từ 1 đến 6
<p> Xác định một đoạn văn
<br> Chèn một dòng trắng
<hr> Xác định một đường thẳng
<!--> Xác định vùng chú thích
<b> Định dạng chữ đậm
<big> Định dạng chữ lớn
<em> Định dạng kiểu chữ được nhấn mạnh
<i> Chữ in nghiêng
<small> Chữ nhỏ
<strong> Chữ đậm
<sub> định dạng subscripted (chữ nhỏ)
<sup> Đ5inh dạng superscripted (chữ lên cao)
<ins> Dạng chữ mới chèn thêm
<del> Dạng chữ bị xóa
<s> Hết hỗ trợ. Thay bằng <del>
<strike> Hết hỗ trợ. Thay bằng <del>
<u> Gạch dưới
Lullaby
20/03/2006, 03:21 PM
Những thẻ HTML cơ bản
Tag Mô Tả
Quá siêng năng luôn... Đáng nể! Đáng nể!!... Thầy ơi, dạy kiểu shortcut như bên photoshop đi, để giải quyết nhu cầu cấp thiết đấy.
Xứ sở thần tiên
20/03/2006, 05:02 PM
"Computer Output" Tags
<code> Định dạng code
<kbd> Kiểu keyboard text
<samp> Kiểu sample computer code
<tt> Kiểu teletype text
<var> Kiểu a variable
<pre> Kiểu preformatted text
<listing> Hết hỗ trợ. Dùng<pre> thay thế
<plaintext> Hết hỗ trợ. Dùng<pre> thay thế
<xmp> Hết hỗ trợ. Dùng<pre> thay thế
Xứ sở thần tiên
20/03/2006, 05:03 PM
Thẻ Citations, Quotations, và Definition
<abbr> Kiểu tóm tắt
<acronym> Kiểu viết tắt
<address> Kiểu địa chỉ
<bdo> Kiểu chữ định hướng
<blockquote> Kiểu trích dẫn dài
<q> Kiểu trích dẫn ngắn
<cite> 1 kiểu trích dẫn khác
<dfn> Kiểu định nghĩa
Lullaby
20/03/2006, 10:48 PM
Tớ thấy rất nhiều mẹ muốn học làm website cho con. Nếu học từ từ thì cần rất nhiều thời gian, tớ sẽ trình bày cách làm shortcut của tớ: trong 1 ngày có thể làm trang web như thế này: www.danquynh.info/eng.html
(Tớ giả định rằng các mẹ đã có kiến thức cơ bản về photoshop nữa rồi nhé, hihì)
Có nhiều chương trình để làm website như frontpage, dreamweaver,... nhưng để có thể kiểm soát được tất cả những mã thì người ta khuyên chúng ta nên viết website bằng notepad. Bây giờ các mẹ thử nhấp chuột phải trên website của webtretho, chọn "view source", chúng ta có thể đọc được tất cả những mã mà người viết đã dùng để thiết kế trang web này. Nếu biết 1 chút về html và download 1 số scripts (hay các mã nguồn khác) thì chúng ta có thể biến hóa thành website của chúng ta, hihì... Nhưng vấn đề là 1 số mã nguồn họ chỉ bán chứ không cho không, nên nhiều website chúng ta không thể đổi được nếu chúng ta không có sẵn mã đó trong directory của chúng ta. Còn những trang offer những linkwares hoặc free websets (www.cutecolors.com, www.graphicgarden.com) thì chúng ta có thể thay đổi. Ví dụ trang web mừng sinh nhật của Yến Vi mà tớ làm (www.danquynh.info/yenvi) là dùng source code của Majestics (http://www.majesticwebsets.com/birthday/bb/birthdayballoons2.htm) và đổi 1 chút mà thành (nhưng vì là tay ngang nên làm hơi lâu 1 chút, hihihi). Khi dùng những linkware hoặc free websets thì chúng ta nên tôn trọng người viết bằng cách để link back to their websites (mặc dù chúng ta có thể dễ dàng xóa đi trong notepad), cho biết là không phải chúng ta tự thiết kế trang web này. Cái này cũng "dễ ăn dễ nói" khi lỡ có tranh chấp về copyright nữa, hihì... 1 số website họ viết "nặng" lắm: không nên ăn cắp, phải tôn trọng công sức của người khác,... mình không làm thì cũng thấy... áy náy, lương tâm cắn rứt.
Bây giờ tớ sẽ "hướng dẫn" cách viết 1 trang web đơn giản trước. Trước tiên, các mẹ hãy mở 1 folder trong máy của mình, đặt tên gì cũng được, ví dụ: "website của bé" chẳng hạn. Tất cả các file dùng để hiển thị trên web cần phải bỏ vào folder này. Nếu chúng ta tạo sub-folder thì chúng ta phải chỉ đường dẫn cho tập tin nằm trong subfolder đó.
Các mẹ mở notepad ra (start/all programs/accessories/notepad), viết vào đoạn mã này
<html>
<head>
<title> Website của bé</title>
</head>
<body>
<h1> Đây là tiêu đề</h1>
<h2> Đây là tiêu đề</h2>
<h3> Đây là tiêu đề nữa</h3>
<p> Đây là đoạn văn</p>
</body>
</html>
Chúng ta thấy tất cả các lệnh đều phải bắt đầu bằng < > và kết thúc bằng </>
<html></> để nhận biết đây là một file viết để chạy trên trình duyệt web
<head></> để chúng ta viết những thông số, mã cần thiết để có thể chạy 1 số effect, nhưng không thể hiện trên web, ví dụ, tuyết rơi, mưa rơi, hoa chạy theo chuột,...
<title></> để chúng ta ghi tên trang web, nhìn thấy ở thanh màu xanh trên cùng của Internet Explorer (ví dụ: trang này, Diễn đàn WTT - Topic cho những ai thích design WEB)
Trong <body></> là tất cả những nội dung hiển thị trên màn hình.
Các mẹ save file này với đuôi là html hoặc htm, vào folder "website của bé", dùng mã là utf-8 để đọc được tiếng Việt. Chúng ta mở IE, chọn file/open, và browse đến cái file mà chúng ta vừa save. Các mẹ xem trên màn hình IE hiện lên cái gì nhé??
Good luck!
Xứ sở thần tiên
21/03/2006, 09:01 AM
Ơi...............i pàkon click vào đây để coi tác phẩm đầu tay của xstt nhé.
Cảm ơn teacher Lullaby đã tận tình chỉ bảo. :5:
www.danquynh.info/xstt
phuongbe
21/03/2006, 10:03 AM
Rất rất cám ơn Xứ sở thần tiên và Lullaby. Tớ muốn học làm WEB lắm mà chẳng biết bắt đầu từ đâu. Hai bạn cứ tiếp tục đi, tớ sẽ là fan nhiệt tình.
Tớ đang làm theo hướng dẫn của 2 bạn đây.
Mẹ yêu Cún
21/03/2006, 10:18 AM
Ui, mình cũng thích topic này lắm vì mong mỏi làm được webpage cho Cún mà cứ mày mò chưa xong. Cho mình làm một học sinh của các mẹ thông thái với nhé :8:
Lullaby
21/03/2006, 10:39 AM
Ơi...............i pàkon click vào đây để coi tác phẩm đầu tay của xstt nhé.
Cảm ơn teacher Lullaby đã tận tình chỉ bảo. :5:
Cám ơn XSTT đã lancer nhé :9:
Cám ơn các mẹ đã nhiệt tình ủng hộ :6: Nhưng tớ nói trước là những gì tớ trình bày là tớ tự học trên www.w3schools.com, và học theo kiểu cần đâu, mò đó, cho nên nếu cái nào tớ... mò chưa ra thì các mẹ thông cảm cho tớ thời gian, hoặc cùng mò với tớ nhé :9:
Tiếp theo, chúng ta học chèn hình vô trang web nhé. Trước hết các mẹ hãy chép 1 số hình vào trong folder "website của bé". Thông thường chúng ta save ở dạng jpg hoặc gif. Muốn khung trong suốt thì phải vô photoshop và dùng lệnh file/save for web, rồi chọn đuôi là gif. Ví dụ chúng ta có 1.gif, 2.jpg, 3.gif,... Chúng ta dùng lệnh <img> để chèn hình vào phần <body></body> của trang web
<body>
<img border="0" src="1.gif">
<img border="0" src="2.jpg">
<img border="0" src="3.gif">
</body>
Chúng ta cần nhớ là trình duyệt sẽ không hiểu lệnh enter trong phần mềm soạn thảo, nên nếu các mẹ muốn xuống hàng thì bắt buộc phải dùng lệnh <br> ngay chỗ cần enter, vd. <img border="0" src="1.gif"><br>
border="0" để hình sẽ không bị tự động đóng khung bằng 1 màu mặc định của trình duyệt.
Nếu các mẹ muốn resize hình cho phù hợp với trang web thì có thể dùng photoshop để resize trước, hoặc chúng ta sẽ đặt thông số cho tấm hình sẽ hiển thị trên web. Thông số sẽ bao gồm width (chiều ngang) và height (chiều cao) của tấm hình, sẽ nằm trong thẻ <img>, tính bằng đơn vị pixel.
<img border="0" src="1.gif" width="100" height="50">
Phần định thông số này hữu dụng với trường hợp các mẹ cần sử dụng 1 tấm hình để trang trí với nhiều kích thước khác nhau, nếu chúng ta resize và save thành nhiều tấm thì sẽ tốn chỗ để lưu (mặc dù không nhiều lắm, nhưng cũng... tốn). Để tấm hình không bị... quái dị, thì các mẹ cần phải dùng lệnh edit/resize trong photoshop để xem tỷ lệ trước.
Muốn quản lý hình trong 1 sub-folder thì các mẹ có thể tạo sub-folder là images chẳng hạn, rồi chép hình vào trong folder con này. Tuy nhiên, lúc đó chúng ta phải chỉ đường dẫn trong thẻ src (có nghĩa là source, nguồn). Cụ thể là
<img border="0" src="images/1.gif">
...
Sau đó thì save với đuôi html hoặc htm, mở bằng IL ra coi kết quả. Nhớ post cho mọi người cùng xem nhé!
Good luck!
Xứ sở thần tiên
21/03/2006, 05:34 PM
Mẫu design đơn giản và code của nó. Các mẹ tham khảo.
<html><body>
<body bgcolor="#BBB7AB">
<div align="center"><img border="0" src="baby1.jpg" width="40%">
<h1 align="center">Thời thơ ấu của tôi</h1>
<p align="center"> Một kỷ niệm đẹp.<br>
Một thời đẻ nhớ.<br>
Được cha mẹ nâng niu.<br>
Lớn lên rồi mới tôi mới hiểu<br>
Cha mẹ nuôi tôi lớn khôn đúng là công trời biển.</p>
<p align="center"> Công cha như núi thái sơn<br>
Nghĩa mẹ như nước trong nguồn chay
</body></html>
http://img70.imageshack.us/img70/9081/demo2ul.jpg
Bố bé Thanh
21/03/2006, 05:57 PM
Theo BBT nghĩ và theo kinh nghiệm của BBT thì các mẹ nên cài chương trình Fontpage của Microsoft sau đó làm web html chẳng khác gì soạn thảo văn bản, nếu các mẹ muốn xem code của nó thì bấm vào tag html. Mới bắt đầu mà học thuộc các thẻ html rất là khó nhớ và trừu tượng. Cái đó dành cho dân chuyên nghiệp chứ ko thể học qua topic này được.
Ngoài kiến thức về thiết kế web (coding)thì các mẹ nên học cách sử dụng qua mấy cái phần mềm về đồ họa để sửa ảnh cho nó hài hòa và bắt mắt một chút.
Cuối cùng là học về máy chủ (server) để quản trị và xuất bản cái web của mình cho mọi người cùng xem.
Lullaby
21/03/2006, 10:01 PM
Theo BBT nghĩ và theo kinh nghiệm của BBT thì các mẹ nên cài chương trình Fontpage của Microsoft sau đó làm web html chẳng khác gì soạn thảo văn bản, nếu các mẹ muốn xem code của nó thì bấm vào tag html. Mới bắt đầu mà học thuộc các thẻ html rất là khó nhớ và trừu tượng. Cái đó dành cho dân chuyên nghiệp chứ ko thể học qua topic này được.
Ngoài kiến thức về thiết kế web (coding)thì các mẹ nên học cách sử dụng qua mấy cái phần mềm về đồ họa để sửa ảnh cho nó hài hòa và bắt mắt một chút.
Cuối cùng là học về máy chủ (server) để quản trị và xuất bản cái web của mình cho mọi người cùng xem.
Tớ cũng đã xin sunset Frontpage, install rồi, nhưng đọc help mãi (cả bản tóm tắt của ba Minh cua) mà chẳng biết làm như thế nào :20: Mặc dù toàn nghe mọi người quảng cáo làm web bằng frontpage. Đến khi hỏi mẹ Manly2005, thì mẹ nói nên học viết bằng notepad, và khi tớ search trên các tutorial online thì họ cũng khuyên như vậy :7: .
Lúc đầu tớ cũng không muốn học, chỉ vì uổng công mình download và install frontpage thôi :9: Nhưng bây giờ tớ cực kỳ biết ơn mẹ Manly2005 về lời khuyên đó :Rose: :Rose: :Rose: :8: :8: :8: :6: . Những gì tớ bày cho mọi người ở đây là theo kinh nghiệm (cho nên những từ ngữ tớ dùng để giải thích có thể làm cho dân pro. buồn cười :2: ). Thật ra, không phải ngay từ đầu tớ có thể làm được như vậy, nhưng vì tớ đã trải qua "giai đoạn khó khăn" nhất, cho nên tớ muốn giúp các mẹ tránh được những khó khăn đó (không phải tự quảng cáo nhé :9: ). Tớ là mẹ, nên tớ hiểu mong muốn khoe con mình cho toàn thế giới của các mẹ như thế nào :6:
Về phần quản trị thì tớ cũng sẽ bày dần dần :9: vì tớ cũng đang mò :22: Sau vài lần sign up ở các free host khác nhau, tớ cũng làm quen được với 1 số cách quản lý rồi. Và tớ cũng đã xin YM của 1 số bố, mẹ, vd ba Aca, để support khi tớ bí :4: Nếu tớ add Bố Bé Thanh vô contact list để tớ hỏi một số chiêu thì bố bé Thanh có đồng ý không? :25: :5: Nhân tiện mời bố bé Thanh ghé thăm website của bé Đan Quỳnh do tớ viết, vì lúc tớ làm cái này thì tớ chưa biết chiêu sửa code, cho nên hơi bị khổ :20:
Lullaby
21/03/2006, 10:11 PM
Mẫu design đơn giản và code của nó. Các mẹ tham khảo.
<body bgcolor="#BBB7AB"
http://img70.imageshack.us/img70/9081/demo2ul.jpg
Sao em không up vào domaindlx.com mà em vừa tạo mà phải chụp ảnh như thế này? :7:
Trong đoạn code của xstt, chúng ta thấy có 1 phần mới đó là thêm màu nền cho toàn bộ trang web (background color). Các mẹ có thể dùng tên màu bằng tiếng Anh để thay mã trong dấu kép, vd.
<body bgcolor="white">
Bảng tên màu và mã màu các mẹ có thể tham khảo tại http://www.w3schools.com/html/html_colors.asp
Hoặc có 1 cách rất đơn giản, đó là mở photoshop phần chọn màu và tìm tên màu trong bảng. Muốn tìm màu cho phù hợp với nền của tấm hình thì chúng ta so màu bằng cái icon hình... ống nhỏ thuốc :10:
Trong trường hợp muốn thêm hình nền, thì chúng ta dùng code
<body background="1.gif">
Các mẹ nhớ ghi đúng tên của file hình, và save vào trong cùng folder.
Hình nền các mẹ có thể lấy tại www.cutecolors.com hoặc www.graphicgarden.com, là những sites chuyên làm hình cho website của con nít.
Good luck!
Xứ sở thần tiên
22/03/2006, 01:55 AM
Em đồng tình với mẹ Lullaby vì e cũng đã từng mơ mình làm được một trang web thật sinh động.
Nhưng e nói thật nhé! E bắt tay vào với.html (đó là dạng file được đọc trên trình duyệt của web)
Ai mới bắt đầu nên học nó vì đó là những gì cơ bản nhất.
Đừng nên nôn nóng, tất cả đều ở phía trước.
Nói thật với các mẹ, chỉ với vài dòng code đó mà e có thể tạo ra vô số những file html theo ý muốn đẹp miễn chê.
Thế lý do tại sao mà các mẹ ko bắt đầu vì những gì đơn giản nhất nhỉ. :26:
Xứ sở thần tiên
22/03/2006, 02:03 AM
Tặng các mẹ phần mềm trọn mầu theo ý thích.
Download (http://www.uploading.com/?get=MQO3STT7 )
Passzip: xuyenviet_company.
Fun!
Liên ròm
22/03/2006, 02:06 AM
Theo BBT nghĩ và theo kinh nghiệm của BBT thì các mẹ nên cài chương trình Fontpage của Microsoft sau đó làm web html chẳng khác gì soạn thảo văn bản, nếu các mẹ muốn xem code của nó thì bấm vào tag html. Mới bắt đầu mà học thuộc các thẻ html rất là khó nhớ và trừu tượng. Cái đó dành cho dân chuyên nghiệp chứ ko thể học qua topic này được.
Ngoài kiến thức về thiết kế web (coding)thì các mẹ nên học cách sử dụng qua mấy cái phần mềm về đồ họa để sửa ảnh cho nó hài hòa và bắt mắt một chút.
Cuối cùng là học về máy chủ (server) để quản trị và xuất bản cái web của mình cho mọi người cùng xem.
Mình làm web bằng Frontpage theo kiểu Bố Bé Thanh tức là thích gì thì cứ đưa vào như trên WORD, sau đó rồi mới xem html ra làm sao, và từ từ học tiếp html chứ lần đầu tiên mò vào html tớ ngỏm tại chỗ.
Đây là web tớ làm bằng Frontpage :
http://www.luanau.f2s.com/Tu-Dang/Tu.htm
XSTT và Lullaby bày tiếp đi, tớ cũng học tiếp và sửa lại cho mấy đứa cho đẹp hơn.
XSTT, cái web mới làm của em cái banner đẹp lắm.
Lullaby
22/03/2006, 05:31 AM
Mình làm web bằng Frontpage theo kiểu Bố Bé Thanh tức là thích gì thì cứ đưa vào như trên WORD, sau đó rồi mới xem html ra làm sao, và từ từ học tiếp html chứ lần đầu tiên mò vào html tớ ngỏm tại chỗ.
XSTT, cái web mới làm của em cái banner đẹp lắm.
Chị Liên ơi, em cũng muốn ngỏm ngay từ khi lò dò vô mấy trang tutorials on line. Nhưng họ có từng bài, rất hệ thống, mình cứ từ từ mà mò theo thôi. Chứ làm bằng frontpage thì trước sau gì cũng phải học html thôi à, lúc đó sửa lại còn mệt hơn, hichic...
XSTT đã cảnh cáo sẽ có web đẹp hơn của bé ĐQ từ khi mới học cơ, hichic... Em thì chẳng nghi ngờ điều đó, vì cậu ấy là designer mà, em đang nịnh để xin làm phụ tá cho cậu ấy ở cty, kiếm chút tiền savings :24:
btw, website của bé Yến Vi được chuyển tới http://j.domaindlx.com/quangyenvi/Yen%20Vi Xin thông báo với tất cả mọi người nhé :1:
Liên ròm
22/03/2006, 05:45 AM
Chị Liên ơi, em cũng muốn ngỏm ngay từ khi lò dò vô mấy trang tutorials on line. Nhưng họ có từng bài, rất hệ thống, mình cứ từ từ mà mò theo thôi. Chứ làm bằng frontpage thì trước sau gì cũng phải học html thôi à, lúc đó sửa lại còn mệt hơn, hichic...
XSTT đã cảnh cáo sẽ có web đẹp hơn của bé ĐQ từ khi mới học cơ, hichic... Em thì chẳng nghi ngờ điều đó, vì cậu ấy là designer mà, em đang nịnh để xin làm phụ tá cho cậu ấy ở cty, kiếm chút tiền savings :24:
Chị học song song 2 thứ với nhau em à, làm cái gì thì chị đưa vào sau đó nhìn phần html thử nó thêm cái gì bởi vì trong web chị đưa Java Script vô nên phải biết html chứ.
Nói thật với em có một thời mê mẩn giờ.. chán rồi.
Lullaby
22/03/2006, 06:02 AM
Nói thật với em có một thời mê mẩn giờ.. chán rồi.
Ôi... em cũng đang mong tới ngày... chán đây :9: Mất thời gian mà hại cho sức khỏe quá đi thôi :20: :10:
Lullaby
22/03/2006, 06:53 AM
Nói thật với các mẹ, chỉ với vài dòng code đó mà e có thể tạo ra vô số những file html theo ý muốn đẹp miễn chê.
XSTT này, có rất nhiều web designers offer linkware hoặc free websets cho bà con xài đó. Hay em cũng làm vậy đi. Phải có 1 web designer của VN cho "chúng nó" sợ chứ :15:
Lullaby
22/03/2006, 08:20 AM
Tớ không thấy ai nói gì nữa hết, cho nên tớ assume rằng các mẹ đều làm được hết những phần vừa rồi.
Do XSTT muốn thêm background music cho trang web nên tớ sẽ nói về phần này. Thông thường, các webhost sẽ chấp nhận file.mp3 hoặc file.mid (midi). Nhưng để cho trang web nhẹ (mọi người mở ra thì cũng không phải chờ lâu) thì chúng ta nên chọn file.mid. Các mẹ có thể convert sang file.mid dùng phần mềm này (http://www.webtretho.com/forum/showthread.php?t=19225) Tuy nhiên file này thì thường là nhạc không lời. Download file.mid ở đây (http://www.aspecialplace.net/midi/). Ví dụ chúng ta có bài happynewyear.mid, file nhạc này cũng phải để trong folder "website của bé".
Đoạn code cho nhạc nền phải được đặt trong phần <head> của trang web, cụ thể là
<html>
<head>
<bgsound src="happynewyear.mid" loop="-1">
</head>
<body>
...
</body>
</html>
loop="-1" để cho đoạn nhạc lập đi lập lại nhiều lần.
Như vậy là chúng ta đã có 1 trang web vừa có chữ cho mọi người đọc, hình cho mọi người xem, và nhạc cho mọi người nghe nữa :15: :16: :3:
Good luck!
Ps. thank mẹ Manly2005 đã giúp tớ tìm site giải thích về đoạn code này nhé.
Xứ sở thần tiên
22/03/2006, 09:31 AM
Em cho nhạc được vào rồi. Heeeeeeeeeeeeeeeeeeeeeeeeeee
Lullaby
22/03/2006, 09:44 AM
thông báo với các mẹ là embedded background music không work out với firefox nhé. Cho nên chúng ta test trên IE thôi, mà cái này cũng popular nữa.
Tớ bày thêm 1 cách chèn nhạc nữa nhé, người ta nói cách này work out với netscape và IE 3 trở lên
<embed src="happynewyear.mid" width="0" height="0" autostart="true" loop="true"></embed>
Code này có thể cho phép người nghe tắt nhạc nếu muốn. Vì có nhiều người ngồi trong chỗ làm thì âm thanh có thể bother họ, và như vậy có thể họ sẽ đóng website của mình và không bao giờ dám mở ra nữa :20:
Để làm được điều đó thì các mẹ phải reset chiều ngang/ cao trong đoạn code để cho phép người xem web có thể thấy được nút play, pause, stop. Thường thì người ta set là width="68" height="25". Nếu không set gì cả thì trình duyệt sẽ tự động hiểu hiện lên tất cả các nút (play, pause, fw, rw,...).
Các mẹ cũng có thể set cho người nghe click vào nút play thì mới nghe được nhạc, bằng cách đổi thông số autostart thành "false", nhưng nhớ là phải có hướng dẫn cho mọi người biết để click vô, cụ thể là
<embed src="happynewyear.mid" width="68" height="25" autostart="false"></embed><br>
nhấp vào đây để nghe bài Happy New Year
Các mẹ để đoạn code này ở vị trí nào mà các mẹ muốn ở trong <body> nhé.
Good luck
mecutyTK
22/03/2006, 10:16 AM
Một Topic miễn chê luôn, nhưng tại sao dạo này mình bận thế không biết.
thật là tiếc quá đi mất.
:2: :2: :2: :2: :2:
Xứ sở thần tiên
22/03/2006, 02:23 PM
http://users.domaindlx.com/xstt/
Code:
<html>
<head>
<bgsound src="happy.mid" loop="-1">
</head>
<body>
<body bgcolor="#BBB7AB">
<div align="center"><img border="0" src="baby1.jpg" width="40%"><br>
<h1 align="center">Thời thơ ấu của tôi</h1>
<tr>
<td><img border="2" src="b1.jpg" width="10%"</tb>
<td><img border="2" src="b2.jpg" width="10%"</tb>
<td><img border="2" src="b3.jpg" width="10%"</tb>
</tr>
<p align="center"> Một kỷ niệm đẹp.<br>
Một thời để nhớ.<br>
Được cha mẹ nâng niu.<br>
Lớn lên rồi mới tôi mới hiểu<br>
Cha mẹ nuôi tôi lớn khôn đúng là công trời biển.</p>
<p align="center"> Công cha như núi thái sơn<br>
Nghĩa mẹ như nước trong nguồn chảy ra.
</body></html>
:6: Have fun!
MomMi
22/03/2006, 02:49 PM
có em thắc mắc đây:
em đã làm thế này như bác chỉ dẫn :
<html>
<head>
<title>Website của bé</title>
</head>
<body bgcolor="pink">
<h1><b><sup>Welcome to Mi'Web</sup></b></h1><br>
<img border="0" src="images/1.gif" with="100" height="100"><br>
<img border="0" src="images/2.jpg" with="100" height="100"><br>
</body>
</html>
nhưng khi đưa lên IE thì nó chẳng hiện ra hình gì cả mà chỉ là cái khung vuông với cái dấu X ở trong. Bác xem hộ em với nào. :7:
khoaito
22/03/2006, 02:53 PM
Thấy cái topic nay lai phải đảo vào
Deign xịn đây. ai muốn hỏi gì thì hỏi đi nào
Xứ sở thần tiên
22/03/2006, 02:56 PM
Chị copy file ảnh đó vào một floder chung với file html đó. Chị nhớ kiểm tra tên file sao cho trùng với tên trong đoạn code (chú ý cả định dạng của ảnh)
Chị chỉnh lại nhé: width chứ ko phải with
MomMi
22/03/2006, 03:07 PM
Chị copy file ảnh đó vào một floder chung với file html đó. Chị nhớ kiểm tra tên file sao cho trùng với tên trong đoạn code (chú ý cả định dạng của ảnh)
Chị chỉnh lại nhé: width chứ ko phải with
Mình đã copy file ảnh đó vào một folder chung rồi, tên cũng đúng rồi, cả định dạng ảnh cũng đúng rồi mà vẫn không được.
MomMi
22/03/2006, 03:23 PM
thử lần nữa này vẫn không được:
<html>
<head>
<title>Website của bé</title>
</head>
<body bgcolor="pink">
<h1><b><sup>Welcome to Mi'Web</sup></b></h1><br>
<img border="0" src="images/1.gif" width="100" height="100"><br>
<img border="0" src="images/2.jpg" width="100" height="100"><br>
<div align="center"><img border="2" src="images/3.jpg" width="40%"><br>
<p align="center"> Một kỷ niệm đẹp.<br>
Một thời để nhớ.<br>
Được cha mẹ nâng niu.<br>
Lớn lên rồi tôi mới hiểu<br>
Cha mẹ nuôi tôi khôn lớn đúng là công trời biển.</p>
<p align="center"> Công cha như núi Thái sơn<br>
Nghĩa mẹ như nước trong nguồn chảy ra.<br>
Một lòng thờ mẹ kính cha<br>
Cho tròn chữ hiếu mới là đạo con.
</body>
</html>
HongDiep
22/03/2006, 03:36 PM
Bạn thử làm cách này nhé: hay copy hình từ chính folder và paste vào ngay cho hình mà bạn muốn hiện ra trong trang bạn viết thì nó mới hiểu đúng đường dẫn. Có nghĩa là bạn phải delete cái hình cũ đi và paste vào đúng chỗ đó. Bạn làm thử nhé.
phuongbe
22/03/2006, 03:38 PM
Thấy cái topic nay lai phải đảo vào
Deign xịn đây. ai muốn hỏi gì thì hỏi đi nào
Mình cũng mới học theo Lullaby và XSTT nhưng thuộc dạng hấp tấp nóng vội. Cho mình hỏi: để làm được homepage thuộc dạng canvas thì phải làm thế nào?
VD, bạn vào thử nguoitapviet.info, cái mà mình muốn nói nó giống như phần góc trên bên phải (Albulm ảnh, Bài viết, Am nhạc). Mình muốn làm một cái giống thế nhưng có tiêu đề là Tiếng Việt, English, French. Khi bấm vào cái nào thì hiện lên màn hình tương ứng với ngôn ngữ đó.
Thanks
HongDiep
22/03/2006, 03:40 PM
Spam Lullapy: bạn ơi mình muốn hỏi thế này, mình không xem được source 1 vài trang web, vd trang của chị Liênròm, mình muốn tìm hiểu học cái đó nữa đó. Bạn chỉ bọn mình với nhé. :11: :11: :11: :11:
Lullaby
22/03/2006, 10:41 PM
Spam Lullapy: bạn ơi mình muốn hỏi thế này, mình không xem được source 1 vài trang web, vd trang của chị Liênròm, mình muốn tìm hiểu học cái đó nữa đó. Bạn chỉ bọn mình với nhé. :11: :11: :11: :11:
Hì hì.... tớ mà chỉ cái này thì chị Liên ròm đánh tớ chết mất :20: Với lại bạn lại xem source code của trang bé Đan Quỳnh thì tớ cũng... chết luôn :10:
Nói vậy chứ, bạn chọn menu file/save as của IE. Không những source code mà hình ảnh gì cũng chạy tuốt vào máy của bạn :20: Nhưng bạn đâu có muốn copy y chang phải không? :3: :19:
Tớ mò mãi mới ra được cái code disable right click. Nhưng ai dè, cái save as menu của IE vẫn hại tớ :24: Khoaito ơi, bạn là pro design, có cách nào không, chỉ tớ với :8: Tớ thấy nhiều trang họ làm được đó :7:
Thêm nội dung nhé: tớ thông báo là tớ tìm được cách để bảo vệ source code của mình rồi, dùng software html protector, nhưng phải trả tiền :20: Ai kiếm được sunset thì hỏi xin key nhé :9:
Lullaby
22/03/2006, 10:43 PM
http://users.domaindlx.com/xstt/
Code:
<html>
<head>
<bgsound src="happy.mid" loop="-1">
</head>
</body></html>
:6: Have fun!
Hình như chưa up file nhạc, không có nhạc :7:
Lullaby
23/03/2006, 12:33 AM
thử lần nữa này vẫn không được:
<img border="0" src="images/1.gif" width="100" height="100"><br>
<img border="0" src="images/2.jpg" width="100" height="100"><br>
<div align="center"><img border="2" src="images/3.jpg" width="40%"><br>
</body>
</html>
Gửi cho tớ ảnh đi, tớ xem thử cho thuyhien@fulbrightweb.org or thuy.hien@yahoo.com
Lullaby
23/03/2006, 12:41 AM
Mình cũng mới học theo Lullaby và XSTT nhưng thuộc dạng hấp tấp nóng vội. Cho mình hỏi: để làm được homepage thuộc dạng canvas thì phải làm thế nào?
VD, bạn vào thử nguoitapviet.info, cái mà mình muốn nói nó giống như phần góc trên bên phải (Albulm ảnh, Bài viết, Am nhạc). Mình muốn làm một cái giống thế nhưng có tiêu đề là Tiếng Việt, English, French. Khi bấm vào cái nào thì hiện lên màn hình tương ứng với ngôn ngữ đó.
Thanks
Cái này người ta viết bằng css nữa, chứ không phải chỉ html phuongbe ạ :10: Css thì cao cấp quá, tớ chỉ mới mò tới hình nền, các trang trí liên quan tới text thôi :9: (tác giả trang web này là sinh viên chuyên ngành IT, mà đai học nước ngoài nữa :13: ). Cái js để chạy trang web này người ta để ở máy chủ của người ta, và không cho phép save :20: Cho nên bạn có sửa source code (tớ sẽ chỉ phần đó) thì web của bạn cũng không chạy được, vì thiếu js.
Còn muốn thay đổi tiếng Anh, tiếng Việt thì bạn chỉ cần viết 2 trang, 1 bằng tiếng Anh, 1 bằng tiếng Việt rồi link với nhau thôi (như trang của bé Đan Quỳnh :9: )
Lullaby
23/03/2006, 01:06 AM
<tr>
<td><img border="2" src="b1.jpg" width="10%"</tb>
<td><img border="2" src="b2.jpg" width="10%"</tb>
<td><img border="2" src="b3.jpg" width="10%"</tb>
</tr>
XSTT ơi, đoạn code này bị... sai rồi :20: và cũng không cần thiết trong trường hợp này nữa :9: Cho nên nó bị ignored luôn :1:
Em chỉ cần ghi:
<img...>
<img...>
<img...>
là tự động các hình sẽ sắp xếp gần nhau theo hàng ngang thôi (với điều kiện là hình không bự quá, nếu hình to thì nó sẽ tự động xuống hàng).
Lullaby
23/03/2006, 01:44 AM
hi các mẹ,
tớ nhận được 3 pm hỏi về 1 số vấn đề liên quan, nhưng tớ nghĩ sẽ useful cho tất cả mọi người nên trả lời chung luôn.
1/ làm sao publish website mình viết.
Hiện nay có rất nhiều free hosting, nhưng tớ recommend các mẹ nên sign up tại www.domaindlx.com, chúng ta sẽ có subdomain name (vd website của xstt :5: ), host này rất ổn định, chỉ có 1 dòng text quảng cáo ở dưới chân (không ảnh hưởng lắm tới website của bé), 100MB webspace để chứa dữ liệu (tha hồ mà xài, nếu chỉ làm web cho bé). Cách quản lý cũng dễ, giống y như chúng ta làm trong máy thôi. Tuy nhiên host này bị hạn chế bandwidth, nếu nhiều người vô thăm quá thì webpage có thể unavailable trong 1 khoảng thời gian :2:
Có 1 host khác rất tốt www.95mb.com, unlimited bandwidth (tha hồ thăm :6: ), 95mb web space (ít hơn 1 tí, nhưng cũng còn nhiều chán), không hề quảng cáo. Quản lý bằng ftp (cũng đơn giản thôi). Nhưng có 1 nhược điểm lâu lâu rất chậm, cho nên ở VN hay bị lỗi timed out. Xài ở Mỹ thì cực kỳ tốt.
Khi up vào các host này thì các mẹ phải giữ nguyên hiện trạng :4: tức là ở trong máy mình quản lý folder như thế nào thì phải up y chang như vậy, không thay đổi đường dẫn. Trang chủ phải có tên là index.html hoặc index.htm, thì host mới nhận biết được để chỉ đường dẫn (domaindlx chấp nhận cả default.html hoặc default.htm, nhưng các mẹ nên dùng index cho popular, lỡ sau này đổi host thì cũng đỡ mất công). Các mẹ nên chọn tên folder và file không có dấu tiếng việt, không có khoảng trống. Domaindlx rất dễ tính, như thế nào cũng được (trừ dấu &), nhưng các host khác thì không chấp nhận.
2/ Làm sao để đọc được tiếng Việt của một số trang web bằng tiếng Việt
các mẹ chọn menu view/encoding, chọn 1 code nào đó mà mình có thể đọc tiếng việt được :10: (thường là unicode hoặc western europe-window)
Còn khi chúng ta viết file.html của chúng ta, thì chúng ta phải save với code là utf-8 (cửa sổ dưới cùng trên pop-up window để save file.html). Tớ xoay với cái này 2 ngày trời, vì tớ save unicode nhưng lên web không đọc được :17:
Để chắc ăn hơn nữa, các mẹ cho đoạn code này vào phần <head> của file.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
3/ Làm sao để có domain.info
Cái này thì phải... mua :10: Tuy nhiên, hiện này www.1and1.com đang khuyến mãi domain này free năm đầu. Nếu các mẹ có người quen ở Mỹ hoặc Canada thì có thể nhờ mua dùm (vì họ đòi ID của Mỹ hoặc Canada). Tớ chỉ có visa đến 31/8 năm nay, nhưng họ cũng chấp nhận. Tớ mua cho DQ xài năm đầu, năm sau không free nữa thì nghỉ xài :24: Và domain thì không liên quan gì tới host hết. Chúng ta vẫn cần sign up 1 free host, hoặc nếu ăn... mặn thì trả tiền cho host luôn :10: . Các mẹ có thể tham khảo giá host tại www.nhanhoa.com hoặc www.1and1.com. Giá của 1and1 là good deal, rẻ hơn nhanhoa nhiều, nhưng cũng cần có ID của Mỹ và Canada.
Liên ròm
23/03/2006, 06:17 AM
Nói vậy chứ, bạn chọn menu file/save as của IE. Không những source code mà hình ảnh gì cũng chạy tuốt vào máy của bạn :20: Nhưng bạn đâu có muốn copy y chang phải không? :3: :19:
Có một cách viết source code mà save as cũng chả tác dụng gì - vào đấy chỉ thấy text hoặc 1 dòng code.
Lullaby
23/03/2006, 08:58 AM
Có một cách viết source code mà save as cũng chả tác dụng gì - vào đấy chỉ thấy text hoặc 1 dòng code.
Chị chỉ đi chị Liên :6: , em mò mãi mà chẳng kiếm ra :20: Biết cho có tụ với người ta thôi :9: , chứ mấy tay hyper thieves muốn là chẳng chừa cho tí phúc đâu :14:
Đông Vy
23/03/2006, 09:26 AM
Chị học song song 2 thứ với nhau em à, làm cái gì thì chị đưa vào sau đó nhìn phần html thử nó thêm cái gì bởi vì trong web chị đưa Java Script vô nên phải biết html chứ.
Nói thật với em có một thời mê mẩn giờ.. chán rồi.
Sao chị giống em thế! :20: Ban đầu mê mẩn, cái gì cũng muốn học, thấy code gì hay cũng muốn lượm về, mò mẫm cả Flash nữa...nhưng bây giờ thì chán rồi! Cuối cùng nhận ra rằng nhu cầu của mình chỉ là một trang web đơn giản cho gia đình, càng rối càng khó đọc... :1: Bây giờ thì việc cố gắng update thường xuyên cũng đã mệt lắm rồi!
Đông Vy
23/03/2006, 09:50 AM
Chị chỉ đi chị Liên :6: , em mò mãi mà chẳng kiếm ra :20: Biết cho có tụ với người ta thôi :9: , chứ mấy tay hyper thieves muốn là chẳng chừa cho tí phúc đâu :14:
Nếu chị dùng những thứ như "Encrypt HTML source" chẳng hạn thì có thể ngăn các tay mơ xem source code được. Nhưng chẳng ăn thua đâu, vì bên cạnh đó vẫn có rất nhiều thủ thuật giúp chị dễ dàng xem source code của những trang web đã ngăn chặn chức năng này...
Cũng giống như virus ấy, có virus thì sẽ có phần mềm diệt virus thôi ! :1: Với dân chuyên nghiệp thì..."chỉ có một cách giấu html source code hữu hiệu, đó là đừng upload nó lên server.." :10:
Ban đầu em cũng rất bực với việc bị chôm đủ thứ...nhưng sau đó thì...thây kệ họ! :19:
À, post rùi mới nhớ! Cách tốt nhất để người ta không chôm được source là làm web bằng Flash đi chị!
HongDiep
23/03/2006, 10:00 AM
Chị chỉ đi chị Liên :6: , em mò mãi mà chẳng kiếm ra :20: Biết cho có tụ với người ta thôi :9: , chứ mấy tay hyper thieves muốn là chẳng chừa cho tí phúc đâu :14:
Đúng đấy, em cũng chỉ muốn biết để thêm kiến thức thôi. Chị chỉ cho bọn em đi. :11: :11: :11:
Em còn lơ mơ lắm, đã làm được trang web nhưng không biết làm sao cho nó nhúc nhích, em chẳng hiểu tận căng cơ nó thế nào nên khó chịu ghê đi.
Giúp em với. :6: :6: :5:
Lullaby
23/03/2006, 10:19 AM
Ban đầu em cũng rất bực với việc bị chôm đủ thứ...nhưng sau đó thì...thây kệ họ! :19:
À, post rùi mới nhớ! Cách tốt nhất để người ta không chôm được source là làm web bằng Flash đó chị! :1:
Chị thì chẳng sợ ai chôm hết :3: Vì chị toàn xài đồ free họ offer thôi, có link back đàng hoàng, chẳng tự sáng tạo cái gì hết :9: Nếu họ muốn thì họ có thể vào thẳng trang offer linkware luôn. Nhưng chị muốn dấu vì sợ họ đọc được, họ... buồn cười, vì mình viết kiểu... thủ công quá!!
Làm bằng Flash thì chắc dân chuyên nghiệp cũng đọc được chứ hả :7:
Lullaby
23/03/2006, 10:22 AM
Em còn lơ mơ lắm, đã làm được trang web nhưng không biết làm sao cho nó nhúc nhích, em chẳng hiểu tận căng cơ nó thế nào nên khó chịu ghê đi.
Bạn muốn làm cho blogspot của bạn... nhúc nhích hả? hay là website khác mà bạn mới viết?? Nếu là blogspot thì nó chẳng nhích được đâu :2: Vì là đồ ready-made mà. Bạn chỉ có thể up thông tin của bạn vô template làm sẵn của họ thôi, hoặc đổi sang template khác.
Đông Vy
23/03/2006, 10:48 AM
Chị thì chẳng sợ ai chôm hết :3: Nhưng chị muốn dấu vì sợ họ đọc được, họ... buồn cười, vì mình viết kiểu... thủ công quá!!
Làm bằng Flash thì chắc dân chuyên nghiệp cũng đọc được chứ hả :7:
À, đúng rồi chị ạ! Cả Flash cũng có thể chôm được! :2:
Còn nếu sợ viết buồn cười thì...em nghĩ dân chuyên nghiệp chẳng ai thèm đọc source code của chị em mình làm gì đâu, hehe...Còn amateur như em đọc thì...chẳng hiểu gì cả! Em cũng viết loạn xà ngầu cả lên, add script tùm lum luôn! Đọc lại em cũng không biết gì luôn. :21: Nhưng kệ, có trang web tàm tạm cho vui là được rồi chị há!
Nhưng nếu chị vẫn muốn giấu source thì vào đây xem nè:
http://www.cgiscript.net/cgi-script/csNews/csNews.cgi?database=js_misc%2edb&command=viewone&id=60
Hoặc là vào Google gõ "hide source code".
P/S: Em chưa làm thử nên không biết hiệu quả ra sao!
Lullaby
23/03/2006, 11:11 AM
Nhưng nếu chị vẫn muốn giấu source thì vào đây xem nè:
http://www.cgiscript.net/cgi-script/csNews/csNews.cgi?database=js_misc%2edb&command=viewone&id=60
Thanks em nhiều nhiều :8: Nhưng chị disable được right click rồi (cái này cũng tương tự thôi), nhưng không disable được save as menu của IE (kiếm được cái html protector thì nó đòi tiền :2: ). Đang chờ chị Liên tư vấn đây :26: :23: :45:
Lullaby
23/03/2006, 12:39 PM
Alo các mẹ ơi, trước khi đi... ngủ, tớ bày thêm 1 bài nữa cho các mẹ mò mẫm trong giờ nghỉ trưa nhé :24: Tớ fải fulfill commitment là giúp các mẹ hoàn thành website trong vòng 2 ngày mà :8: Mong các mẹ đừng tẩu hỏa nhập ma thôi :24: (Bây giờ mỗi buổi sáng thức dậy, tớ hồi hộp lắm :17: :3: )
Những pro designers khuyên rằng, chúng ta không nên viết quá nhiều nội dung trên 1 trang web: "đừng mong người xem sẽ cuộn hết trang web để đọc hàng nghìn chữ trên 1 trang. Nếu chúng ta có nhiều thông tin cần giới thiệu, hãy cắt thành nhiều trang, và chỉ đường dẫn cho người xem :1: ". Như vậy, chúng ta nên viết thành nhiều file.html và sau đó link các files này với nhau.
Ví dụ, trên website của bé chúng ta muốn giới thiệu về WTT, thì không nên insert nguyên phần introduction của WTT vào, muốn khoe ảnh bé, thì cũng không nên cho hết vào trang đó,... Trên trang chủ chúng ta chỉ cần viết tiêu đề và đường dẫn thôi. Code để link đến trang khác, vd "trang hình ảnh", được đặt tên là photo.html (save cùng folder với index.html):
<a href="photo.html">Trang hình ảnh</a>
Nếu chúng ta muốn link đến 1 trang khác không phải do chúng ta viết thì chúng ta phải chỉ đường dẫn đầy đủ, vd, link đến WTT
<a href="http://www.webtretho.com">Web Trẻ Thơ</a>
Lưu ý cần phải ghi đầy đủ "http://", nếu không trình duyệt sẽ tìm "www.webtretho.com" trong folder mà chúng ta up vào host :2:, và tất nhiên kết quả sẽ là "the page cannot be displayed" :20:
Nếu các mẹ muốn mở đến 1 window khác, không phải window chúng ta đang xem website của chúng ta, thì chúng ta sẽ thêm thông số target (đích đến), cụ thể là:
<a href="photo.html" target="_blank">Trang hình ảnh</a>
Chữ blank nằm sau underscore (_), và tất cả trong dấu ngoặc kép.
Trong trường hợp các mẹ muốn link là 1 ảnh, chứ không phải chữ, thì thay vì viết chữ (trang hình ảnh), các mẹ sẽ chèn tấm hình vào đó (1.jpg), cụ thể là
<a href="photo.html" target="_blank"><img border="0" src="1.jpg"></a>
Các mẹ nhớ là mở anchor (<a>) thì phải đóng lại (</a>), nếu không thì link sẽ không hoạt động. Thiếu bất kỳ ký tự nào thì link cũng sẽ không hoạt động.
Bây giờ các mẹ viết vài trang, up vào host cho hoành tráng rồi mời bà con vào xem để click cho hư chuột luôn nhe :24:
Chúc các mẹ thành công nhé. Chúc tớ ngủ ngon cái nào :6:
Lullaby
24/03/2006, 12:24 AM
Có một cách viết source code mà save as cũng chả tác dụng gì - vào đấy chỉ thấy text hoặc 1 dòng code.
Chị ơi, em thấy trang babiesonline.com họ có... cái như chị nói, mở view source thì chỉ thấy là "bản quyền thuộc về babiesonline.com, và ip của bạn đã bị recorded" :2: Nhưng em dùng save as thì vẫn có được source code :7: Vậy túm lại là không có tác dụng gì luôn :7:
Liên ròm
24/03/2006, 01:07 AM
Chị ơi, em thấy trang babiesonline.com họ có... cái như chị nói, mở view source thì chỉ thấy là "bản quyền thuộc về babiesonline.com, và ip của bạn đã bị recorded" :2: Nhưng em dùng save as thì vẫn có được source code :7: Vậy túm lại là không có tác dụng gì luôn :7:
Lâu quá rồi chị quên vả lại giờ chị xóa hết trong máy chị đợt bị virus rồi nhưng chị nhớ là là một đoạn code nào đó của em - em save nó một tên là web1.?? (sorry cái đuôi tên gì chị quên mất) sau đó em dùng một dòng code gì đấy em bỏ cái web1.?? vào và em upload vào folder, đồng thời ngay trang web của em thay vì em viết cả đoạn code thì em viết cái dòng em vừa upload đấy. Bà con sẽ copy về cái source code nhưng chỉ có cái dòng ấy thôi nên không thể cóp được cái nguyên bản của em.
Lullaby
24/03/2006, 01:59 AM
thử lần nữa này vẫn không được:
<img border="0" src="images/1.gif" width="100" height="100"><br>
<img border="0" src="images/2.jpg" width="100" height="100"><br>
<div align="center"><img border="2" src="images/3.jpg" width="40%"><br>
Mẹ MomMi ơi, tớ nhận được ảnh rồi. Tớ giải thích chung để cho những mẹ khác nếu mắc phải lỗi này thì có cách giải quyết luôn nhé :8:
3 ảnh của bạn có tên như sau:
1.gif.bmp
2.jpg.jpg
3.jpg.jpg
Ảnh đầu tiên của bạn định dạng là bitmap (bmp) thì nhiều host không cho upload đâu. Với lại bmp có dung lượng rất lớn, ảnh rất nặng, tốn space của bạn lắm.
Tuy nhiên bạn cần đổi tên lại cho các ảnh, vì tên ảnh bạn ghi trong code không phù hợp với tên thật của ảnh. Khi bạn dùng photoshop để save for web thì bạn không cần chọn tên ảnh là 1.gif hay 1.jpg, tên chỉ bao gồm phần trước dấu chấm thôi, sau đó bạn chọn định dạng là jpg hay gif (có ai biết cách chụp ảnh cái window "save for web" trong photoshop thì làm giúp nhé, tớ ứ biết :9: :20: ). Trong folder của bạn thì tên ảnh cũng chỉ là phần trước dấu chấm, bạn có thể xác định xem đó là gif hay jpg bằng cách click chuột phải vào ảnh, chọn properties, bạn sẽ thấy file type thể hiện định dạng của file (jpg image or gif image).
Bạn làm lại thử xem nhé, cố lên :41:
MomMi
24/03/2006, 09:18 AM
chị ơi, em làm được rồi, cảm ơn chị nhiều, còn gì thì chị dạy nốt cho các mẹ trên này đi chị.
yeuhqh22
24/03/2006, 10:03 AM
em làm Frontpage mà mún add hình của mình làm nền hoặc dùng templates thì fải sao ạ?
Xứ sở thần tiên
24/03/2006, 10:19 AM
E cũng làm được vài phần rồi. Giờ cứ theo các code đã học đựơc e làm đủ thứ. Chán lại xoá nhưng thấy thích rồi.
Giờ e cũng hiểu thế nào gọi là html. :21:
Giờ lại muốn học CSS
Có ai biết chỉ thêm cho e với. Cái CSS mới là cái mà e quan tâm. :26:
Lullaby
24/03/2006, 10:40 AM
chị ơi, em làm được rồi, cảm ơn chị nhiều, còn gì thì chị dạy nốt cho các mẹ trên này đi chị.
Chắc chắn là còn rất nhiều thứ để học mà (tớ cũng vẫn còn đang học đây), nhưng mẹ MomMi đã tạo được link chưa? Cả các mẹ khác nữa??
Tớ chỉ tiếp bài khác nhé. Bây giờ đến phần trang trí cho website hén? :1:
Trước tiên, đơn giản nhất là phần text. Mặc định của trình duyệt là chữ màu đen, font times-new-roman (hình như là vậy, tớ thấy giống giống thế :10: ).
Nếu chúng ta muốn đổi toàn bộ text của trang web sang màu khác thì chúng ta đưa đoạn code sau vào phần <body>
<body text="green"> (không đóng </body> lại nhé :1: )
Tên màu cũng có thể dùng mã giống như làm màu nền vậy. Như vậy thì toàn bộ phần text của cả trang sẽ chuyển thành màu xanh.
Trong trường hợp chúng ta muốn đổi text của một đoạn, 1 câu hoặc 1 chữ thôi thì chúng ta đặt đoạn code sau ngay trước chữ, câu mà chúng ta muốn đổi màu
<font color="green">màu xanh lá</font>
Muốn đổi font chữ thì chúng ta dùng đoạn code này trước đoạn, câu, chữ mà chúng ta muốn đổi
<font face="verdana">Font Verdana</font>
Tuy nhiên, các mẹ lưu ý khi chúng ta chọn font để viết tiếng việt thì nên chọn những font nào phổ biến, vì nếu chọn font ít người xài (không có trong directory của họ) thì trang web sẽ không hiển thị đúng font chữ trên trình duyệt của họ. Và như vậy là... thất bại trong việc tiếp thị bé rồi :10:
Còn muốn cho cả trang chuyển sang font khác thì phải học XSLT (Extensible Stylesheet Language Transformations), cái này thì tớ chưa rờ tới :9: Họ bảo xài đoạn code này
<xsl:attribute-set name="font">
<xsl:attribute name="fname">Verdana</xsl:attribute>
</xsl:attribute-set>
Nhưng tớ chẳng biết bỏ vào đâu :20:
Thôi, các mẹ chịu khó copy rồi paste cái code html font ở mỗi đoạn mà các mẹ muốn đổi font đi há? :8:
Good luck!
Lullaby
24/03/2006, 10:42 AM
E cũng làm được vài phần rồi. Giờ cứ theo các code đã học đựơc e làm đủ thứ. Chán lại xoá nhưng thấy thích rồi.
Giờ e cũng hiểu thế nào gọi là html. :21:
Giờ lại muốn học CSS
Có ai biết chỉ thêm cho e với. Cái CSS mới là cái mà e quan tâm. :26:
Vô đây học nè cưng :1:
http://www.w3schools.com/css/default.asp
Lullaby
24/03/2006, 11:38 AM
tớ tìm ra rồi: dùng đoạn code sau bỏ vào <head>
<head>
<style type="text/css">
p { color : green;
font-family : Verdana}
h1 { color : green}
</style>
</head>
Các mẹ lưu ý, những thông số trong phần này chỉ áp dụng với đoạn văn (p) và heading 1 (h1) thôi nhé (tớ in đậm để lưu ý chứ không phải khi viết code cũng phải in đậm nha :9: ). Nếu muốn áp dụng với tất cả các headings thì các mẹ phải định thông số cho tất cả các headings trong đoạn code. Nếu không định thì headings sẽ không hiển thị trên website luôn đó :20:
Tớ thấy làm "thủ công" bằng html là ok rồi :4: XSTT thấy sao? đây là 1 phần của css đó :10:
Manly
24/03/2006, 11:45 AM
tớ tìm ra rồi: dùng đoạn code sau bỏ vào <head>
<head>
<style type="text/css">
p { color : green;
font-family : Verdana}
h1 { color : green}
</style>
</head>
Chị ơi css chị nên tạo thành file riêng rồi
<link rel="stylesheet" type="text/css" href="XXX.css">
Lullaby
24/03/2006, 11:57 AM
Chị ơi css chị nên tạo thành file riêng rồi
<link rel="stylesheet" type="text/css" href="XXX.css">
Nhưng chị thấy tạo file riêng thì... lùm xùm quá, hì hì... cái code đó là chị copy y chang ở w3schools. Chị copy source của nhiều trang thì thấy họ cũng link tới file.css, chị đang tính... sửa để cho nó chung 1 file.html của chị để up :9: Bây giờ liều lắm rồi :21: Sửa code loạn xị lên hết, sai thì... mò lại từ đầu thôi :21:
Anyway, thanks em nhiều lắm, em cũng giúp chỉ cho mọi người vài chiêu đi chứ.
Manly
24/03/2006, 12:25 PM
Nhưng chị thấy tạo file riêng thì... lùm xùm quá, hì hì... cái code đó là chị copy y chang ở w3schools. Chị copy source của nhiều trang thì thấy họ cũng link tới file.css, chị đang tính... sửa để cho nó chung 1 file.html của chị để up :9: Bây giờ liều lắm rồi :21: Sửa code loạn xị lên hết, sai thì... mò lại từ đầu thôi :21:
Anyway, thanks em nhiều lắm, em cũng giúp chỉ cho mọi người vài chiêu đi chứ.
CHị ơi, em sắp chết ngáp rồi :2:. Nếu có thời gian em sẽ cố gắng :1:
Lullaby
24/03/2006, 12:45 PM
Cái text dễ quá các mẹ nhỉ? Tớ "vây" các mẹ thêm 1 lưới nữa trước khi tớ đi khò nè :10: Sắp xếp trang web nhé :3:
Tất cả các trình duyệt web đều không hiểu được những lệnh trong các phần mềm soạn thảo văn bản, vd. enter, tab, space,... Cho nên nếu các mẹ có ý định sắp xếp 2 tấm hình cách xa nhau bằng những lệnh này thì... công cốc thôi :10: Thật ra, chúng ta có thể dùng các lệnh trên bằng cách cho vào cặp thẻ <pre></pre>. Nhưng rất là risky, vì các mẹ sẽ không thể estimate được trang web của mình sẽ thể hiện trên các màn hình khác (15", 17",...) như thế nào.
Để sắp xếp 1 trang web, chúng ta phải lập bảng (table), vd trang chủ của DQ www.danquynh.info/vn.html được chia thành bảng gồm 3 cột: trái, giữa, và phải. Cấu trúc của bảng như sau (nằm trong <body>):
<table border="0" width="100%" valign="top">
<tr>
<td></td>
<td></td>
...
</tr>
</table>
border="0" để bảng không bị đóng khung, nếu không set bằng 0 thì trang web sẽ giống như màn hình excel vậy :20:
width="100%" có nghĩa là chiều ngang; trong trường hợp này được tính bằng toàn bộ chiều ngang của màn hình. Các mẹ cũng có thể tính bằng đơn vị pixel nếu thích. Chiều cao không cần set, vì nó sẽ trải dài đến hết nội dung của bảng.
valign: định vị trí của nội dung trong bảng theo chiều dọc (vertical align), bao gồm top, middle và bottom
(chúng ta cũng còn nhớ XSTT đã giới thiệu cách định vị trí theo chiều ngang là <div align="center">, bao gồm left, center và right)
<tr> (table row) xác định cách sắp xếp của bảng là theo hàng ngang
<td> (table data) xác định nội dung của từng cột trong bảng. Nếu chúng ta muốn chia làm bao nhiêu cột thì chúng ta cần xác định bấy nhiêu cặp <td></td>.
Ví dụ chúng ta muốn sắp 3 tấm hình 1.jpg, 2.jpg và 3.jpg theo hàng ngang, th