intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

Giáo trình Thiết kế web (Nghề: Tin học ứng dụng - Cao đẳng/Trung cấp) - Trường Cao đẳng Bách khoa Nam Sài Gòn (2023)

Chia sẻ: _ _ | Ngày: | Loại File: PDF | Số trang:81

12
lượt xem
3
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Giáo trình "Thiết kế web (Nghề: Tin học ứng dụng - Cao đẳng/Trung cấp)" trình bày các nội dung chính sau đây: Giới thiệu, khái niệm cơ bản; Làm chủ giao diện - Quản lý website; Ngôn ngữ HTML; CSS - CASCADING STYLE SHEET; Siêu liên kết – Link; Thiết kế biểu mẫu – Form; Xây dựng trang mẫu –Template; Thiết kế website bán hàng; Xuất bản website. Mời các bạn cùng tham khảo!

Chủ đề:
Lưu

Nội dung Text: Giáo trình Thiết kế web (Nghề: Tin học ứng dụng - Cao đẳng/Trung cấp) - Trường Cao đẳng Bách khoa Nam Sài Gòn (2023)

  1. ỦY BAN NHÂN DÂN THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG CAO ĐẲNG BÁCH KHOA NAM SÀI GÒN GIÁO TRÌNH MÔN HỌC/MÔ ĐUN: THIẾT KẾ WEB NGÀNH/NGHỀ: TIN HỌC ỨNG DỤNG TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: 451/QĐ-NSG, ngày 08 tháng 08 năm 2023 của Hiệu trưởng Trường Cao Đẳng Bách Khoa Nam Sài Gòn Tp.Hồ Chí Minh, năm 2023
  2. Giáo trình thiết kế web TUYÊN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể được phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm. Trang 2/81
  3. Giáo trình thiết kế web LỜI GIỚI THIỆU Môn Thiết kế web là môn học cung cấp cho học sinh kiến thức và kỹ năng để có thể thực hiện các website tĩnh, những kiến thức nền tảng vững chắc về thiết kế một trang web hoàn chỉnh. Môn Thiết kế web là môn học chuyên ngành trong chương trình ngành Tin học ứng dụng hệ Cao đẳng. Nội dung giáo trình gồm 9 bài: - Bài 1: Giới thiệu, khái niệm cơ bản - Bài 2: Làm chủ giao diện - Quản lý website - Bài 3: Ngôn ngữ HTML - Bài 4: CSS - CASCADING STYLE SHEET - Bài 5: Siêu liên kết – Link - Bài 6: Thiết kế biểu mẫu – Form - Bài 7: Xây dựng trang mẫu –Template - Bài 8: Thiết kế website bán hàng - Bài 9: Xuất bản website Trong quá trình biên soạn chúng tôi đã kết hợp kinh nghiệm giảng dạy trong nhiều năm của nhóm tác giả với mong muốn có thể giúp cho học sinh – sinh viên dễ dàng nắm bắt được nội dung của môn học. Mặc dù, rất cố gắng trong quá trình biên soạn, nhưng chắc chắn không thể tránh khỏi những thiếu sót, vì vậy, nhóm tác giả chúng tôi rất mong nhận được ý kiến đóng góp của bạn đọc để giáo trình ngày một hoàn thiện hơn. Tp.HCM ngày 08 tháng 08 năm 2023 Tham gia biên soạn 1. Chủ biên: ThS Lê Thị Thùy Trang 2. ………… 3. …………. Trang 3/81
  4. Giáo trình thiết kế web MỤC LỤC LỜI GIỚI THIỆU ........................................................................................................3 Bài 1. Giới thiệu, khái niệm cơ bản. ...........................................................................6 Bài 2: Làm chủ giao diện Visual Studio Code - quản lý website ..............................9 Bài tập .......................................................................................................................15 Bài 3. Ngôn ngữ HTML. ...........................................................................................20 Bài tập: ......................................................................................................................32 Bài 4. CSS – CASCADING STYLE SHEET. ..........................................................34 Bài tập: ......................................................................................................................40 Bài 5. SIÊU LIÊN KẾT - LINK................................................................................45 Bài tập: ......................................................................................................................47 Bài 6. THIẾT KẾ BIỂU MẪU – FORM. .................................................................49 Bài tập: ......................................................................................................................51 Bài 7. XÂY DỰNG TRANG MẪU - TEMPLATE. ................................................53 Bài tập: ......................................................................................................................59 Bài 8. THIẾT KẾ WEBSITE BÁN HÀNG. .............................................................62 Bài tập: ......................................................................................................................63 Bài 9. XUẤT BẢN WEBSITE. ................................................................................65 Bài tập: ......................................................................................................................76 TÀI LIỆU THAM KHẢO:........................................................................................81 Trang 4/81
  5. Giáo trình thiết kế web GIÁO TRÌNH MÔN HỌC/MÔ ĐUN Tên môn học/mô đun: Thiết kế Web Mã môn học/mô đun: MH19 Vị trí, tính chất, ý nghĩa và vai trò của môn học/mô đun: - Vị trí: Giảng dạy học kỳ 3, môn học này là môn chuyên ngành trong chương trình đào tạo bậc cao đẳng ngành Tin học ứng dụng - Tính chất: Môn Thiết kế web là môn học cung cấp cho học sinh kiến thức và kỹ năng để có thể thực hiện các website tĩnh, những kiến thức nền tảng vững chắc về thiết kế một trang web hoàn chỉnh. Môn Thiết kế web là môn học chuyên ngành trong chương trình ngành Tin học ứng dụng hệ Cao đẳng.- Ý nghĩa và vai trò của môn học/mô đun: Mục tiêu của môn học/mô đun: Về kiến thức: - Trình bày được các nguyên tắc cơ bản thiết kế Web với Dreamweaver; - Trình bày được các bước thiết kế web; - Trình bày được các quy trình tạo trang web mẫu. Về kỹ năng: - Thiết kế trang web theo mẫu; - Thiết kế trang web theo yêu cầu của công việc hoặc khách hàng; - Tạo mới 1 Host miễn phí. - Sử dụng thành thạo các công cụ thiết kế Web; - Xây dựng được các ứng dụng Multimedia; - Cài đặt, cấu hình được dịch vụ IIS; - Có khả năng kết hợp với cơ sở dữ liệu để tạo ra các trang Web động. Về năng lực tự chủ và trách nhiệm: Trang 5/81
  6. Giáo trình thiết kế web - Rèn luyện lòng yêu nghề, tư thế tác phong công nghiệp, tính kiên trì, sáng tạo trong công việc. Nội dung của môn học/mô đun: Bài 1. Giới thiệu, khái niệm cơ bản. 1. Mục tiêu: - Phát biểu được các khái niệm về cơ bản Internet, URL, HTTP, Website , webpage; - Trình bày được các dịch vụ cơ bản của Internet; - Mô tả được cấu trúc lưu trữ của Website. 2. Nội dung bài: 2.1. Internet là gì? Internet là một hệ thống thông tin toàn cầu có thể được truy nhập công cộng gồm các mạng máy tính được liên kết với nhau. Hệ thống này truyền thông tin theo kiểu nối chuyển gói dữ liệu (packet switching) dựa trên một giao thức liên mạng đã được chuẩn hóa (giao thức IP). Hệ thống này bao gồm hàng ngàn mạng máy tính nhỏ hơn của các doanh nghiệp, của các viện nghiên cứu và các trường đại học, của người dùng cá nhân, và các chính phủ trên toàn cầu. Trang 6/81
  7. Giáo trình thiết kế web 2.2. Các dịch vụ Internet. Tổ chức và khai thác thông tin trên web (WWW - World Wide Web): người dùng có thể dễ dàng truy cập để xem nội dung các trang web khi máy tính được kết nối với Internet. Tìm kiếm thông tin trên Internet: dùng Google hoặc danh mục thông tin. Người dùng nhanh chóng tìm được đúng thông tin cần thiết. Thư điện tử (E-mail): đây là dịch vụ trao đổi thông tin trên Internet thông qua các hộp thư điện tử, được sử dụng rộng rãi rất phổ biến, tiện lợi, nhanh chóng, với chi phí thấp. Hội thảo trực tuyến: Tổ chức các cuộc họp, hội thảo trực tuyến từ xa với sự tham gia của nhiều người ở nhiều nơi khác nhau. Hình ảnh, âm thanh của hội thảo và của các bên tham gia được truyền hình trực tiếp qua mạng và hiển thị trên màn hình hoặc phát trên loa máy tính. Đào tạo qua mạng: người học có thể truy cập Internet để nghe các bài giảng, trao đổi hoặc nhận các chỉ dẫn trực tiếp từ giáo viên , nhận các bài tập hoặc các tài liệu học tập khác và nộp kết quả qua mạng mà không cần tới lớp. Đào tạo qua mạng cho phép mọi người "học mọi lúc, mọi nơi". 2.3. Các khái niệm cơ bản URL, HTTP, Website , webpage. HTTP là chữ viết tắt của HyperText Transfer Protocol, là một giao thức ứng dụng được sử dụng thường xuyên nhất trong bộ các giao thức TCP/IP (gồm một nhóm các giao thức nền tảng cho internet). Http hoạt động dựa trên mô hình Client (máy khách) – Server (máy chủ). URL là chữ viết tắt của “Uniform Resource Locator“, tạm dịch: “Trình định vị tài nguyên thống nhất“. Đây là một đường dẫn liên kết đến website, tham chiếu tới các tài nguyên trên mạng Internet. Đường dẫn URL là đoạn text có thể đọc được thay cho địa IP mà máy tính sử dụng để liên hệ với server. Website là một sản phẩm công nghệ được tạo ra bởi các lập trình viên, bao gồm nhiều thành phần khác nhau như văn bản, hình ảnh, video, các tập tin đa phương tiện,… và có thể truy cập được thông qua một tên miền (hoặc tên miền phụ) Trang 7/81
  8. Giáo trình thiết kế web Web page (trang web) là một trang trên website, nó có thể là 1 bài viết, 1 chuyên mục hoặc 1 trang thông tin bất kỳ. Các bạn lướt web sẽ thấy mỗi website thường có rất nhiều các nội dung khác nhau như trang giới thiệu, trang thông tin liên hệ, các bài viết giới thiệu về sản phẩm, dịch vụ,… mỗi trang nội dung có một URL (đường link) riêng biệt, ta gọi mỗi trang đó là một web page. 2.4. Cấu trúc lưu trữ của Website Tên miền (domain): Được xem là địa chỉ website. Giả sử như website là một cửa hàng thì tên miền chính là tên địa chỉ của cửa hàng đó. Do đó để truy cập website, bạn phải gõ địa chỉ tên miền trên trình duyệt để có thể đi đến được với website đó. Web hosting: Sau khi đã có tên miền. Công việc tiếp theo của bạn đó chính là thuê một máy chủ. Đó được gọi là web hosting. Máy chủ sẽ lưu trữ tất cả các thông tin, hình ảnh và tài liệu của website để từ đó có thể đưa ra được những kết quả phù hợp với truy vấn của người dùng. Source Code: Đây được xem là mã nguồn của website. Nếu tên miền là địa chỉ, web hosting chính là mảnh đất thì source code chính là phần gạch và bê tông để xây nên website. Và bạn đã có một website, chính là một ngôi nhà hoàn chỉnh. Trang 8/81
  9. Giáo trình thiết kế web Bài 2: Làm chủ giao diện Visual Studio Code - quản lý website 1. Mục tiêu: - Cài đặt và sử dụng ứng dụng Visual Studio Code - Xây dựng được cấu trúc Website - Lập kế hoạch cho bộ Web - Xây dựng được trang web đơn giản. 2. Nội dung bài: 2.1. Giới thiệu Visual Studio Code là một trình biên tập code được phát triển bởi Microsoft dành cho Windows, Linux và macOS. Nó hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành code thông minh, snippets, và cải tiến mã nguồn. Hầu hết các lập trình viên Frontend đều ứng dụng trình soạn thảo mã nguồn mở miễn phí này cho việc viết code JavaScript, HTML hoặc CSS. Ngoài ra, trên thực tế, cũng có không ít các lập trình viên Backend dùng VS Code để viết mã Scala. Với VS Code, việc viết mọi loại code trở nên đơn giản và thuận tiện hơn rất nhiều. Ngoài ra, những ai đang làm công việc kiểm thử phần mềm hay quản lý dữ liệu cũng có thể sử dụng trình soạn thảo này. Ưu điểm của Visual Studio Code: - Cài đặt nhanh - Khởi động chương trình nhanh - Thao tác file và thư mục trên trình soạn thảo code dễ dàng - Giao diện đơn giản, dễ sử dụng - Số lượng các tiện ích mở rộng phong phú dành cho nhiều ngôn ngữ khác nhau - Được tạo ra bởi tập đoàn Microsoft và hoàn toàn MIỄN PHÍ 2.2. Giao diện màn hình Các bước cài đặt VS Code: Trang 9/81
  10. Giáo trình thiết kế web - Bước 1: Tải phần mềm VS Code Link: https://code.visualstudio.com/ - Bước 2: Nhấn vào file vừa tải để cài đặt File vừa tải xuống thường nằm ở trong thư mục download Trang 10/81
  11. Giáo trình thiết kế web - Bước 3: Khởi động phần mềm và sử dụng 2.3. Lập kế hoạch cho bộ Web Trang 11/81
  12. Giáo trình thiết kế web Bảng kế hoạch thiết kế website là việc làm không thể thiếu trong quy trình thiết kế bất kỳ một website nào, dù là website nhỏ hay website lớn. Có bảng kế hoạch chi tiết, đầy đủ sẽ giúp cho khách hàng và bên dịch vụ thiết kế theo sát và nắm được những công việc mình cần phải làm, đảm bảo tiến độ công việc. Khi lập kế hoạch xây dựng trang web cần phải trả lời các câu hỏi sau: - WHO? Đối tượng mục tiêu của trang web của bạn là ai? Nghiên cứu công chúng của bạn. Xem những gì họ thích? Ngồi xuống và viết các đối tượng trên giấy. Khi bạn đã có danh sách, hãy nghiên cứu sở thích, kỹ năng, giá trị và kiến thức của họ. - WHAT? Mục đích của trang web của bạn là gì? Để giáo dục, để giải trí, cung cấp sản phẩm hoặc dịch vụ, để cung cấp thông tin hay thu thập thông tin người dùng? Khi lập kế hoạch phát triển trang web, hãy nhớ rằng mỗi trang phải có ít nhất một mục tiêu. Và những mục tiêu này phục vụ cho mục đích của trang web. Nếu bạn chưa quen với điều này, bạn nên tham khảo cách làm từ các trang web hàng đầu cùng ngành khác. - WHEN? Khi nào bạn muốn bắt đầu? Lịch cập nhật website: hàng ngày, hàng tuần, hai lần một tháng hoặc hàng tháng. - WHERE? Bạn sẽ đặt trang web của mình ở đâu? Tùy thuộc vào khả năng và yêu cầu của cá nhân mà chọn một nhà cung cấp dịch vụ lưu trữ tốt nhất. - Why? Tại sao bạn muốn có một trang web? Lưu trữ thông tin của bạn bè, gia đình hoặc tìm đối tác phục vụ cho sở thích của bạn hoặc như một hình ảnh của doanh nghiệp. - HOW? Làm thế nào để tạo một trang web? Làm thế nào để lập kế hoạch nội dung của trang web? Hãy nhớ rằng nội dung trên trang web sẽ làm nên thành công hay thất bại của trang web. Khi thiết kế một trang web, cần lưu ý một số nguyên tắc sau đây: - Trang web nên có một mục đích hay đúng hơn là mỗi trang phải có một mục đích. Trang 12/81
  13. Giáo trình thiết kế web - Website phải có tốc độ tải nhanh - Đồ họa trên trang web phải được thiết kế ở mức tối thiểu để đảm bảo tốc độ load được tối ưu. - Sử dụng tiêu đề thông minh và mỗi trang phải có các liên kết hữu ích - Sử dụng cùng một màu nền cho toàn bộ website (phổ biến nhất hiện nay là màu trắng) - Sử dụng cùng một màu cho văn bản trên trang web của bạn (màu đen phổ biến) - Sử dụng cùng một cỡ chữ và màu chữ cho các chủ đề khác nhau, - Thiết lập một số quy tắc cho trang web - Luôn giữ cho website đơn giản và tinh tế - Sử dụng các nguyên tắc trên cho mọi trang trên trang web. - Liên kết: Mục đích thực sự của một trang web là tạo ra các trang có thể liên kết. Bao gồm các tệp, tài liệu, hình ảnh, phim hoặc âm thanh. Tạo liên kết bên ngoài và bên trong trang web. - Hình ảnh: Chọn hình ảnh cẩn thận vì chúng ảnh hưởng trực tiếp đến tốc độ tải trang - Âm thanh: Nhiều chuyên gia khuyên không nên sử dụng âm thanh cho trang web. Nhưng như một xu hướng của thời đại cộng với các phương tiện truyền thông ngày nay thì không có lý do gì để nó không trở thành một phần của trang web. - Logo, banner, chân trang, tiêu đề và button: Để có thể đồng bộ hóa giữa các yếu tố này, chúng cần phải giống nhau hoặc cùng một phong cách trên mọi trang trên website. Tiêu đề là dòng đầu tiên của bài viết, chân trang cần có một số thông tin quan trọng như: - URL trang web, - Liên kết đến trang mà khách truy cập có thể liên hệ Trang 13/81
  14. Giáo trình thiết kế web - Điều hướng: Thiết kế trang web có nghĩa là tạo ra các danh mục chính của trang web, các danh mục chính này cần giúp người truy cập dễ dàng hình dung về số lượng chủ đề mà trang web bao trùm. Luôn có chức năng cho phép khách quay trở lại đầu trang, cho phép khách nhanh chóng thay đổi chủ đề, khu vực của trang web cần hiển thị rõ ràng … - Phản hồi: Số lượng phản hồi nói lên sự quan tâm của khách truy cập vào trang web. Cung cấp cho khách truy cập của bạn các tính năng cho phép họ viết nhận xét và phản hồi về thông tin họ quan tâm. Tối thiểu, trang web phải có địa chỉ email của bạn để khách truy cập có thể cung cấp cho bạn các đề xuất, nhận xét và ý kiến. Cần đảm bảo rằng các thông tin này xuất hiện trên mỗi trang. 2.4. Cấu trúc bộ Web Xây dựng cấu trúc cây thư mục cho website Trang 14/81
  15. Giáo trình thiết kế web 2.5. Định nghĩa Website 2.6. Xây dựng trang Web Phác thảo ý tưởng website tin tức trong ngày Bài tập 1. Phát biểu nào sau đây đúng về Internet? a. Internet là một trình duyệt web b. Internet là một dịch vụ trang tin điện tử c. Internet là tập hợp các máy tính và thiết bị dùng chung nguồn điện d. Internet là hệ thống mạng gồm các mạng thông tin máy tính, được liên kết với nhau trên phạm vi toàn cầu 2. Dịch vụ nào sau đây là tiện ích của internet ? a. Hệ thống thư điện tử (email) b. Tiện ích trò chuyện trực tuyến (chat) c. Dịch vụ thương mại trực tuyến d. Tất cả các đáp án trên 3. Đâu là địa chỉ của một trang tìm kiếm thông tin trên Internet ? Trang 15/81
  16. Giáo trình thiết kế web a. http://google.com.vn b. http://bing.com c. http://www.yahoo.com d. Tất cả các đáp án trên 4. Để đóng một trình duyệt web ta sử dụng tổ hợp phím nào sau đây? a. Ctrl + W b. Shift + Del c. Alt + F4 d. Ctrl + F5 5. Thuật ngữ URL dùng để mô tả? a. Địa chỉ của một tài nguyên trên Internet b. Địa chỉ IP của một máy tính c. Địa chỉ của một thư điện tử d. Nhà cung cấp dịch vụ Internet 6. Mạng Internet là? a. Mạng kết nối máy tính toàn cầu b. Mạng kết nối máy tính cục bộ c. Mạng kết nối các máy tính của một tổ chức d. Mạng tư nhân 7. Trình duyệt web (browser) là? a. Một phần mềm ứng dụng cho phép người sử dụng xem và tương tác với nội dung của trang web b. Một phần mềm soạn thảo văn bản c. Một phần mềm giúp người sử dụng tạo ra trang web d. Một công cụ để thiết kế giao diện trang web 8. Phát biểu nào dưới đây là đúng? a. Một trang web có thể hiển thị khác nhau trên các trình duyệt khác nhau b. Một trình duyệt web chỉ mở được một cửa sổ duyệt web c. Một địa chỉ web chỉ được mở bằng một trình duyệt web cố định Trang 16/81
  17. Giáo trình thiết kế web d. Mỗi máy tính chỉ được cài đặt một trình duyệt web 9. Để xem nội dung các trang web ta dùng công cụ nào sau đây? a. Internet Explorer b. Windows Explorer c. Windows Media Player d. Tất cả các đáp án 10. Tên miền gov.vn được dùng cho? a. Tất cả các cơ quan, tổ chức… b. Các tổ chức phi chính phủ c. Chính phủ, các cơ quan hành chính, tổ chức nhà nước trên lãnh thổ Việt Nam d. Các đơn vị, tổ chức giáo dục 11. Đâu không phải là tên của một trình duyệt web? a. Mozilla Firefox b. Google Chrome c. Adobe Flash d. Internet Explorer 12. Thuật ngữ www, mô tả? a. Địa chỉ một trang web b. Địa chỉ IP của một máy tính c. Địa chỉ một email d. một dịch vụ của Internet 13. Đâu là một dấu hiệu để nhận biết một website được bảo mật? a. URL bắt đầu với http:// b. Trên thanh địa chỉ có biểu tượng của cơ quan, tổ chức sở hữu trang web c. URL bắt đầu với https:// d. URL được mã hóa 14. Siêu liên kết (hyperlink) là? a. Một phần văn bản hay hình ảnh thể hiện đường dẫn đến trang web khác hoặc phần khác của trang. Trang 17/81
  18. Giáo trình thiết kế web b. Một dạng dữ liệu đa phương tiện c. Một loại đường truyền Internet 15. Website là? a. Một tập các trang web, thường chỉ nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của Internet. b. Là một không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối mạng Internet c. Một tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP 16. Trang web chủ (Homepage) là? a. Trang đầu tiên của một website, được máy chủ gọi ra đầu tiên khi truy cập vào địa chỉ một website b. Trang cung cấp thông tin liên hệ với chủ sở hữu website c. Trang web chứa thông tin về nhà cung cấp trình duyệt web 17. Một URL thường bao gồm các thành phần nào sau đây? a. Tên của giao thức b. Tên miền trang web c. Đường dẫn trỏ đến thư mục, tệp tin hoặc một tài nguyên trên máy chủ d. Tất cả các phương án 18. http://www.google.com.vn là? a. Là trang web cung cấp các loại thông tin trên Internet b. Là một máy chủ cung cấp thông tin dạng Web c. Là máy chủ cung cấp dịch vụ tìm kiếm thông tin và các dịch vụ hỗ trợ người dùng 19. Khi tham gia vào cộng đồng ảo và các hoạt động trực tuyến? a. Luôn đảm bảo an toàn vì các giao dịch và thông tin được thực hiện trên mạng ảo b. Luôn đảm bảo bí mật vì thông tin cá nhân được mã hóa bởi các công cụ trực tuyến c. Có nhiều nguy cơ rủi ro như lộ thông tin cá nhân, bị lợi dụng thông tin cá nhân, mất mát thông tin, … 20. Phát biểu nào sai khi nói về máy tìm kiếm? Trang 18/81
  19. Giáo trình thiết kế web a. Các máy tìm kiếm khác nhau luôn trả về kết quả giống nhau cho cùng một từ khóa b. Cho phép tìm kiếm các thông tin trên Internet theo yêu cầu của người dùng c. Các máy tìm kiếm thường lưu trữ thông tin về các website trên Internet Trang 19/81
  20. Giáo trình thiết kế web Bài 3. Ngôn ngữ HTML. 1. Mục tiêu: - Trình bày được cú pháp các thẻ cơ bản trong HTML; - Hiểu được cách thức định dạng Web; - Sử dụng được các thẻ HTML trong thiết kết trang web; - Xây dựng trang web đơn giản bằng HTML. 2. Nội dung bài: 2.1. Giới thiệu ngôn ngữ HTML HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng và cấu trúc lại các thành phần có trong Website. - HTML tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Người ta thường sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,… - HTML được sử dụng để tạo bố cục, cấu trúc trang web. HTML một số ưu điểm sau: - Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn - Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay - Học HTML khá đơn giản - Các markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao - Sử dụng mã nguồn mở, hoàn toàn miễn phí - HTML là chuẩn web được vận hành bởi W3C - Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP, Node.js,…) Bên cạnh ưu điểm, HTML cũng có các nhược điểm nhất định như sau: - Chỉ được áp dụng chủ yếu cho web tĩnh. Nếu muốn tạo các tính năng động, lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ 3 (ví dụ như: PHP) Trang 20/81
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
73=>1