BÀI TẬP HTML+CSS

1. Câu 1

❖ Kết nối VPN

❖ Cài notepad++ hoặc dùng dreamweaver kết nối ftp vào home folder cá nhân của
sinh viên. (xem hướng dẫn ở cuối trang)
❖ Double Click vào file index.html và chỉnh sửa lại nội dung hiển thị thêm thông tin
cá nhân như:
▪ Tên lớp
▪ Khóa
▪ Điện thoại
▪ Email
▪ Statement
❖ Lưu lại và truy cập trang web để xem kết quả

2. Câu 2
Thiết kế trang web tĩnh đặt tên: baitaphtmlcss1.html, có dạng như sau:
Thông tin lấy từ trang web: https://bit.ueh.edu.vn/

Lưu lại và truy cập trang web http://sv<masv>.ddns.net/baitaphtmlcss1.html để xem kết

quả
3. Câu 3
Dựa vào Câu 1, thiết kế trang web tĩnh đặt tên: baitaphtmlcss2.html, có dạng như sau:

HƯỚNG DẪN

▪ Dùng css với các thuộc tính FLOAT và các tag DIV để định hình layout. Các khung
div và hình ảnh có khả năng giãn nở (responsive)
▪ Tải notepadd++ và cài vào máy tính.
▪ Sau đó cài plugin NppFTP:
- Từ menu Plugins, chọn Plugins Admin…
- Gỏ trong textbox Search: NppFTP
- Chọn vào checkbox NppFTP, click Install
▪ Sau khi cài xong, hãy click vào nút show NppFTP

▪ Kết nối VPN

• Tạo profile như hình sau để thực hiện soạn thảo các webpage và css. Khai báo
hostname: 10.81.0.1, port 23, connect type: FTP (nếu không kết nối VPN thì khai
báo hostname: SV<MASV>.DDNS.NET, port 21, connect type: FTPES).

• Dùng notepad++ kết nối ftp vào thư mục home của sinh viên theo địa chỉ hostname
của sinh viên đã đăng ký: sv<masv>.ddns.net. Username và password sẽ được giảng
viên cung cấp tại lớp.
• Các tài nguyên và hình ảnh dùng filezilla hoặc Winscp upload lên thư mục của sinh
viên vào thư mục con tương ứng. Ví dụ: files hình ảnh tải vào images,…
• Trên notepad++, trong NppFTP pannel, nhắp đúp vào file cần edit hoặc nhắp phải
chuột để tạo thư mục con, tạo file,… như hình bên dưới.
• Nếu edit file thì nhấn Ctrl+S để lưu lại.
LƯU Ý

• Sinh viên tuyệt đối bảo mật tài khoản, không chia sẻ tài khoản với người khác
• Sau khi hết phiên làm việc phải LOGOUT ra khỏi tài khoản.
• Mật khẩu sẽ được giảng viên thay đổi khi có yêu cầu bài tập mới