Download miễn phí Bài giảng Thiết kế web (30 tiết)
: Chứa nội dung của trang web
Cú pháp:
Nội dung chính của trang web
Các thuộc tính của
BgColor: thiết lập màu nền của trang
Text: thiết lập màu chữ
Link: màu của siêu liên kết
Vlink: màu của siêu liên kết đã xem qua
Background: load một hình làm nền cho trang
LeftMargin: Canh lề trái
TopMargin: Canh lề trên của trang
http://cloud.liketly.com/flash/edoc/jh2i1fkjb33wa7b577g9lou48iyvfkz6-swf-2014-02-11-bai_giang_thiet_ke_web_30_tiet.9EJHDoN1Ak.swf /tai-lieu/de-tai-ung-dung-tren-liketly-57919/Để tải bản Đầy Đủ của tài liệu, xin Trả lời bài viết này, Mods sẽ gửi Link download cho bạn sớm nhất qua hòm tin nhắn.Ai cần download tài liệu gì mà không tìm thấy ở đây, thì đăng yêu cầu down tại đây nhé:
Nhận download tài liệu miễn phíTóm tắt nội dung tài liệu:
BÀI GIẢNG MÔN: THIẾT KẾ WEB (SỐ TIẾT: 30 LT- 60 TH) PHẦN 1: NGÔN NGỮ HTML (HyperText Markup Language) CHƯƠNG I GIỚI THIỆU VỀ WEB Internet : mạng máy tính toàn cầu, các máy truyền thông với nhau bằng giao thức chung là TCP/IP (Transfer Control Protocol/Internet Protocol) Intranet : là mạng cục bộ không nối vào Internet, truyền thông bằng giao thức TCP/IP. Mô hình Client-Server: mô hình khách-chủ. Server chứa tài nguyên dùng chung cho nhiều máy Client Internet Server: là các Server cung cấp các dịch vụ Internet (Web Server, Mail Server, FTP Server…) CÁC KHÁI NIỆM CƠ BẢN Internet Service Provider (ISP): Nhà cung cấp dịch vụ Internet cho khách hàng. Mỗi ISP có nhiều khách hàng và có thể có nhiều loại dịch vụ Internet khác nhau. Internet Protocol : tiêu chuẩn chi phối việc chuyển tải thông tin giữa các máy tính trong mạng World Wide Web (WWW): dịch vụ tra cứu thông tin Internet. Dịch vụ này đưa ra cách truy xuất các tài liệu của các máy phục vụ dễ dàng thông qua các giao tiếp đồ họa. Để sử dụng dịch vụ này máy Client cần có một chương trình gọi là Web Browser. CÁC KHÁI NIỆM CƠ BẢN Web Browser : trình duyệt Web. Dùng để truy xuất các tài liệu trên các Web Server. Internet Explorer Nestcape Home page: là trang web đầu tiên trong web site Hosting provider: là công ty hay tổ chức đưa các trang của chúng ta lên mạng Publish: Xuất bản trang web Web server là một chương trình đáp ứng yêu cầu truy xuất tài nguyên CÁC KHÁI NIỆM CƠ BẢN URL(Uniform resource locator): một địa chỉ chỉ đến một file cụ thể trong nguồn tài nguyên mạng. Ví dụ: 207.46.130.149 được biểu diễn trong URL là www.microsoft.com URL tuyệt đối – là địa chỉ Internet đầy đủ của một trang hay file, bao gồm giao thức, vị trí mạng, đường dẫn tuỳ chọn và tên file. Ví dụ, http:// www.microsoft.com/ms.htm. URL tương đối - mô tả ngắn gọn địa chỉ tập tin kết nối có cùng đường dẫn với tập tin hiện hành, URL tương đối đơn giản bao gồm tên và phần mở rộng của tập tin. CÁC KHÁI NIỆM CƠ BẢN GIỚI THIỆU KHÁI QUÁT VỀ WEB Web là một ứng dụng chạy trên mạng Client-Server, khách và chủ web liên lạc nhau bằng giao thức http (HyperText Transfer Protocol). Các web server cung cấp thông tin được định dạng theo ngôn ngữ HTML Web Page: là một file văn bản chứa những tag HTML hay những đọan mã đặc biệt mà trình duyệt web có thể hiểu và thông dịch được, file được lưu với phần mở rộng là .html hay htm. Website: Một tập hợp nhiều web page, thể hiện thông tin của một tổ chức hay một chủ đề nào đó GIỚI THIỆU KHÁI QUÁT VỀ WEB HTML (HyperText markup Language) gồm các đoạn mã chuẩn được quy ước để thiết kế Web và được hiển thị bởi trình duyệt Web Hypertext (Hypertext link) là một từ hay một cụm từ đặc biệt dùng để tạo liên kết giữa các trang web Mark up: là cách định dạng văn bản để trình duyệt hiểu và thông dịch được. Language: tập những quy luật để định dạng văn bản trên trang web. Trình soạn thảo trang web :Có thể soạn thảo web trên bất kỳ trình soạn thảo văn bản nào: Notepad, FrontPage hay Dreamweaver. TAG HTML Cú pháp: Object TagName : tên tag HTML, liền với dấu “ Object Ví dụ: nội dung CẤU TRÚC CƠ BẢN CỦA TRANG WEB Nội dung thông tin của trang web Nội dung hiển thị trên trình duyệt CÁC TAG HTML CƠ BẢN : Hiển thị nội dung tiêu đề của trang web trên thanh tiêu đề của trình duyệt Cú pháp: Nội dung tiêu đề : Tạo header, gồm 6 cấp header, được đặt trong phần BODY Cú pháp Nội dung của Header : Dùng để ngắt đoạn và bắt đầu đoạn mới Cú pháp: Nội dung của đoạn : Ngắt dòng tại vị trí của của tag. : Kẻ đường ngang trang Cú pháp: : định dạng font chữ Định dạng Font chữ cho cả tài liệu thì đặt tag trong phần Định dạng từng phần hay từng từ thì đặt tại vị trí muốn định dạng Cú pháp: Nội dung hiển thị : Chứa nội dung của trang web Cú pháp: Nội dung chính của trang web Các thuộc tính của BgColor: thiết lập màu nền của trang Text: thiết lập màu chữ Link: màu của siêu liên kết Vlink: màu của siêu liên kết đã xem qua Background: load một hình làm nền cho trang LeftMargin: Canh lề trái TopMargin: Canh lề trên của trang Ví dụ: LearningHTML Welcome to HTML : Chèn một hình ảnh vào trang Web Cú pháp: : Chèn một âm thanh vào trangWeb. Âm thanh này sẽ được phát mỗi khi người sử dụng mở trang Web. Cú pháp: : Cho phép đưa âm thanh trực tiếp vào trang WEB. Cú pháp: Ví dụ: : Điều khiển đối tượng chạy một cách tự động trên trang Web Cú pháp: Object : không hiển thị trong trang Cú pháp: : định dạng chữ đậm Cú pháp Nội dung chữ đậm Tag : Định dạng chữ nghiêng Cú pháp: Nội dung chữ nghiêng Tag : Gạch chân văn bản Cú pháp: Nội dung chữ gạch chân Tag và : Chỉnh cở chữ to hay nhỏ hơn cở chữ xung quanh Cú pháp Nội dung chữ to Nội dung chữ nhỏ Tag và :Đưa chữ lên cao hay xuống thấp so với văn bản bình thường Cú pháp: Nội dung chữ dưa lên cao Nội dung chữ đưa xuống thấp : Gạch ngang văn bản Cú pháp: Nội dung văn bản bị gạch ngang …: Dùng để nhập một dòng mã có định dạng ký tự riêng. Dòng mã này không được thực hiện mà được hiển thị dưới dạng văn bản bình thường Cú pháp: Nội dung văn bản muốn định dạng Ví dụ: If A < B Then A = A + 1 : Văn bản được nhấn mạnh (giống tag ) Cú pháp: Văn bản được nhấn mạnh : Định dạng chữ đậm (giống ) Cú pháp: Văn bản được nhấn mạnh : Dùng phân cách một khối văn bản để nhấn mạnh, đoạn văn bản này được tách thành một paragraph riêng, thêm khoảng trắng trên và dưới đoạn đồng thời thụt vào so với lề trái (tương đương chức năng của phím tab) Cú pháp: Nội dung khối văn bản nhấn mạnh : Giữ nguyên các định dạng như: ngắt dòng, khoảng cách, thích hợp với việc tạo bảng Cú pháp: Nội dung văn bản cần định dạng trứơc với tất cả định dạng khoảng cách, xuống dòng và ngắt hàng Ví dụ: Learning HTML Trường Đại Học Công Nghiệp TP.HCM Khoa Công Nghệ Thông Tin : Chia văn bản thành các khối, có chung một định dạng chia văn bản thành một khối bắt đầu từ một dòng mới. tách khối nhưng không bắt đầu từ một dòng mới Cú pháp: Nội dung của khối bắt đầu từ một dòng mới Ví dụ: Learning HTML Trường Đại Học Công Nghiệp TP.HCM Khoa Công Nghệ Thông Tin Nội dung của khối trong 1 dòng Ví dụ: Learning HTML Creating Web Pages With HTML Các ký tự đặc biệt: Lớn hơn (>): > Ví dụ: If A > B Then A = A + 1 Nhỏ hơn ( If A < B Then A = A + 1 Cặp nháy””: " Ví dụ: " To be or not to be? " That is the question Ký tự và &: & Ví dụ: William & Graham went to the fair Ký tự khoảng trắng: CÁC THAO TÁC TRONG CỬA SỔ TRÌNH DUYỆT Cách load lại trang Web: Click biểu tượng Refresh (F5) trên thanh công cụ. Chỉnh size chữ hiển thị trên trang: Chọn Menu View->Text size Chỉnh lại font chữ: Chọn Menu View->EnCoding Nếu trang Web không hiển thị được Font tiếng Việt: Chọn menu Tool chọn Internet Options->Chọn Tab Fonts chọn Font tiếng Việt hay chọn Menu View>EnCodingchọn các font như User defined,Vietnamese…. Các tuỳ chọn khác cho trang Web: Tools Internet option Chọn trang web mặc định khi mở trình duyệt Tab General(Hình 1): thiết lập các tùy chọn cho trình duyệt Use Current: chọn trang hiện tại để load lên mỗi lần khởi động IE Use Default: địa chỉ trang Web mặc định mỗi...
