Hướng đẫn thiết kế website

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 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 ự giúp đỡ nho 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ìnhiề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ònghiê n cứu, lúc đótôi ch ỉ ước cóai đó đến bên hướng dẫn tôi. Tôi hiể u cảm xúc lúc ko cóai 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ễ hiể u để nólàtài liệu ko chỉ của những người đãbiế t nhiều màcòn dành cho những bạn còn chưa biế t nhiề u.

pdf10 trang | Chia sẻ: luyenbuizn | Lượt xem: 1215 | Lượt tải: 0download
Nội dung tài liệu Hướng đẫn thiết kế website, để tải tài liệu về máy bạn click vào nút DOWNLOAD ở trên
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 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ự giúp đỡ nho 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ì nhiề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ò nghiên cứu, lúc đó tôi chỉ ước có ai đó đến bên hướng dẫn tôi. Tôi hiểu cảm xúc lúc ko có ai 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ễ hiểu để nó là tài liệu ko chỉ của những người đã biế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 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ế web là công việc rất thú vị nhưng nó đòi hỏi bạn phải có niềm thích thú và say 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ữ nhữ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! Part 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 www.TrangNgan.Kiss.To - Mọi thắc mắc liên hệ Y! TieuDanTruongONLY or 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ễ hiểu, đơn giản của nó. HTML còn cho phép tuỳ biế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ã nguồ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ã nguồn như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ế, nhưng thành phần nó cũng chỉ có 3 phầ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ã nguồ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ố do 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", hiệ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ế hiệ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ơ ngây, đầy kỷ niệm, một skin đẹp Download Skin 5 (Trang DEMO) SKIN 6: Màu tối, khá có phong cách, skin 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ế nhẹ nhàng với những nét chấm phá 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à skin mà tôi thích nhất và đang được sử dụng trong 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 nhữ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ự hoà trộn giữa những tông màu nhẹ nhà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) 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 đã hiểu một phần trước khi đến với phần sau đó, đừng bỏ qua 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 Pass Unzip mà tôi đã đưa ra (hầu hết pass Unzip là ilovetrangngan) 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ứ nghĩ tôi là girl ^_^ nên gây ra một số hiểu lầm rất buồn cười khi chat và hỏi đáp) Part 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 www.TrangNgan.Kiss.To - Mọi thắc mắc liên hệ Y! TieuDanTruongONLY or 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! 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ơ bay 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 12 (Trang DEMO) 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ó giố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à người có nhiề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ụ host 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ó nhiều, nhưng nếu so với host paid (host bạn bỏ tiền mua) thì host paid có nhiều ưu điểm hơn: - Dễ quả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ế nhiều điểm như bắt đặt quảng cáo của họ trên trang của bạn, hạn chế dung lượng file up lên, hạn chế dạng file (có host free cho bạn up lên mỗi .htm, .html, .jpg và .gif   :D)  .... họ còn hạn chế bạn nhiều thứ khác. (Bạn có thể tham khảo một số host 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ì giờ tôi thấy mọi người chủ yếu dùng hai host chính và 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: - Space hay dung lượng: là dung lượng mà bạn có thể tải lên, bét nhất là 10MB thông thường là khoảng 50 - 500MB, 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à 50MB thì sau khi xem 25 lần/1tháng (50 : 2  =  25 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ỡ 1GB - 1TB (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ó FTP 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. Sau đâ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ề dung lượng và Unlimited BW,cho  sử dụng FTP và Browser để upload file. Click vào đây để đăng ký, Quá 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 - 15 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. ênbạn trong đó xx là một số, đó là số sever mà host của bạn đang được đặt, càng về sau, số đó càng lớn (tất nhiên, càng ngày càng nhiều sever) VD host của tôi đăng ký có dạng: 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à quản lý file, cũng có thể thay pass: Chọn File Manager và bạn có thể Upload, 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) 

Các file đính kèm theo tài liệu này:

  • pdfpg0001_9513.pdf
Tài liệu liên quan