- Giới thiệu tổng qua về trang web - Thiết kế header và footer

1. TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG
KHOA TIN HỌC
HỌC PHẦN: ELEARNING
BÀI CÁO CÁO: HỌC HTML5, CSS3 VÀ JS
TRÊN SUBLIME TEXT
Nhóm Passion:
1. BÙI THỊ KỸ
2. NGUYỄN THỊ TRANG
3. TRẦN THỊ LÀNH
4. NGUYỄN THỊ KIỀU NƯƠNG
5. NGUYỄN THỊ NGỌC BÌNH

2. 1. Phần mềm sublime text 3 install các package cần thiết
Plugin SideBarEnhancements
Plugin Advanced New File
Plugin Emmet
Plugin JavaScript & NodeJS Snippets
Plugin color hightlighter
Plugin HTML-CSS-JS Prettify
2. Tạo thư mục gồm css ( chứa file css), js ( chứa file js),
images( chứa file hình ảnh) và index.html
3. Sử dụng trình duyệt Chrome hoặc Cốc Cốc để chạy
chương trình
CHUẨN BỊ

3. CONTENT
LOGO
MAIN MENU
MENU TOP
ONE POST LIST POST
CONTENT BOTTOM
SIDE BAR BOTTOM
SIDE BAR TOP
FOOTER
HEADER

4. <header>
<div class="menu-top"></div>
<div class="logo"></div>
<div class="main-menu"></div>
<header>
<div class="content">
<div class="main-content">
<div class=“content-top”>
<div class=“one-post”></div>
<div class=“list-post”></div>
</div>
<div class=“content-bottom”></div>
</div>
<div class=“side-bar">
<div class=“dangnhap”></div>
<div class=“quangcao”></div>
</div>
<footer></footer>
VIẾT KHUNG CHƯƠNG TRÌNH

5. MENU-TOP
CSS HTML

6. LOGO VÀ FOOTER
CSS HTML

7. THANK YOU !