GiaoTrinh HTML cơ bản

Giáo Trình Thiết Kế Web Bài 01 Huynh Quoc Dung Ngơn Ngữ HTML TỔNG QUAN VỀ THIẾT KẾ WEBSITE     Các khái niệm Soạn thảo trang web Các thẻ tập tin HTML Làm tươi xem mã nguồn I CÁC KHÁI NIỆM CĂN BẢN Khái niệm WebTĩnh, Web động  WEB TĨNH : Thường xây dựng ngơn ngữ HTML, DHTML dùng để thiết kế trang web có nội dung cần thay đổi cập nhật Thích hợp với cá nhân, tổ chức, doanh nghiệp vừa nhỏ làm quen với mơi trường Internet o * Ưu điểm:  Thiết kế đồ hoạ đẹp: Trình bày ấn tượng phần mỹ thuật hồn tồn tự trình bày ý tưởng tồn diện tích trang  Tốc độ truy cập nhanh khơng thời gian việc truy vấn sở liệu trang web động  Chi phí đầu tư thấp: Chi phí xây dựng website tĩnh thấp nhiều so với website động khơng phải xây dựng sở liệu, lập trình chi phí cho việc th Hosting o * Nhược điểm bản:  Khó khăn việc thay đổi cập nhật thơng tin: Muốn thay đổi cập nhật nội dung thơng tin phải biết ngơn ngữ html, sử dụng chương trình thiết kế đồ hoạ, thiết kế web, cập nhật file lên server  Thơng tin khơng có tính linh hoạt: Do nội dung trang web tĩnh thiết kế cố định nên nhu cầu thơng tin người truy cập tăng cao thơng tin website tĩnh khơng đáp ứng  Khó tích hợp, nâng cấp, mở rộng: Khi muốn mở rộng, nâng cấp website tĩnh phải làm lại website  Web động: Web động thuật ngữ dùng để website có sở liệu hỗ trợ phần mềm phát triển web o Với web động, thơng tin hiển thị gọi từ sở liệu người dùng truy vấn tới trang web Chẳng hạn ứng dụng thương mại điện tử (một cửa hàng trực tuyến) trưng bày catalogue sản phẩm website hay theo dõi kho hàng, mặt hàng giao, trang có liên quan đến sản phẩm phản ánh thay đổi o Web động thường phát triển ngơn ngữ lập trình tiên tiến PHP, ASP, ASP.NET, Java, CGI, Perl, sử dụng sở liệu quan hệ mạnh Access, My SQL, MS SQL, Oracle… o Thơng tin web động ln ln dễ dàng thường xun cập nhật thơng qua việc sử dụng cơng cụ cập nhật phần mềm quản trị web Thơng tin ln cập nhật sở liệu người dùng Internet xem chỉnh sửa Vì website hỗ trợ sở liệu phương tiện trao đổi thơng tin nhanh với người dùng Internet Điều dễ nhận thấy website thường xun cập nhật thu hút nhiều khách hàng tới thăm Trang Giáo Trình Thiết Kế Web Huynh Quoc Dung Ngơn Ngữ HTML o Tất website Thương mại điện tử, mạng thơng tin lớn, website tổ chức, doanh nghiệp hoạt động chun nghiệp Net sử dụng cơng nghệ web động Có thể nói web động website giới chun nghiệp hoạt động mơi trường Internet Mạng Internet: Mạng máy tính tồn cầu – Hệ thống mạng mạng Tiền thân ban đầu mạng ARPANET(Tổ chức Advanced Research Projects Agency) Mỹ sáng lập 1969 Phục vụ trao đổi liệu trường đại học & Bộ quốc phòng Các dịch vụ Internet • WWW-World Wide Web: Dịch vụ trao đổi,tìm kiếm truy cập thơng tin mạng theo giao thức HTTP Được sử dụng thơng qua trình duyệt Web • Email – Eletronic Mail-Thư điện tử: Dịch vụ trao đổi thơng điệp cho SMTP(Smple mail tranfer protocol) Pop3 (Post office protocol 3) quản lý Mail server như: phetcm@yahoo.com , webmaster@clbtinhoc.net , phet@hcm.fpt.vn • FTP – File transferprotocol – Truyền tải tập tin : Dịch vụ trao đổi tập tin máy Internet thường dùng để Download & Upload trang web từ người thiết máy chủ thơng qua chương trình FTP FTP Explorer, FlashFXP • Chat –Tán ngẩu: Dịch vụ cho phép người dùng trao đổi trực tuyến với qua mạng internet văn bản, âm thanh, hìinh ảnh.Như : AOL, Yahoo messenger HTTP-Hyper Text Tranfer Protocol: Giao thức dùng để giao tiếp với trang Web HTML- Hyper Text Markup Language: Ngơn ngữ đánh dấu siêu văn dùng để thiết kế trang Web WebPage-Trang Web: Là tập tin văn soạn thảo theo ngơn ngữ HTML có phần mở rộng HTML HTM WebSite: Chun khu Web tập hợp trang web thuộc chủ đề xác định Home Page: Trang đầu tiên-Trang chủ Website (Index.html, Index.htm, Default.htm ) WebServer: Máy chủ web - Máy tính cấu hình mạnh, quản lý vận hành website 10 Tên miền-Domain: Để phân biệt Web Server có địa IP ánh xạ tên (VD:www.vietnamnet.vn) Được xem tên giao dịch cơng ty, tổ chức Internet Tên miền cấp 1: Bao gồm mã quốc gia :Việt Nam: VN, Anh: UK, Mỹ: US, Nhật:.JP ) số lĩnh vực .Com : Thương mại Int : Tổ chức quốc tế Edu : Tổ chức giáo dục Org : Các tổ chức khác Gov : Tổ chức phủ Net : Các mạng thơng tin Mil : Tổ chức qn Info : Các mạng thơng tin Tên miền cấp 2: Có thể kết hợp lĩnh vực với mã quốc gia để hình thành tên miền cấp www.tuoitre.com.vn Để sở hữu tên miền phải trả chi phí hàng năm thơng qua cơng ty ủy quyền bán tên miền 11 Hosting: Khi hồn tất website phải ghi lưu vào webserver truy cập thơng thường server cùa ISP (Nhà cung cấp dịch vụ Internet hay đơn vị chun dụng) Tùy theo dung lượng, băng thơng số hỗ trợ mà chi phí khác Trang Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML 12 URL-Uniform Resource Location: Địa truy cập trang Web, tập tin Website http://Webservername/……/File.html Trang chủ mặc định khơng cần khai báo VD: http://www.tuoitre.com.vn Tức là: http://www.tuoitre.com.vn/Index.htm 13 Browser: Trình duyệt Web dùng để đọc hiển thị trang Web Phổ biến: Internet Explorer,Netscape,FireFox, Google chrome II.SOẠN THẢO TRANG WEB Chương trình soạn thảo: Trang web tập tin văn khơng định dạng, chứa thẻ(Tag) Viết mã nguồn HTML chương trình soạn thảo văn khơng định dạng như: NotePad Khởi động : Start/Program/Accessories/NotePad Ghi chú: Nếu sử dụng chữ có dấu, phải • Thiết lập bảng mã Unicode cho trình gõ VietKey, Unikey, • Chọn Font Unicode trình soạn thảo (Format / Font  Arial , Tahoma, ) Đặt tên, Lưu & Mở tập tin: Tập tin lưu trữ có phần mở rộng là: htm html Lưu tập tin: Tại cửa sổ soạn thảo: File/Save Filename: Tên.html (VD: VD01.html) Save as type: AllFiles Encoding: UTF-8 (Nếu nội dung có dấu)  Save Lưu lại với tên khác: Tại cửa sổ soạn thảo File/Save As Mở tập tin soạn thảo: Tại cửa sổ soạn thảo: File/Open Chọn tập tin cần mở  Open Xem trang Web sau soạn thảo: Cách 1: Mở thư mục lưu trữ  Double Click tập tin htm Cách 2: Khởi động trình duyệt (IE)  File/Open Chọn Browser để tìm tập tin cần mở  Ok  Kết thị Trang Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML III.CÁC THẺ CỦA TẬP TIN HTML Khái Niệm: Tập tin HTML văn chứa thẻ(Tag)- để tạo thành phần tài liệu Cấu Trúc Tổng Qt Của Thẻ: Thành phần chịu tác động Thẻ đóng Thẻ mở Tên thẻ đặt cặp ngoặc nhọn: < > Có khơng có thuộc tính VD1: Chào Các Bạn  Nội dung in đậm VD2: Chúc bạn học tốt  Nội dung chữ có cỡ Ghi chú: Cho phép thẻ lồng nhau, Cho viết thẻ dòng nhiều dòng Nên viết có cấu trúc Cấu Trúc Tổng Qt Của Tập Tin HTML: Nội dung tiêu đề Phần liệu trang web : Bắt đầu kết thúc tập tin HTML : Phần đầu trang web Nội dung tiêu đề : Hiển thị nội dung tiêu đề Nội dung trang : Hiển thị nội dung trang Ví Dụ Minh Họa Tạo tập tin với nội dung sau GIỚI THIỆU Chào mừng bạn đến với HTML Vấn Đề Ngắt Dòng Tạo tập tin với nội dung sau: > BAI TO CO HAI MO CƠ HI MƠ Thơ thẩn đường chiều khch thơ Say nhìn xa rặng ni xanh lơ Khí trời lặng lẽ v trẻo Thấp thĩang rừng mơ, hi mơ Khơng xuống dòng soạn thảo mà tự rớt dòng tùy theo kích thước trình duyệt Trang Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML Để ngắt dòng tạo đoạn mới, tạo dòng trống: Đặt văn cặp thẻ Để ngắt dòng khơng tạo đoạn mới: Chèn thẻ vị trí muốn ngắt dòng Để giữ phần tử dòng:Đặt văn cặp thẻ Văn bị che khuất chiều rộng cửa sổ trình duyệt khơng đủ&hiện cuộn VD: Tạo tập tin với nội dung sau • • • > BAI TO CO HAI MO CƠ HI MƠ Thơ thẩn đường chiều khch thơ Say nhìn xa rặng ni xanh lơ Khí trời lặng lẽ v trẻo Thấp thĩang rừng mơ, hi mơ Tạo Chú Thích Đặt câu ghi vào cặp thẻ Nội dung câu thích khơng hiển thị trình duyệt V LÀM TƯƠI TRANG WEB – XEM MÃ NGUỒN Làm Tươi Nội Dung Khi thị trang web trình duyệt điều chỉnh nội dung mã nguồn từ trình soạn thảo Khi lưu lại nội dung điều chỉnh, từ trình duyệt ta xem lại kết theo nội dung - Làm tươi: Click biểu tượng Refesh (Hoặc F5) Xem Mã Nguồn Từ trình duyệt xem mã nguồn trang Web: Click Menu View/Source Trang Giáo Trình Thiết Kế Web Bài 02 – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML ĐỊNH DẠNG VĂN BẢN      Định dạng kí tự Định dạng đoạn Sử dụng màu Văn định dạng trước Chèn đường kẽ ngang ký tự đặc biệt I Định Dạng Ký Tư Định dạng Kiểu dáng - Style  Nội dung văn :  Nội dung văn in đậm  Nội dung văn :  Nội dung văn in nghiêng  Nội dung văn :  Nội dung văn gạch (chân)  Nội dung văn :  Nội dung văn gạch ngang Thay đổi Font, Size  Nội dung văn :  Xác định Font cho Nội dung văn bản, Nếu máy truy cập khơng có FontName1 lấy FontName2 lấy Font mặc định trình duyệt  : Xác định cỡ chữ cho tài liệu giá trị n: Từ đến (8,10,12,14,16,24,36) mặc định  Nội dung văn :Xác định cỡ chữ cho nội dung văn VD: Tạo tập tin với nội dung sau BAI TO CO HAI MO CƠ HI MƠ Thơ thẩn đường chiều khch thơ Say nhìn xa rặng ni xanh lơ Khí trời lặng lẽ v trẻo Thấp thĩang rừng mơ, hi mơ Tao số Trên/Dưới Văn :  Tạo số cho văn Văn :  Tạo số cho văn VD: VAN BAN CHI SO TREN DUOI Văn có số trên:AX2+BX+C=0 Văn có số : H2O Trang Giáo Trình Thiết Kế Web II ĐỊNH DẠNG ĐOẠN Thiết lập lề trang – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML Thiết lập lề trái trang (LeftMargin), lề trang (TopMargin)Theo giá trị n1,n2 đơn vị tính Pixcel Canh lề đoạn văn Đoạn văn Hướng: Left  Canh trai đoạn văn Right  Canh phải đoạn văn Center  Canh đoạn văn Justify  Canh văn Các thành phần cần canh giữa Tạo văn đề mục Đề mục dòng văn định dạng khác dòng văn nội dung dùng để tạo đề mục phần, chương.Mỗi thẻ có chức phân đoạn, cấp lớn nhất, cấp nhỏ nhất, kết hợp thuộc tính canh lề Nội dung văn đề mục cấp 1 Nội dung văn đề mục cấp 2 Nội dung văn đề mục cấp 6 VD: Đề mục cấp, canh lề giữa Tạo văn thích, trích dẫn Văn thích Văn thích ngiêng, dòng so với văn trước III SỬ DỤNG MÀU Các mã màu Để xác lập màu dùng Tên màu hay Trị thập lục phân tương ứng BẢNG MÃ MÀU Tên màu Trị Tên màu Trị Black Đen #000000 Olive Nâu vàng #808000 Red Đỏ #FF0000 Teal Nâu sẫm #008080 Blue Xanh #0000FF Maroon Nâu #800000 Navy X.Đãm #000800 Gray Xám #808080 Lime V.Chanh #FFFFFF Fuchsia Hồng #FF00FF White Trằng #FFFFFF Green Lá #008000 Rurple Đ.Tía #800080 Silver Bạc #C0C0C0 Yellow Vàng #FFFF00 Aqua Ngọc #00FFFF Xác lập màu chung cho trang Web Dùng thuộc tính thẻ BODY để xác lập màu: nền, văn bản, màu văn liên kết Nội dung trang Web BgColor: Màu trang Text: Màu văn Link: Màu liên kết chưa truy cập VLink: Màu liên kết truy cập Alink: Màu liên kết trỏ Mouse Trang Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML Xác lập màu cho văn Dùng thuộc tính Color thẻ FONT để xác lập màu: cho nội dung văn định Nội dung văn VD: Cơng nghệ thơng tin V ĐƯỜNG KẼ NGANG VÀ KÝ TỰ ĐẶC BIỆT Đường Kẽ Ngang : Tạo đường kẽ ngang dài chiều rộng cửa sổ Size: Độ dày Width: Độ rộng (Pixcel %) Align: canh lề Left(Trái), Center(Giữa),Right(Phải) Color: Màu NoShade: Khơng có bóng VD: Ngơn ngữ HTML & ForntPage Ngơn ngữ kịch JavaScript Media Flash MX Thiết kế giao diện PhotoShop Thiết kế WebSite Dreamweaver MX LẬP TRÌNH WEBSITE Phân tích & Thiết kế CSDL Lập trình CSDL ASP.NET & SQL Sever Quản trị Website Đề tài tốt nghiệp Trang 13 Ngơn Ngữ HTML Giáo Trình Thiết Kế Web Bài – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML TỔ CHỨC WEBSITE, SỬ DỤNG HÌNH ẢNH, THIẾT LẬP LIÊN KẾT I TỔ CHỨC WEBSITE Các tập tin HTML Website • Website bao gồm nhiều trang Web (tập tin HTML) • Khi lưu trữ phải tổ chức có cấu trúc để thuận tiện quản lý, điều chỉnh sau • Khi đưa Website lên WebServer cấp địa (Domain Name) thư mục Trang chủ Website • Trang chủ (Home page) nạp truy cập mà khơng rõ tập tin (Chỉ nhập URL Website) • Thường qui định là: index.htm,default.htm,home.htm VD: Truy cập: http://www.tuoitre.com.vn Nghĩa là: http://www.tuoitre.com.vn/Index.htm Tổ chức lưu trữ Website a Tổ chức Site thư mục • Tất tập tin HTML tập tin khác đặt thư mục • Thuận lợi cho Website nhỏ, tập tin, khơng cần quan tâm đến đường dẫn b Tổ chức Site thư mục theo chức • Bên thư mục chính, tổ chức thư mục chứa tập tin có nội dung liên quan với • Tại thư mục chứa tập tin mục hình ảnh cần thiết.(thư mục chứa trang chủ, thư mục nhóm trang con) c Tổ chức Site thư mục theo kiểu tập tin • Bên thư mục chính, tổ chức thư mục chứa tập tin kiểu + Thư mục chứa trang chủ, + thư mục chứa trang HTML, + thư mục chứa tập tin hình ảnh + thư mục tập tin âm ) • Thuận lợi sử dụng chung tập tin, dễ thay bổ sung tập tin vào site d Tổ chức Site hỗn hợp Kết hợp Cách tổ chức Site theo thư mục chức Cách tổ chức Site theo kiểu tập tin Địa tương đối & Địa tuyệt đối a Địa tuyệt đối Khi tham chiếu đến tập tin phải ghi đầy đủ địa URL http://ServerName/Đường dẫn/ Tên tập tin VD: http://vietnamnet.vn/Tinkinhte/quocte/tin07.html b Địa tương đối Khi tham chiếu đến tập tin thư mục tập tin chính: Tên tập tin Khi tham chiếu đến tập tin khác thư mục tập tin chính: Đường dẫn/Tên tập tin * Ghi chú: Sử dụng / để thư mục cấp thư mục chứa tập tin chính: VD: Tập tin HTML Tập tin hình ảnh tham chiếu: Logo.jpg Sẽ ghi: / /Images/Logo.jpg Trang 14 Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML II SỬ DỤNG HÌNH ẢNH Khái qt • Các kiểu tập tin hình ảnh cho phép: jpg,.gif,.png,.bmp • Sử dụng hình ảnh cần cân nhắc: SL ảnh/1trang, kích thước độ phân giải, nhằm cải thiện tốc độ truy cập • Phải lưu hình ảnh vị trí thư mục Website Thiết lập ảnh cho trang • Sử dụng thuộc tính Background thẻ BODY Tên tập tin : Là địa tuyệt đối or tương đối tập tin ảnh Bgproperties =Fixed : Hình ảnh mờ bất động VD: Bổ sung thuộc tính ảnh vào trang html Giả sử tập tin ảnh lưu thư mục Images Tập tin Htm lưu thư mục Htmls Chèn hình ảnh vào trang Web Tên tập tin : Là địa tuyệt đối or tương đối ảnh Câu thích: Hiển thị trình duyệt trỏ Mouse vào hình VD: Nhạc số Online Nhãn liên kết Nhn lin kết: l văn hình ảnh Target=_blank: Mở cửa sổ riêng VD: Tạo tập tin HTM với nội dung sau Nhạc Onlie Chia xa Nỗi buồn chim Liên kết DownLoad Để tạo liên kết Download tài liệu: Ta chuyển tài liệu thành dạng tập tin Zip,Rar, pdf, doc sau tạo liên kết đến tập tin Trang 18 Giáo Trình Thiết Kế Web Bài – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML THIẾT KẾ BẢNG - TABLE I THIẾT KẾ BẢNG - TABLE  Bảng cấu trúc gồm nhiều hàng nhiều cột kỹ thuật trình bày thành phần trang web  Cần phát thảo cấu trúc bảng trước thiết kế Nội dung tiêu đề bảng Nội dung tiêu đề cột 1 Nội dung tiêu đề cột 2 Nội dung dòng Nội dung dòng II ĐỊNH DẠNG BẢNG Tạo đường viền Sử dùng thuộc tính Border thẻ Table, n tính Pixel, mặc định 2 Tạo đường viền có bóng BorderColorDark: Màu đậm BorderColorLight: Màu sáng Thiết lập độ rộng canh lề bảng n: Độ rộng cố định tính pixel Hoặc độ rộng tương đối % kích thước cửa sổ Center: Canh cửa sổ trình duyệt, Văn khơng cuộn bao quanh Left: Canh trái cửa sổ trình duyệt, Văn cuộn bao quanh bên phải bảng Right: Canh phải cửa sổ trình duyệt, văn cuộn quanh bên trái bảng Xác lập màu, ảnh cho bảng/ơ Dùng thuộc tính Bgcolor Background thẻ tương ứng Thuộc tính Trang 19 Ý nghĩa Màu cho tồn bảng Ảnh cho tòan bảng Màu cho tóan hàng Ảnh cho tòan hàng Màu cho Ảnh cho Màu cho tiêu đề Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML Ảnh cho tiêu đề Định dạng • Canh lề nội dung :Dùng thuộc tính Align cho thẻ tương ứng Thuộc tính Ý nghĩa Canh theo chiều ngang hướng: Left, Right, Center Canh theo chiều dọc hướng: Top, Bottom, Middle Canh hàng tiêu đề theo chiều ngang Canh hàng tiêu đề theo chiều dọc Canh theo chiều ngang hàng Canh theo chiều dọc hàng Khỏang cách CellSpacing=“n” Khoảng cách CellPadding=“n” Khỏang cách quanh nội dung Pixel mặc định Pixcel • Thiết kế bảng trơn ơ: Dùng thuộc tính RowSpan ColSpan cho thẻ TD TH để tạo có nhiều hàng/cột Thuộc tính Ý nghĩa Tạo có độ cao n hàng Tạo có độ rộng n cột Tạo tiêu đề có độ cao n hàng Tạo tiêu đề có độ rộng n cột VD: Tạo tập tin HTM với nội dung sau Định dạng Table KẾT QUẢ HỌC TẬP Họ V tnHọc Sinh Năm Sinh ĐiểmTB Xếp Lọai Nam Nữ Lê Thanh Xn   1950 8.5 Giỏi Phan Thế Hạ 1985   6.5 Khá Lưu Thế Mạc 1985   4.5 Kém Tổng số học sinh đạt: 4 Học sinh Trang 20 Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Trang 21 Ngơn Ngữ HTML Giáo Trình Thiết Kế Web Bài – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML THIẾT KẾ BIỂU MẪU – FORM I Giới thiệu Form – Biểu mẫu kỹ thuật cho phép chủ trang web giao tiếp với người truy cập Trên trang web người dùng u cầu trả lời câu hỏi, cho ý kiến, chọn mục danh sách định trước chủ trang web tiếp nhận xử lý thơng tin Cấu trúc tổng qt Nội dung biểu mẫu Nút gửi liệu II Định Nghĩa Form Dạng 1: Chỉ trình bày không gửi liệu Các đối tượng Form Dạng 2: Thông tin từ Form chuyển cho đòa Mail Các đối tượng Form Dạng 3: Thông tin từ Form chuyển lên Webserver Các đối tượng Form III Thiết kế thành phần Form Hộp văn – Text box n: chiều dài Textbox tính số ký tự, m: Số ký tự tối đa nhập Hộp văn – Password n: chiều dài Textbox tính số ký tự, m: Số ký tự tối đa nhập Nút gửi liệu – Submit Button Hoặc Hoặc Nút phục hồi liệu – Reset Button VD: Tạo trang Dangnhap.htm ĐĂNG NHẬP DIỄN ĐÀN Tên đăng nhập: Mật khẩu: Trang 22 Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML VD: Tạo trang Timkiem.htm Nút chọn – Radio Button Hộp kiểm Checkbox Value=”Trò” : Giá trò On/ Off gửi lên Server VD: Tạo trang thamdo.htm PHIẾU THĂM DỊ Ý KIẾN Tên đăng nhập: Giới tính : Nam Tin tức Học tập [...]... tin này Trang 18 Giáo Trình Thiết Kế Web Bài 5 – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML THIẾT KẾ BẢNG - TABLE I THIẾT KẾ BẢNG - TABLE  Bảng là một cấu trúc gồm nhiều hàng nhiều cột là kỹ thuật trình bày các thành phần trên trang web  Cần phát thảo cấu trúc bảng trước khi thiết kế Nội dung tiêu đề bảng Nội dung tiêu đề cột 1 Nội dung tiêu đề cột 2... tính bằng pixel Hoặc độ rộng tương đối % kích thước cửa sổ Center: Canh giữa cửa sổ trình duyệt, Văn bản khơng cuộn bao quanh Left: Canh trái cửa sổ trình duyệt, Văn bản sẽ cuộn bao quanh bên phải bảng Right: Canh phải cửa sổ trình duyệt, văn bản sẽ cuộn quanh bên trái bảng 4 Xác lập màu, ảnh nền cho bảng/ơ Dùng thuộc tính Bgcolor và Background trong các thẻ tương ứng Thuộc tính ... Quản trị Website Đề tài tốt nghiệp < /HTML> Trang 13 Ngơn Ngữ HTML Giáo Trình Thiết Kế Web Bài 4 – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML TỔ CHỨC WEBSITE, SỬ DỤNG HÌNH ẢNH, THIẾT LẬP LIÊN KẾT I TỔ CHỨC WEBSITE 1 Các tập tin HTML của 1 Website • 1 Website bao gồm rất nhiều trang Web (tập tin HTML) • Khi lưu trữ phải tổ chức có cấu trúc để thuận tiện trong quản lý,... /Images/google.gif" Width=80> Nhãn liên kết Nhn lin kết: l văn bản hoặc hình ảnh Target=_blank: Mở cửa sổ riêng VD: Tạo tập tin HTM với nội dung như sau Nhạc Onlie Chia xa Nỗi buồn chim sao < /HTML> ... chỉ định khác Trang 11 Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML VD: Tạo tập tin HTM với nội dung như sau Chuong Trinh DT CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEB Ngơn ngữ HTML & FrontPage DreamWeaver MX Ngơn ngữ kịch bản JavaScript; Ngơn ngữ ASP & SQLServer CHƯƠNG TRÌNH ĐÀO TẠO... TẠO TIN HỌC VĂN PHỊNG Tin học căn bản & WindowsXP Sọan Thảo văn bản MicroSoft Word Xử lý bảng tính MicroSoft Excel TIN HỌC QUẢN LÝ Lập trình CSDL MicroSoft Access 2003 Thiết kế trình chiếu MicroSoft PowerPoint < /HTML> Trang 12 Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - IV DANH SÁCH... Dangnhap.htm ĐĂNG NHẬP DIỄN ĐÀN Tên đăng nhập: Mật khẩu: < /html> Trang 22 Giáo Trình Thiết Kế Web – GV Ths Huỳnh Quốc Dũng - Ngơn Ngữ HTML VD: Tạo trang Timkiem.htm ... Ngữ HTML 1 Tạo danh sách có đánh số thứ tự Mục 1 của danh sách Mục 2 của danh sách Mục n của danh sách VD: Tạo tập tin HTM với nội dung như sau Chuong Trinh DT CHƯƠNG TRÌNH ĐÀO TẠO THIẾT KẾ WEB Ngơn ngữ HTML & FrontPage DreamWeaver MX Khai thác và Quản trị Domain,Hostting Ngơn ngữ kịch bản. .. < /HTML> Trang TinCT.htm Lm việc trong Bộ online Một lnh đạo Sở Tài ngun - Mơi trường & Nhà đất Hải Phịng đ ''ku'': nếu khơng đào tạo cán bộ gấp thì khơng theo kịp quy trình lm việc của Bộ nhất l p dụng triệt để cơng nghệ thơng tin trong giải quyết cơng