Hướng dẫn làm website nhạc part 1

Chia sẻ: Pham Xuan Duong | Ngày: | Loại File: PDF | Số trang:10

Thêm vào BST

Báo xấu

232
lượt xem 37
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Vài lời - Kiến thức là kho báu không phải của riêng ai. Vì vậy, bạn đừng ngần ngại khi chia sẻ cho mọi người Hiện nay Internet và thiết kế web là sở thích và là thú vui của ko ít bạn trẻ. Trên Internet có rất nhiều trang web nội dung của chúng thường là forum, cung cấp thông tin và đặc biệt là music website - web nhạc. Đã có rất nhiều bạn gửi IM cho tôi hỏi cách làm một trang web nhạc như TrangNgan.Kiss.To của tôi. Thực sự là tôi ko thể trả lời được hết...

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Hướng dẫn làm website nhạc part 1

Vài lời - Kiến thức là kho báu không phải của riêng ai. Vì vậy, bạn đừng ngần ngại khi chia sẻ cho mọi người - Hiệ n nay Internet và thiế t kế w eb là s ở th ích và là th ú vui củ a ko ít b ạ n trẻ . Trê n Internet có rấ t nhiề u trang web n ộ i d ung củ a ch ú ng th ườ ng là forum, cung cấ p th ô ng tin và đ ặ c biệ t là music website - w eb nh ạ c. Đã có rấ t nhiề u b ạ n g ửi IM cho tô i h ỏ i cá ch là m mộ t trang web nh ạ c nh ư TrangNgan.Kiss.To củ a tô i. Th ực s ự là tô i ko th ể trả lờ i đ ượ c h ế t nh ững câ u h ỏ i đ ó và cũ ng ko th ể trả lờ i kỹ đ ượ c. Ch ính vì vậ y, tô i viế t tậ p tà i liệ u n à y nh ằ m giú p cá c b ạ n có mộ t s ự g iú p đ ỡ n ho nh ỏ đ ể có th ể tạ o cho mình 1 trang web nh ạ c nhanh ch ó ng và d ễ d à ng nh ấ t. Trướ c đ â y, tô i cũ ng ch ưa biế t g ì n hiề u, ch ậ p ch ững lang thang trê n Internet lượ m lặ t và tậ p là m mộ t trang web, tô i đ ã h ỏ i rấ t nhiề u ng ườ i, h ầ u h ế t ko biế t ho ặ c ko mu ố n trả lờ i. Vì vậ y, đ ể th ực hiệ n đ ượ c web nh ạ c n à y tô i đ ã tố n ko ít th ờ i gian cho việ c tự mà y mò n ghiê n cứu, lú c đ ó tô i ch ỉ ướ c có a i đ ó đ ế n b ê n h ướ ng d ẫ n tô i. Tô i hiể u cả m xú c lú c ko có a i h ướ ng d ẫ n, ph ả i mộ t mình tự t ìm hiể u. Vì th ế , tô i đ ã viế t h ế t s ức kỹ cà ng và d ễ h iể u đ ể n ó là tà i liệ u ko ch ỉ củ a nh ững ng ườ i đ ã b iế t nhiề u mà cò n d à nh cho nh ững b ạ n cò n ch ưa biế t nhiề u. Nh ưng thiế t kế trang web nh ạ c cũ ng đ ò i h ỏ i b ạ n ph ả i có mộ t ch ú t kiế n th ức về mạ ng Internet và s ơ s ơ (ch ỉ cầ n s ơ s ơ th ô i) về HTML, n ế u b ạ n đ ang b ắ t đ ầ u từ con s ố 0 có lẽ b ạ n n ê n đ ế n h ttp://easyvn.com trướ c khi quay trở lạ i vớ i vấ n đ ề n à y. C ũ ng nh ư tấ t cả cá c cô ng việ c kh á c, thiế t kế w eb là cô ng việ c rấ t th ú vị n h ưng n ó đ ò i h ỏ i b ạ n ph ả i có n iề m th ích th ú và s ay mê đ ể đ ạ t đ ượ c th à nh cô ng, ngo à i ra, b ạ n cầ n có ý tưở ng và đ ặ c biệ t là mộ t mụ c tiê u đ ể vươ n tớ i. Tô i là m website n à y cũ ng vì s ở th ích và tô i mu ố n n ó là mộ t mó n qu à tặ ng TrangNg â n, mộ t ng ườ i b ạ n mà tô i rấ t yê u mế n, tô i mu ố n lưu giữ n h ững cả m xú c đ ẹ p củ a 2 đ ứa lê n Internet và mu ố n tặ ng nh ững ng ườ i b ạ n củ a tô i nh ững b à i h á t hay, tô i cũ ng mu ố n qua website n à y g ửi lờ i cả m ơ n tớ i anh Bo Đan Trườ ng cù ng nh ững b à i h á t tuyệ t vờ i củ a anh. Tôi hy vọng các bạn v ới những mục đích cao đẹp sẽ thành công trên con đường của mình! P art n à y n ằ m trong lo ạ t b à i viế t h ướ ng d ẫ n "Là m 1 trang nh ạ c từ A -> Z" củ a Nguyễ n Trọ ng Qu ý - Admin of w ww.TrangNgan.Kiss.To - Mọ i th ắ c mắ c liê n h ệ Y! TieuDanTruongONLY o r email: TieuDanTruong@LoveCat.com, tô i s ẽ h ướ ng d ẫ n h ế t s ức có th ể - Allright Reserver - Vui lò ng ghi rõ b ả n quyề n n ế u b ạ n copy th ô ng tin ở đ â y!
Part I: Mã nguồn - Kiến thức là kho báu không phải của riêng ai. Vì vậy, bạn đừng ngần ngại khi chia sẻ cho mọi người - Hiệ n nay, cá c trang nh ạ c th ườ ng là m b ằ ng PHP ho ặ c HTML. PHP là mộ t ng ô n ng ữ cấ p cao và việ c tạ o mộ t trang nh ạ c b ằ ng ng ô n ng ữ n à y th ườ ng có tính b ả o mậ t tố t. Tuy nhiê n, HTML hiệ n vẫ n là s ự lựa ch ọ n củ a nhiề u webmaster b ở i s ự d ễ h iể u, đ ơ n giả n củ a n ó . HTML cò n cho ph é p tu ỳ b iế n rấ t nhiề u từ trang ban đ ầ u, cá c trang nh ạ c HTML hiệ n nay đ ề u s ử d ụ ng mộ t mã n gu ồ n g ố c và vì th ế đ ề u có đ iể m chung là g ồ m 3 ph ầ n: 1 ô ca s ỹ, 1 ô b à i h á t và mộ t ô Media Player, khi click và o Casy, list cá c b à i h á t củ a ca s ỹ đ ó s ẽ đ ượ c mở ra trong ô b à i h á t, và khi click và o b à i h á t Media Player s ẽ ch ạ y b à i h á t đ ó . Tuy đ ề u d ựa trê n mộ t mã n gu ồ n n h ưng cá c trang web nh ạ c rấ t đ a d ạ ng phong ph ú và có trang đ ẹ p, trang xấ u tu ỳ theo từng ng ườ i thiế t kế , n h ưng th à nh p h ầ n n ó cũ ng ch ỉ có 3 p h ầ n nh ư trê n. Để b ắ t đ ầ u vớ i cô ng việ c xâ y d ựng mộ t website nh ạ c, b ạ n h ã y down mã n gu ồ n củ a cá c trang HTML về , d ướ i đ â y là mộ t s ố lựa ch ọ n cho b ạ n vớ i mộ t s ố trang kh á c nhau, mộ t s ố d o mình tự thiế t kế , mộ t s ố s ưu tầ m. C ác Skin này đã được tôi test thử trước khi zip lại v à share nên các bạn có thể y ên tâm v ề tính ổn định của nó, n ế u có trụ c trặ c g ì khi s ử d ụ ng, xin th ô ng b á o vớ i tô i (Y! TieuDanTruongONLY) đ ể tô i kịp th ờ i s ửa, rấ t cá m ơ n s ự đ ó ng g ó p củ a cá c b ạ n. Sau khi download về , cá c b ạ n h ã y bung n é n và là m theo cá c file h ướ ng d ẫ n đ ã có ở trong đ ể có th ể thay đ ổ i cá c th ô ng tin sao cho ph ù h ợ p vớ i yê u cầ u củ a b ạ n. Vớ i mỗ i skin tô i đ ề u là m mộ t trang Demo (mẫ u) đ ể cá c b ạ n có th ể tham kh ả o. SKIN 1: Mà u đ en, trô ng rấ t "ng ầ u", h iệ n đ ạ i, rấ t nh ỏ g ọ n. Download Skin 1 (Trang DEMO)
SKIN 2: Mà u h ồ ng ấ m á p, Very Romantic, g ọ n nh ẹ và rấ t đ ẹ p Download Skin 2 (Trang DEMO) SKIN 3: Mà u xanh d ịu, trô ng rấ t đ ẹ p, kh á là trang nh ã và cũ ng ko ké m ph ầ n lã ng mạ n Download Skin 3 (Trang DEMO) SKIN 4: Mà u xanh tố i, thiế t kế h iệ n đ ạ i, kiể u d á ng đ ặ c biệ t kh á lạ và h ấ p d ẫ n. Download Skin 4 (Trang DEMO)
SKIN 5: Mà u Socola, lã ng mạ n và tình củ m, có vẻ g ì đ ó rấ t th ơ n g â y, đ ầ y kỷ n iệ m, mộ t skin đ ẹ p Download Skin 5 (Trang DEMO) SKIN 6: Mà u tố i, kh á có p hong cá ch, s kin kh á đ ồ s ộ vớ i rấ t nhiề u file, mang lạ i cả m giá c đ ộ c đ á o Download Skin 6 (Trang DEMO) SKIN 7: Mà u xanh má t, vớ i kiể u thiế t kế n h ẹ n h à ng vớ i nh ững n é t ch ấ m p h á cù ng nhiề u chi tiế t d ịu nh ẹ và đ ẹ p mắ t Download Skin 7 (Trang DEMO)
SKIN 8: Mà u đ en tuyề n, sang trọ ng lịch lã m và đ ẹ p mắ t, đ â y là s kin mà tô i th ích nh ấ t và đ ang đ ượ c s ử d ụ ng trong http://TrangNgan.Kiss.To Download Skin 8 (Trang DEMO) SKIN 9: Mộ t phong cá ch Rap đ ầ y cá tính, đ â y là mộ t skin tuyệ t vờ i vớ i n h ững ng ườ i yê u Rap or có ý đ ịnh là m mộ t trang nh ạ c Rap Download Skin 9 (Trang DEMO) SKIN 10: Sự h o à trộ n giữa nh ững tô ng mà u nh ẹ n h à ng cù ng vớ i mộ t h ình ả nh đ ẹ p củ a mộ t China Girl, mộ t skin kh á đ ẹ p Download Skin 10 (Trang DEMO)
SKIN 11: Baby, mơ mộ ng, skin n à y g ợ i cả m giá c trẻ th ơ cù ng vớ i nh ững ướ c mơ b ay b ổ ng, rấ t đ ẹ p và d ịu nhẹ Download Skin 11 (Trang DEMO) SKIN 12: Final Fantasy n ổ i b ậ t vớ i cá ch thiế t kế rấ t ấ n tượ ng và đ ẹ p mắ t Download Skin 1 2 (Trang DEMO) Lưu ý : Không thay đổi quá nhiều phần mã nguồn, điều đó có thể gây trục trặc trong khi hoạt động. * Trướ c khi đ ế n vớ i cá c Part tiế p theo, xin cá c b ạ n lưu tâ m và i đ iề u: 1 . Lo ạ t b à i viế t n à y đ ã đ ượ c viế t và s ắ p xế p theo mộ t cấ u trú c lầ n lượ t, vì vậ y cá c b ạ n h ã y cố g ắ ng đ ọ c kỹ và ch ắ c ch ắ n đ ã h iể u mộ t ph ầ n trướ c khi đ ế n vớ i ph ầ n sau đ ó , đ ừng b ỏ q ua ph ầ n n à o vì n ó có th ể liê n quan đ ế n ph ầ n sau. 2 . C á c ph ầ n mề m ở cá c part sau đ ã đ ượ c zip lạ i và đ ề u đ ượ c đ ặ t pass Unzip vì vậ y khi bung n é n cá c b ạ n ph ả i đ iề n đ ú ng P ass Unzip mà tô i đ ã đ ưa ra (h ầ u h ế t pass Unzip là ilov etrangngan ) 3 . TrangNg â n là tê n 1 ng ườ i b ạ n củ a tô i, ko ph ả i tê n tô i, cá c b ạ n đ ừng lầ m lẫ n khi Chat or contact (mộ t s ố b ạ n cứ n gh ĩ tô i là g irl ^_^ n ê n g â y ra mộ t s ố h iể u lầ m rấ t bu ồ n cườ i khi chat và h ỏ i đ á p) P art n à y n ằ m trong lo ạ t b à i viế t h ướ ng d ẫ n "Là m 1 trang nh ạ c từ A -> Z" củ a Nguyễ n Trọ ng Qu ý - Admin of w ww.TrangNgan.Kiss.To - Mọ i th ắ c mắ c liê n h ệ Y! TieuDanTruongONLY o r email: TieuDanTruong@LoveCat.com, tô i s ẽ h ướ ng d ẫ n h ế t s ức có th ể - Allright Reserver- Vui lò ng ghi rõ b ả n quyề n n ế u b ạ n copy th ô ng tin ở đ â y!
Part II: Hosting - Kiến thức là kho báu không phải của riêng ai. Vì vậy, bạn đừng ngần ngại khi chia sẻ cho mọi người - Hosting là mộ t kh á i niệ m quen thu ộ c vớ i cá c webmaster, đ ó là n ơ i cấ t giữ cá c file tạ o n ê n trang web củ a mình. Bạ n cứ tưở ng tượ ng n ó g iố ng nh ư mộ t tủ đ ồ ở trườ ng, n ơ i cá c b ạ n có th ể cấ t đ ồ d ù ng củ a mình và o. - L àm một trang nhạc thì hosting đóng vai trò cực kỳ quan trọng, host giúp bạn lưu trữ file của trang chính v à lưu trữ các bài hát. Trong mục này tôi sẽ trình bày host để lưu trữ trang chủ, còn host để up nhạc sẽ được nói trong mục Upnhạc. Hosting có th ể mua (n ế u b ạ n là n g ườ i có n hiề u $) ho ặ c có th ể đ ă ng ký đ ể lấ y free (miễ n ph í). Hiệ n có rấ t nhiề u nh à cung cấ p d ịch vụ h ost free, n ế u và o Google.com.vn và g õ và o ô tìm kiế m "hosting""free" s ẽ có ko d ướ i 15.000 kế t qu ả t ìm đ ượ c. Host free th ì có n hiề u, nh ưng n ế u so vớ i host paid (host b ạ n b ỏ tiề n mua) th ì h ost paid có n hiề u ưu đ iể m h ơ n: - Dễ q u ả n lý - An to à n khi s ử d ụ ng. - Rấ t ch ủ đ ộ ng Host free cho b ạ n free host nh ưng th ườ ng h ạ n ch ế n hiề u đ iể m nh ư b ắ t đ ặ t qu ả ng cá o củ a h ọ trê n trang củ a b ạ n, h ạ n ch ế d ung lượ ng file up lê n, h ạ n ch ế d ạ ng file (có h ost free cho b ạ n up lê n mỗ i .htm, .html, .jpg và .gif :D) .... h ọ cò n h ạ n ch ế b ạ n n hiề u th ứ kh á c. (Bạ n có th ể tham kh ả o mộ t s ố h ost free cù ng th ô ng tin củ a ch ú ng ở đ â y) Nh ưng trong h à ng đ ố ng host free ko ph ả i là ko có h à ng tố t. C á c webmaster Việ t Nam sau khi s ử d ụ ng rấ t nhiề u host free th ì g iờ tô i th ấ y mọ i ng ườ i ch ủ yế u d ù ng hai host ch ính h ttp://websamba.com/ và h ttp://geocities.jp Khi lựa ch ọ n host th ì cá c b ạ n n ê n quan tâ m đ ế n nh ững th ô ng s ố ch ính sau: - S pace hay dung lượng: là dung lượng mà bạn có thể tải lê n, bé t nhất là 1 0MB thông thường là khoảng 50 - 5 00MB, cá biệt lê n tới 1GB nhưng ko phải cứ nhiều là tốt, bởi v ì ko phải cứ dung lượng nhiều là host tốt bởi v ì còn có nhiều lý do quy định host dùng có tốt ko. - Banwidth Băng thông: L à dung lượng cho phé p tải xuống: Đây là một khái niệm hơi khó hiểu ( click vào đây để nghiê n cứu thêm) nhưng nếu giải thích nôm na: Banwidth (viết tắt BW) là dung lượng mà người xem web được phép tải xuống/thá ng. VÍ dụ: bạn có 2 file: LoveNgân.html và Y êuNgân.JPG, 2 file này nặng 2MB (:D hơi nhiều) v à host mà bạn đưa lên có BW là 5 0MB thì sau khi xem 25 lần/1tháng (50 : 2 = 2 5 lần). Sang tháng sau thì BW lại đầy và trang của bạn lại vào được bình thường. Thông thường, host free thường cho BW cỡ 1 GB - 1 TB (TB: Têrabyte = 1024GB) nhiều host Unlimited BW có nghĩa là bạn ko phải lo nghĩ gì về BW, nó sẽ ko bao giờ hết. - C ó cho sử dụng FTP ko: S ử dụng FTP giúp cho việc upload file của bạn trở nên nhanh chóng v à dễ dàng, FTP giúp quản lý các file, các thao tác nhanh chóng hơn, nếu ko có F TP thì thường các host free cho bạn quản lý file bằng trình duy ệt ( Browser) Internet Explorer. Một số host cho phép v ừa FTP vừa trình duy ệt Browser. C òn nhiều thông số khác cũng quan trọng nhưng cũng dễ hiểu, các bạn tự tìm hiểu. S au đây tôi xin giới thiệu 2 host free được dùng phổ biến ở VN và cũng là 2 host free tốt nhất mà tôi từng biết 1 . WEBSAMBA Là mộ t host free củ a Mỹ, cho b ạ n 30MB về d ung lượ ng và Unlimited BW,cho s ử d ụ ng FTP và Browser đ ể u pload file.
C lick và o đ â y đ ể đ ă ng ký, h ttp://www1.websamba.com/ Q uá trình đăng ký hết sức đơn giản v ì nó hoàn toàn là tiếng Anh, sau khi đăng ký xong khoảng 1 - 5 ngày, nó sẽ gửi mail cho các bạn trong đó có active link (link kích hoạt) sau khi nhận được thư, các bạn mở ra và click vào các active link đó để kích hoạt host, sau đó các bạn lại phải đợi khoảng từ 3 - 1 5 tiếng để nó gửi Password cho (Password này thường rất khó nhớ v ì thế bạn nên thay ngay lần đầu v ào quản lý host của mình)!
Sau khi đ ă ng ký th à nh cô ng n ó cung cấ p cho b ạ n mộ t host có đ ịa ch ỉ d ạ ng. http://www xx.websamba.com/tênbạn trong đ ó xx là mộ t s ố , đ ó là s ố s ever mà h ost củ a b ạ n đ ang đ ượ c đ ặ t, cà ng về s au, s ố đ ó cà ng lớ n (tấ t nhiê n, cà ng ng à y cà ng n hiề u sever) VD host củ a tô i đ ă ng ký có d ạ ng: http://www36.websamba.com/tieudantruongonly Bạn hãy đăng nhập bằng tê n đăng ký của bạn v à pass mà nó gửi cho: Sau khi đ ă ng nh ậ p b ạ n có th ể Upload và q u ả n lý file, cũ ng có th ể thay pass:
C họn File Manager và bạn có thể U pload, Download, quản lý file theo ý mình: Bạ n cũ ng cầ n nh ớ s ố xx đ ó đ ể đ ă ng nh ậ p b ằ ng FTP: Địa ch ỉ đ ă ng nh ậ p: ftpxx.websamba.com (trong trườ ng h ợ p củ a tô i là ftp36.websamba.com)