tự học ngôn ngữ mạng (HTML)5

15 389 1
Tài liệu đã được kiểm tra trùng lặp
tự học ngôn ngữ mạng (HTML)5

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Tập hợp mã nguồn Html/JavaScript cho Blogger Tạo Blog trào lưu IT giới trẻ “yêu chuộng” nay, tạo Blog không khó nhiên để có Blog thật hay Pro địi hỏi bạn phải biết nhiều thứ tùy biến mã nguồn nhúng HTML/JavaScript đối tượng vô quan trọng Trong loạt viết “Những thủ thuật hay cho Blogger” phần chia với bạn đoạn mã nguồn HTML/JavaScript chọn lọc; mà làm chủ tốt “nó” Blog bạn vơ đại chuyên nghiệp Bài viết minh họa dịch vụ Blogspot Google, dịch vụ Blog khác tiến hành tương tự Cách nhúng HTML BlogSpot: o Hiện hầu hết tất dịch vụ tạo Blog BlogSpot, MSN, YahooPlus, Violet… hỗ trợ người quản trị cho phép nhúng vào đối tượngHTML/JavaScipt để thực tùy biến cao cấp Blog o Đăng ký tài khoản tiến hành bước thiết kế cho Blog địa http://www.blogger.com (bạn đăng nhập tài khoản Gmail sẵn có đây) Đăng nhập vào quyền quản trị tài khoản > Chọn Layout > Page Elements: bố cục Blog nhấp nút Add a page elements (hay Add a Gadget) cột bên phải để bắt đầu lựa chọn đưa vào đối tượng nhúng (lưu ý: mặc định bố cục BlogSpot có nút Add a Gadget cho phép thêm đối tượng vào cột bên trái phần Footer bên dưới; thông thường đối tượng nhúng ưu tiên vào cột trái) o Trong cửa sổ Add a Gadget nhấp chọn nút HTML/JavaScript để nhúng vào mã nguồn, xem hình Hình o Trên hộp thoại Configure HTML/JavaScript kế tiếp: đặt tên cho đối tượng vào khung Title mã nguồn vào khung Content, xem hình Hình o Nhấp Save để kết thúc thao tác nhúng đối tượng vào Blog (sau muốn bỏ đối tượng nhúng nhấp chọn nút Remove) Nhúng hộp văn cuộn vào Blog: o Thường vị trí đoạn văn cuộn nên đặt vùng Header hay Footer giao diện Blog o Nhúng đoạn mã nguồn sau vào chức Configure HTML/JavaScript Blog: ++ Chào mừng bạn ghé thăm Blog tơi ++ Mong bạn góp ý để Blog ngày phát triển + + o Trong đó: Color (màu chữ), Bgcolor (màu hộp văn bản), direction (chiều di chuyển), giá trị màu sắc không nắm mã nhị phân tương ứng bạn điền tên màu tiếng anh Nhúng ngày tháng năm tiếng việt: o Đoạn mã HTML sau hiển thị nội dung ngày tháng năm tiếng việt Blog var monthNames = new Array("01","02","03","04","05","06","07","08","09","10","11","12"); var dayNames = new Array("Chủ nhật,","Thứ Hai,","Thứ Ba,","Thứ tư,","Thứ Năm,","Thứ Sáu,","Thứ Bảy,") var now = new Date(); thisYear = now.getYear(); thisDay = dayNames[now.getDay()]; if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem document.write("Hôm : " + thisDay +" "+"ngày"+" "+ now.getDate() + " tháng " + monthNames[now.getMonth()] + " năm " + thisYear); // > o Dùng chức nhúng HTML/JavaScript để tùy biến vị trí Header hay bên phải giao diện Blog, xem hình Hình Nhúng bảng dự báo thời tiết vào Blog: o Đoạn mã HTML sau cho phép nhúng vào dự báo thời tiết thành phố lớn (Hà Nội, TP Hồ Chí Minh, Huế, Cà Mau, Nha Trang) nước theo tiêu chuần quốc tế: nhiệt độ, thời gian ẩm độ theo nguồn trang web dự báo thời tiết tiếng quốc tế http://banners.wunderground.com/, xem hình Hình

