Hướng dẫn share file html - chia sẻ tập tin html
Giới thiệuBài này hướng dẫn bạn tạo một trang web đơn giản và sau đó đưa trang web lên một web server miễn phí. Bạn sẽ có trải nghiệm mình làm chủ một trang web trên Internet với một tên miền mang tên bạn. Việc này nghe to tát nhưng khá đơn giản. Bạn cần hiểu đôi chút về web, nhớ một vài thẻ HTML để tự tạo một trang web đơn giản; để thêm phần thú vị, bạn cũng sẽ biết cách chép những đoạn mã sẵn có để chèn video clip trên youtube hay bản đồ của Google Map vào trang web của mình. Cuối cùng việc upload trang web lên Intenret được thực hiện khá dễ dàng với các công cụ được cung cấp sẵn bởi nhà cung cấp web server. Show
Nội dung chính ShowShow
1. Hiểu biết cơ bản về Web1.1 Webpage website world wide web1.2 Địa chỉ IP, URL và tên miền. Trang web là một trang văn bản (chứa text, hình ảnh, âm thanh, video, các nút bấm, form điền dữ liệu) thường chứa các đường liên kết, gọi là đường link, đến các trang web khác. Khi bạn bấm vào đường link (dòng chữ màu xanh) trên một trang web, đường link đó sẽ đưa bạn sẽ nhảy đến một trang web khác. Bởi web là văn bản liên kết với văn bản khác nên người ta còn gọi trang web là siêu văn bản (hyper text). 1.3 Cách thức hoạt động của web. Webpage (trang web) là một trang web đơn, còn website là một tập nhiều các trang web đơn của một tổ chức nào đó. Ví dụ website http://www.yahoo.com/của tập đoàn Yahoo có chứa rất nhiều webpage, ví dụ http://sports.yahoo.com/news/team-report-oakland-raiders-173300184nfl.htmllà một trang web trong website này. 1.4 Làm thế nào để có được một website trên Internet. Vì có rất nhiều trang web, websites, các trang web này lại được liên kết với trang web khác nên tất cả các trang web hành tinh này tạo thành một mạng lưới các trang web và người ta gọi mạng lưới này là World wide web (web toàn cầu) hay viết tắt là www. Dĩ nhiên WWW là mạng lưới web của cả hành tinh này nên nó là duy nhất, mọi mạng lưới web chỉ là tập con của WWW thôi. 1.2 Địa chỉ IP, URL và tên miền1.3 Cách thức hoạt động của web 1.4 Làm thế nào để có được một website trên Internet 2. Tạo một trang web đơn giản 2.1 HTML là cách thức tạo một trang web 2.2Một số tag cơ bản của HTML 2.3 Cách upload ảnh, video lên Internet và lấy direct link 2.4 Chèn những đoạn code sẵn có vào trang web 2.5 Tạo trang web chứa video YouTube, bản đồ google map, ảnh photobucket 3. Đưa website lên Internet 3.1 Bước 1: Đăng kí tài khoản để có chỗ upload website đồng thời đăng kí tên miền con 3.2 Bước 2: Upload website lên web server Video liên quanyotube.com. www.youtube.comlà địa chỉ của máy tính chứa video clip, còn watch?v=4TyWXe3ytdY là truy vấn trên máy tính này để đến được video clip. Trang web. Trang web là một trang văn bản (chứa text, hình ảnh, âm thanh, video, các nút bấm, form điền dữ liệu) thường chứa các đường liên kết, gọi là đường link, đến các trang web khác. Khi bạn bấm vào đường link (dòng chữ màu xanh) trên một trang web, đường link đó sẽ đưa bạn sẽ nhảy đến một trang web khác. Bởi web là văn bản liên kết với văn bản khác nên người ta còn gọi trang web là siêu văn bản (hyper text). 1.3 Cách thức hoạt động của web1.4 Làm thế nào để có được một website trên Internet Khi người dùng lướt web, thực chất là trình duyệt web (như Internet Explorer, Firefox, Google Chrome, ) tải trang web từ web server về máy của người dùng rồi hiển thị lên cho người dùng xem. Cụ thể hơn là khi người dùng gõ địa chỉ trang web thì dựa theo địa chỉ trang web này trình duyệt web sẽ phát ra một yêu cầu (request) cần lấy trang web đến đúng webserver có chứa trang web. Nhận được request, web server sẽ đáp trả (response) trang web cho trình duyệt web. Máy tính người dùng thì luôn request các trang web nó giống như client (khách hàng). Còn web server, tức là máy tính lưu trang web, thì luôn phải gửi trả trang web phục vụ client vì thế mà người ta dùng tên server người phục vụ. Quan hệ giữa client và server là request và response. Ở trên nói là máy tính người dùng, nhưng cần được hiểu là phần mềm trình duyệt web trên máy tính người dùng, tạo ra request đến server. Tương tự như vậy khi nói web server thì hiểu là có phần mềm trên máy tính werb server chuyên gửi đáp các trang web, và phần mềm web server thường được dùng là Apache (của ASF) hay ISS (của Microsoft), GWS (của Google), nginx (của NGINX). 1.4 Làm thế nào để có được một website trên Internet(Như ở mục 1.3 đã nói, một máy tính chỉ cần: kết nối Internet, lưu trữ website, cài đặt phần mềm web server như Apache, ISS, GWS, nginx là có thể trở thành một web server. Tuy nhiên máy tính cá nhân kết nối Internet của bạn không thể thành web server được vì còn một vấn đề nữa là địa chỉ IP tĩnh mà tài liệu này không nêu ra; bạn hãy công nhận là máy tính của mình không thể trở thành web server được.) Khi bạn muốn có một web site trên internet thì đầu tiên bạn phải tạo ra web site đó (mục 2 sẽ hướng dẫn cách tạo trang web đơn giản). Nhưng như thế này thì web site của bạn chỉ nằm trong máy tính của bạn, không ai trên Internet truy cập được. Muốn những người khác truy cập được bạn phải đưa toàn bộ web site của mình cho một máy tính web server nào đó. Cái web server này sẽ làm nhiệm vụ phân phát trang web của bạn cho bất cứ người dùng Internet nào muốn truy cập web site của bạn. Để điều hành (thay đổi, cập nhật ) web site của mình bạn phải dùng máy tính cá nhân của bạn điều khiển từ xa web server. Khi bạn đặt web site của bạn lên một web server nào đó thì web site của bạn phải dùng chung tên miền sẵn có của web server. Ví dụ nếu bạn đặt web site của bạn lên web server yahoo.com thì địa chỉ trang web của bạn phải bắt đầu bằng yahoo.com. Nếu bạn muốn website của bạn có tên miền riêng theo ý bạn thì bạn phải đăng kí (mua) tên miền trỏ tới web server này. Dĩ nhiên nếu bạn không mua tên miền thì người khác vẫn truy cập được web site của bạn qua địa chỉ IP của web server hoặc qua tên miền của web server. Như vậy để có được một website trên Internet thì bạn phải làm 3 việc sau:
Bạn tự tạo trang web của mình, còn các nhà cung cấp dịch vụ mạng như FPT, VNPT, Viettel sẽ giúp bạn làm nốt 2 việc còn lại. Bạn phải trả tiền thuê web server để host web site của bạn, phải trả tiền đăng kí tên miền. Tuy nhiên cũng có nhiều nhà cung cấp dịch vụ cho bạn miễn phí 2 dịch vụ này với chất lượng khá tốt (sẽ nói ở mục 3). 2. Tạo một trang web đơn giản2.1 HTML là cách thức tạo một trang webTrang web là một trang văn bản, cũng giống như văn bản .docx của Microsoft Word, chứa 2 phần:
Một file văn bản dù là văn bản .docx hay văn bản trang web, ngoài phần chữ (nội dung) ra còn có các thông tin giúp cho việc trình bày văn bản được đẹp mắt. Mỗi phần mềm đọc văn bản sẽ có qui ước riêng về các thông tin trình bày đẹp mắt này: với Microsoft Word sẽ có một cách, với các trình duyệt web sẽ có một kiểu khác. Tập các qui tắc, mà các trình duyệt web tuân theo, về việc trình bày (cho đẹp mắt) phần nội dung (chữ) của trang web được gọi là HTML Hyper Text Mark up Language, ngôn ngữ đánh dấu (cho) siêu văn bản. Siêu văn bản là các văn bản có đường liên kết với các văn bản khác, tức là trang web mà chúng ta đang bàn. Vậy còn ngôn ngữ đánh dấu là gì? Xem ví dụ sau: Ví dụ 1: In đậm một đoạn chữ (chú ý kí hiệu và ) Nội dung của file văn bản Tim.html Hiển thị trang web Tim.html trong trình duyệt I am Tim Berners-Lee, who invented the World Wide Web. I am Tim Berners-Lee, who invented the World Wide Web. In đậm một đoạn chữ (chú ý kí hiệu và ) Nội dung của file văn bản Tim.html Hiển thị trang web Tim.html trong trình duyệt I am Tim Berners-Lee, who invented the World Wide Web. I am Tim Berners-Lee, who invented the World Wide Web. Các văn bản trang web sẽ dùng cặp kí hiệu đểđánh dấuđoạn chữ (kẹp giữa) cần được in đậm lên khi hiển thị trong trình duyệt web. Để in nghiêng, gạch chân, người ta dùng các kí tự đánh dấu là , , và tập các kí tự đánh dấu, gọi là tag, kiểu này gọi là HTML ngôn ngữ đánh dấu cho các siêu văn bản (= trang web).đánh dấuđoạn chữ (kẹp giữa) cần được in đậm lên khi hiển thị trong trình duyệt web. Để in nghiêng, gạch chân, người ta dùng các kí tự đánh dấu là , , và tập các kí tự đánh dấu, gọi là tag, kiểu này gọi là HTML ngôn ngữ đánh dấu cho các siêu văn bản (= trang web). Một trang web chính là một file có sử dụng HTML và có tên là *.html, cũng gọi là trang html. Văn bản .docx của Microsoft Word cũng giống như văn bản trang web HTML, nó cũng cần những tagkiểu ,này nhưng Microsoft Word tự làm việc này cho bạn, nó cung cấp sẵn cho bạn các công cụ trực quan giúp bạn làm việc mà không phải quan tâm đến những thứ này. Theo cách này Word được gọi là công cụ What You See Is What You Get (WYSIWYG). Bạn cũng sẽ có những công cụ WYSIWYG cho việc tạo web, nhưng để hiểu về web thì bạn nên tập gõ code HTML.tagkiểu ,này nhưng Microsoft Word tự làm việc này cho bạn, nó cung cấp sẵn cho bạn các công cụ trực quan giúp bạn làm việc mà không phải quan tâm đến những thứ này. Theo cách này Word được gọi là công cụ What You See Is What You Get (WYSIWYG). Bạn cũng sẽ có những công cụ WYSIWYG cho việc tạo web, nhưng để hiểu về web thì bạn nên tập gõ code HTML. Ví dụ 2: Tạo trang web có chứa hình ảnh, đường link Tạo trang web có chứa hình ảnh, đường link Các file văn bản web là các plain text file nên bạn hãy dùng Notepad để soạn thảo trang web. Thực hành:
My picture is Click here to jump to the search page. Internet Explorer (IE): Gõ C:\Tim.html trong ô Address để hiển thị trang web Tim.html trong IE I amTim Berners-Lee, who invented the World Wide Web. Clickhereto jump to the search page. Nếu bạn bấm chuột vào here thì trang web sẽ đưa bạn đến trang google.com
xyz : chèn đường link có địa chỉ là some link và hiển thị đường link này thành xyz. Bức ảnh trên được lấy từ trên Internet (mục từ Tim Berners-Lee trên Wikipedia) nhưng bạn cũng có thể tự chèn một file ảnh trên máy tính của mình vào thay đường link trên bằng C:\myphoto.jpg.2.2Một số tag cơ bản của HTML
Tag đơn. Ví dụ (xuống dòng) là một tag đơn Các trang web (tĩnh) có phần mở rộng là .html, nó là một loại file plain text chỉ chứa kí tự.2.2.1.1Cấu trúc của một file .html Thông tin mô tả thêm về trang web, không phải nội dung trang web, không được hiển thị 2.2.1.1Cấu trúc của một file .html 2.2.1.1Cấu trúc của một file .html Nội dung trang web sẽ được hiển thị trong trình duyệt 2.2.1.1Cấu trúc của một file .html 2.2.1.1Cấu trúc của một file .html Một file được phân loại là html nếu nó có cặp tag: ở đầu và ở cuối file. (Thực ra bạn không cần có cặp tag hay thì trình duyệt web vẫn xử lí file như là html file như ở ví dụ trên, nhưng có những khi file của bạn được xử lí bằng các chương trình khác nên vẫn rất cần cặp tag này để chỉ đây là một html file.)Thông tin mô tả thêm về trang web, không phải nội dung trang web, không được hiển thị Nội dung trang web sẽ được hiển thị trong trình duyệt
Tên của trang web, sẽ nằm trên thanh tiêu đề của trình duyệt, được đặt trong và Tên tác giả
|