Thời tiết số địa phương nước ta

Nhiệt độ - Thời Gian - Độ ẩm

Hà Nội

 

Tp Hồ Chí Minh

Huế

Cà Mau

Nha Trang

o Nếu muốn bỏ phần dự báo Huế bạn tìm xóa đoạn mã tương ứng:

Huế

o Lưu ý: trang chủ http://banners.wunderground.com/ thành phố hay tỉnh Việt nam có mã số ảnh riêng, bạn tham khảo để chèn vào cho phù hợp với đối tượng mà muốn hiển thị (Ví dụ: Huế có mã ảnh tỉnh 48852.gif) Chèn quảng cáo cố định hai bên giao diện Blog: o Với đoạn mã bạn chèn vào LOGO quảng cáo cho đối tượng khác hai bên cố định giao diện Blog cách sử dụng liên kết LINK HỖ TRỢ DẠY & HỌC Diễn đàn Tin Học< /OPTION> -Bộ máy tìm kiếm -

Ngày đăng: 13/10/2013, 21:11

Hình ảnh liên quan

o Trong cửa sổ Ad da Gadget nhấp chọn nút HTML/JavaScript để nhúng vào mã nguồn, xem hình 1. - tự học ngôn ngữ mạng (HTML)5

o.

Trong cửa sổ Ad da Gadget nhấp chọn nút HTML/JavaScript để nhúng vào mã nguồn, xem hình 1 Xem tại trang 1 của tài liệu.
Hình 2 - tự học ngôn ngữ mạng (HTML)5

Hình 2.

Xem tại trang 2 của tài liệu.
4. Nhúng bảng dự báo thời tiết vào Blog: - tự học ngôn ngữ mạng (HTML)5

4..

Nhúng bảng dự báo thời tiết vào Blog: Xem tại trang 4 của tài liệu.
o Chú ý: Các link liên kết tới hình ảnh tương ứng phải có thực (tốt nhất bạn nên tự Upload cố định lên Host hay trực tiếp trên Blog), không nên liên kết tới LOGO của trang khác vì rất dễ xảy ra tình trạng chết LINK - tự học ngôn ngữ mạng (HTML)5

o.

Chú ý: Các link liên kết tới hình ảnh tương ứng phải có thực (tốt nhất bạn nên tự Upload cố định lên Host hay trực tiếp trên Blog), không nên liên kết tới LOGO của trang khác vì rất dễ xảy ra tình trạng chết LINK Xem tại trang 6 của tài liệu.
Hình 5 - tự học ngôn ngữ mạng (HTML)5

Hình 5.

Xem tại trang 7 của tài liệu.
Hình 6 o Mã nguồn nhúng vào Blog: - tự học ngôn ngữ mạng (HTML)5

Hình 6.

o Mã nguồn nhúng vào Blog: Xem tại trang 8 của tài liệu.
Hình 7 o Mã nguồn: - tự học ngôn ngữ mạng (HTML)5

Hình 7.

o Mã nguồn: Xem tại trang 9 của tài liệu.
o Từ điển Anh Việt hiển thị trên Blog, xem hình 8. - tự học ngôn ngữ mạng (HTML)5

o.

Từ điển Anh Việt hiển thị trên Blog, xem hình 8 Xem tại trang 10 của tài liệu.
Hình 9 o Mã nguồn: - tự học ngôn ngữ mạng (HTML)5

Hình 9.

o Mã nguồn: Xem tại trang 11 của tài liệu.
Hình 10 - tự học ngôn ngữ mạng (HTML)5

Hình 10.

Xem tại trang 12 của tài liệu.
11. Nhúng bảng tỷ giá ngoại tệ cho Blog: - tự học ngôn ngữ mạng (HTML)5

11..

Nhúng bảng tỷ giá ngoại tệ cho Blog: Xem tại trang 12 của tài liệu.
o Hiển thị xem hình 12. - tự học ngôn ngữ mạng (HTML)5

o.

Hiển thị xem hình 12 Xem tại trang 13 của tài liệu.
o Hiển thị xem hình 13. - tự học ngôn ngữ mạng (HTML)5

o.

Hiển thị xem hình 13 Xem tại trang 14 của tài liệu.