Trong thời gian qua, tôi trả lời rất nhiều thắc mắc của các bạn trong việc sử dụng phần mềm Revit. Tôi thấy nhiều câu hỏi cứ lặp lui lặp tới rất giống nhau, nên tôi biên soạn bộ sách này mục đích là giúp các bạn khắc phục những lỗi thường gặp, cũng như giúp các bạn nhanh chóng làm chủ phần mềm này.
Sự thành công của các bạn là niềm động viên to lớn nhất đối với chúng tôi.
Tài liệu này sẽ được cập nhật liên tục, các bạn theo dõi website tại www.huytraining.com để có bài học mới nhất.
Hi vọng các bạn tiếp tục ủng hộ tôi cũng như Huytraining để nhận được nhiều tài liệu bổ ích.
Link tham gia khóa học ở đây
http://www.huytraining.com/khoa-hoc-truc-tuyen
phân tích và thiết kế quản lý website bán hàng thiết bị máy tính qua mạnghieu anh
Hiểu được các vấn đề đó cũng như mong muốn đưa thương mại điện tử đến với nhiều người hơn chúng em thực hiện đề tài: Phân tích và thiết kế hệ thống quản lý website bán hàng thiết bị máy tính qua mạng ". Với mục đích xây dựng một hệ thống bán hàng qua mạng uy tín, đơn giản
Cách sử dụng tên miền thật khi chạy website ở localhostLel Đặng Văn
Bài viết này để hướng dẫn bạn làm sao chạy bằng tên miền thật ở localhost trong lúc đang lập trình web. Thay vì nhìn thấy cái tên như http://localhost/abc thì có thể là http://abc.com
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTMasterCode.vn
Bố cục website với CSS:
Mô hình CSS Box
Làm việc với div và AP div
Xếp chồng và xếp gối các thành phần
Tạo style cho nội dung hộp
Điều chỉnh vị trí
Tổ chức và phác thảo website
Cách làm việc với bảng (table) trên trang web:
Khởi tạo bảng với HTML
Định dạng style cho bảng với CSS/ HTML
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Trong thời gian qua, tôi trả lời rất nhiều thắc mắc của các bạn trong việc sử dụng phần mềm Revit. Tôi thấy nhiều câu hỏi cứ lặp lui lặp tới rất giống nhau, nên tôi biên soạn bộ sách này mục đích là giúp các bạn khắc phục những lỗi thường gặp, cũng như giúp các bạn nhanh chóng làm chủ phần mềm này.
Sự thành công của các bạn là niềm động viên to lớn nhất đối với chúng tôi.
Tài liệu này sẽ được cập nhật liên tục, các bạn theo dõi website tại www.huytraining.com để có bài học mới nhất.
Hi vọng các bạn tiếp tục ủng hộ tôi cũng như Huytraining để nhận được nhiều tài liệu bổ ích.
Link tham gia khóa học ở đây
http://www.huytraining.com/khoa-hoc-truc-tuyen
phân tích và thiết kế quản lý website bán hàng thiết bị máy tính qua mạnghieu anh
Hiểu được các vấn đề đó cũng như mong muốn đưa thương mại điện tử đến với nhiều người hơn chúng em thực hiện đề tài: Phân tích và thiết kế hệ thống quản lý website bán hàng thiết bị máy tính qua mạng ". Với mục đích xây dựng một hệ thống bán hàng qua mạng uy tín, đơn giản
Cách sử dụng tên miền thật khi chạy website ở localhostLel Đặng Văn
Bài viết này để hướng dẫn bạn làm sao chạy bằng tên miền thật ở localhost trong lúc đang lập trình web. Thay vì nhìn thấy cái tên như http://localhost/abc thì có thể là http://abc.com
BÀI 3 Bố cục trang web & bảng (TABLE) trên trang web - Giáo trình FPTMasterCode.vn
Bố cục website với CSS:
Mô hình CSS Box
Làm việc với div và AP div
Xếp chồng và xếp gối các thành phần
Tạo style cho nội dung hộp
Điều chỉnh vị trí
Tổ chức và phác thảo website
Cách làm việc với bảng (table) trên trang web:
Khởi tạo bảng với HTML
Định dạng style cho bảng với CSS/ HTML
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Tìm hiểu về box (hộp), cấu trúc box trên một trang
của website:
Tầm quan trọng
Kích thước
Vị trí
Thuộc tính của box:
Thuộc tính về nội dung
Thuộc tính về vị trí
Thuộc tính về hiển thị
BÀI 5 Làm việc với FONT, TYPEFACE và tỷ lệ nhịp điệu trong TYPOGRAPHY - Giáo ...MasterCode.vn
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
Tổng quan về việc sử dụng font trên web:
Lựa chọn font
Phân loại font family trong CSS
Định rõ kiểu chữ với CSS
Web font an toàn ( web safe font)
Liên kết font web
Dịch vụ liên kết font web văn phòng
Nhúng font web với javascript
Những giải pháp để sử dụng font trên web
BÀI 4 Ký tự và biểu tượng trong TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
Bản chất của ký tự (character)
Các kiểu chữ
Ký tự và font chữ mã hóa (encoding) trên web
Cách sử dụng symbol (biểu tượng)
Các ký tự đặc biệt trong HTML
BÀI 2 Tổng quan về ILLUSTRATOR CS4 - Giáo trình FPTMasterCode.vn
Vẽ hình trong Illustrator
Thay đổi kích thước của vật thể với nhóm công cụ
Transform
Cắt và dán vật thể
Nhân bản vật thể
Quản lý nhóm vật thể (Group)
Một số phím tắt thông dụng trong Adobe Illustrator
CS4
Chế độ đặc biệt trong Adobe Illustrator
Vẽ hình trong Illustrator
Thay đổi kích thước của vật thể với nhóm công cụ
Transform
Cắt và dán vật thể
Nhân bản vật thể
Quản lý nhóm vật thể (Group)
Một số phím tắt thông dụng trong Adobe Illustrator
CS4
Chế độ đặc biệt trong Adobe Illustrator
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...MasterCode.vn
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
Khái niệm hướng mắt của người duyệt web
Weight (trọng lượng)
Italic & oblique
Các style trang trí
Văn bản in hoa in thường
Màu sắc
Kiểu chữ
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPTMasterCode.vn
Khái niệm về Typography:
Typography cho thiết kế graphic
Typography trên web
Sự khác biệt
Màu sắc & màu sắc trên web
Bố cục trong thiết kế web
Khái niệm chống răng cưa
Nguyên tắc chọn & sử dụng kiểu chữ
BÀI 1 Bước đầu làm quen với ADOBE DREAMWEAVER CS4 và những thao tác cơ bản tr...MasterCode.vn
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Những khái niệm về website:
Thành phần của trang web
Tên miền, địa chỉ IP
Client – server
Công việc thiết kế website
Những kiến thức cơ bản về HTML & XHTML
Làm quen với Adobe Dreamweaver CS4
Khởi tạo một trang web và làm việc với những thành
phần trên trang web: văn bản, hình ảnh
Giáo trình thiết kế web - Thiết kế web với DreamweaverKhanhPham
Giáo trình thiết kế web - Thiết kế web với Dreamweaver
Để tìm hiểu kỹ hơn các bạn hãy truy cập:
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Youtube: www.youtube.com/user/luutruonghaila
BÀI 4 Nâng cao khả năng thiết kế web mobile với thành phần jquery mobile - Gi...MasterCode.vn
Khởi tạo trang mới với Jquery mobile
Chèn các thành phần:
Layout grid
Collapsible block
Sử dụng các thành phần form: input với Jquery
mobile:
Jump menu
Input form
Các thành phần đặc biệt khác
Khởi tạo trang mới với Jquery mobile
Chèn các thành phần:
Layout grid
Collapsible block
Sử dụng các thành phần form: input với Jquery
mobile:
Jump menu
Input form
Các thành phần đặc biệt khác
Bài 6: Tạo hiệu ứng và validate Form - Giáo trình FPTMasterCode.vn
Viết mã tạo các hiệu ứng
Hiệu ứng Image Rollover
Hiệu ứng SlideShow
Thao tác với các điều khiển
SelectBox
CheckBox
RadioButton
Form
Kiểm tra tính hợp lệ cho Form
Mục tiêu bài học
Viết mã tạo các hiệu ứng
Hiệu ứng Image Rollover
Hiệu ứng SlideShow
Thao tác với các điều khiển
SelectBox
CheckBox
RadioButton
Form
Kiểm tra tính hợp lệ cho Form
BÀI 4 Làm việc với các thành phần VIDEO, AUDIO, CANVAS của HTML5MasterCode.vn
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Chèn các thành phần video, audio vào trang
Điều khiển video với Javascript
Làm quen với thành phần canvas
Sử dụng thành phần cavas để thực hiện:
Vẽ hình và đường
Áp dụng màu và cọ fradient
Thực hiện tạo hình động
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
Làm việc với dự án website
Cấu trúc thư mục khi tiến hành dự án website
Tạo kiến trúc website
@import css
Background & màu nền
Text & màu văn bản
Menu
Khung Sidebar
Form
Đánh dấu trang
Vùng nội dung
BÀI 3 Thiết kế web cho di động với dreamweaver CS5 & Jquery - Giáo trình FPTMasterCode.vn
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Thiết kế trang web cho di động với Dreamweaver
CS5:
Khởi tạo và tùy biến nội dung
Chèn thêm trang web với Jquery mobile
Định dạng trang web với CSS
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Thiết kế trang web cho di động với Dreamweaver
CS5:
Khởi tạo và tùy biến nội dung
Chèn thêm trang web với Jquery mobile
Định dạng trang web với CSS
BÀI 2 Tìm hiểu ngôn ngữ đánh dấu trong việc phát triển web mobile - Giáo trìn...MasterCode.vn
Làm quen với ngôn ngữ đánh dấu cho web di động:
XHTML, XHTML -MP
WML
CSS cho web di động
Nhận diện thiết bị và tính tương thích với các thiết bị
di động
Nâng cao khả năng tương tác của web di động với
Javascript và AJAX
Bài 13: Nâng cấp từ Windows Server 2003 lên Windows Server 2008 - Giáo trình FPTMasterCode.vn
Tại sao phải nâng cấp lên Windows Server 2008?
Yêu cầu cấu hình phần cứng
Chuẩn bị trước khi nâng cấp
Các phiên bản nâng cấp
Nâng cấp lên Windows Server 2008 AD DS
Bài 3 Tạo style cho font và văn bản - Giáo trình FPTMasterCode.vn
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Giới thiệu về font
Một số thuộc tính quan trọng của Font
Một số thuộc tính quan trọng của Text
Kích thước của font, text trong HTML
Cách viết CSS rút gọn (shorthand)
Dù bạn là ai, dù mục đích học tiếng Anh của bạn đơn thuần chỉ là có tấm bằng trong tay để xin việc hay cao siêu hơn là có thể nói thông viết thạo thì việc nằm lòng các ngữ pháp tiếng Anh ẩn chứa sức mạnh ghê gớm dưới đây cũng là bước cơ bản giúp bạn master tiếng Anh
Scalability and optimization are constant
concerns for the developer and operations
manager. The Performance Zone focuses on
all things performance, covering everything
from database optimization to garbage
collection, tool and technique comparisons,
and tweaks to keep your code as effcient
as possible.
Google công bố thông tin lịch xu hướng ngành 2017 mastercode.vnMasterCode.vn
Các doanh nghiệp cần luôn có mặt trên online để khách hàng dễ dàng thấy họ mỗi khi tìm kiếm. "Mùa vụ" hay giai đoạn mà lượng
tìm kiếm về sản phẩm dịch vụ của doanh nghiệp trên Google bỗng gia tăng chính là thời điểm tuyệt vời để tận dụng.Các doanh nghiệp
có thể tối đa hoá doanh thu trong thời kì cao điểm này bằng cách lên chiến lược quảng cáo "luôn online" gắn liền với mục tiêu mùa.
Lập trình sáng tạo creative computing textbook mastercode.vnMasterCode.vn
Lập trình sáng tạo bao gồm việc sáng tạo. Khoa học máy tính và các ngành liên quan tới tính toán đã từ lâu đƣợc giới thiệu tới những ngƣời trẻ tuổi một cách rời rạc – quá nhấn mạnh kĩ thuật so với khả năng sáng tạo. Lập trình sáng tạo giúp cho sự phát triển của cá nhân đối với tính toán trở nên tốt hơn, bằng cách hỗ trợ vẽ vời dựa trên sáng tạo, tƣởng tƣợng, và sở thích.
Pd fbuoi2 onpage – tối ưu hóa trang web-mastercode.vnMasterCode.vn
Meta Tag là thẻ dùng để cung cấp các thông tin về website một cách tóm gọn đối với các trình duyệt lẫn người dùng hay bot từ các search engine. Mọi người hay nghe Meta Keyword, Meta Description, Meta Page title,..
Pd fbuoi1 giới thiệu seo tools cơ bản-seo manager + seo guy-mastercode.vnMasterCode.vn
Google Webmaster Tools • Google Analytics phân tích traffic • SEO Power Suite , web auditor đ onpage • Ahrefs, phân tích t khóa và Link • OpenSiteExplorer phân tích link profile • Firexfox Extensions: SEO Doctor cho onpage, NoDofollow • SEOMoz Toolbar đ check PA và DA •Free Monitor for Google đ check RANK •SEOMOZ pro check onpage
Pdf buoi1 2-on-page-tran-ngoc-chinh-mastercode.vnMasterCode.vn
Cơ chế hoạt động Google Tên miền Cấu trúc website Meta Tag (Title, Description, H1-H6, ALT...) URL thân thiện, Sitemap, robots.txt Keyword Density Tốc độ tải trang
Pdfbài 7 máy tính xác tay và máy in bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Những chú ý đặc biệt khi hỗ trợ người dùng máy tính xách tay Cài đặt, cấu hình, tối ưu, sửa chữa các thiết bị ngoại vi hay dùng với máy tính xách tay Nâng cấp, thay thế các thiết bị máy tính xách tay Nguyên lý hoạt động của máy in Cài đặt máy in
Pdfbài 6 bảo trì máy tính bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Tìm hiểu các quy trình xử lý đảm bảo an toàn Tìm hiểu phương pháp bảo trì phòng ngừa cho máy tính cá nhân Tìm hiểu cách phát hiện và xử lý sự cố máy tính
Pdfbài 5 bảo trì và tối ưu windows bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Đưa ra kế hoạch bảo trì phòng ngừa Rà soát các thiết lập Windows trọng yếu Làm sạch ổ cứng Chống phân mảnh ổ đĩa Kiểm tra lỗi ổ cứng Rà soát các chương trình khởi động và dịch vụ Tiến hành các thủ tục sao lưu Lập kế hoạch khắc phục thảm họa Sao lưu dữ liệu người dùng / toàn bộ ổ cứng Tối ưu Windows Các công cụ tối ưu: Task Manager, MSConfig, Services Console, Computer Management Cải thiện hiệu năng Windows Đưa ra kế hoạch bảo trì phòng ngừa Rà soát các thiết lập Windows trọng yếu Làm sạch ổ cứng Chống phân mảnh ổ đĩa Kiểm tra lỗi ổ cứng Rà soát các chương trình khởi động và dịch vụ Tiến hành các thủ tục sao lưu Lập kế hoạch khắc phục thảm họa Sao lưu dữ liệu người dùng / toàn bộ ổ cứng Tối ưu Windows Các công cụ tối ưu: Task Manager, MSConfig, Services Console, Computer Management Cải thiện hiệu năng Windows
Pdfbài 4 ổ cứng hard drive bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Biết được các công nghệ chế tạo ổ cứng Hiểu được cấu tạo ổ cứng Phân biệt rõ các chuẩn giao tiếp giữa hệ thống với ổ cứng Thông hiểu cách tổ chức lưu trữ dữ liệu trong ổ cứng Giải quyết các vấn đề liên quan đến ổ cứng Biết được các công nghệ chế tạo ổ cứng Hiểu được cấu tạo ổ cứng Phân biệt rõ các chuẩn giao tiếp giữa hệ thống với ổ cứng Thông hiểu cách tổ chức lưu trữ dữ liệu trong ổ cứng Giải quyết các vấn đề liên quan đến ổ cứng
Pdfbài 3 cpu và ram bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Nhận biết được đặc điểm và thông số kỹ thuật của các CPU dùng cho máy tính cá nhân Thông hiểu cách lựa chọn CPU cho hệ thống Thông hiểu cách lắp mới và thay thế CPU Thông hiểu các phương pháp tản nhiệt cho CPU Thông hiểu các loại RAM khác nhau và nguyên lý hoạt động của chúng. Thông hiểu các vấn đề cần thiết khi nâng cấp RAM
Pdfbài 1 giới thiệu chung về phần cứng bảo trì sự cố máy tính-mastercode.vnMasterCode.vn
Nhắc lại các khái niệm cơ bản về phần cứng và phần mềm. Giới thiệu về các thành phần của máy tính. Nắm được vị trí sắp xếp của các thành phần bên trong case, các loại case khác nhau. Nắm được các thông số về nguồn điện được sử dụng để vận hành hệ thống máy tính. Ước lượng công suất của hệ thống và chọn bộ cấp nguồn và thiết bị lưu điện cho phù hợp. Nhận biết và xử lý một số vấn đề thường gặp liên quan đến nguồn điện
2. NHẮC LẠI BÀI TRƯỚC
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Tìm hiểu về một số Layout phổ biến
Layout nổi (float) & Layout tuyệt đối (absolute)
Ngăn tràn bố cục
Một số vấn đề khi căn chỉnh cột Layout
Bài 6 - Thiết kế các thành phần giao diện
3. MỤC TIÊU BÀI HỌC
Làm quen với các thành phần trên trang web
Định nghĩa CSS cho những thành phần:
Table
Form
Lists & Menu
Làm việc với drop-down menu
Làm quen với các thành phần trên trang web
Định nghĩa CSS cho những thành phần:
Table
Form
Lists & Menu
Làm việc với drop-down menu
Bài 6 - Thiết kế các thành phần giao diện
5. THÀNH PHẦN (COMPONENT)
Là thành phần mở rộng
Là một ứng dụng trên trang web
Được sử dụng trên trang web để thể hiện những
chức năng nhất định:
Hiển thị danh sách
Menu
…
Được trình bày trong những box trên trang web
Bài 6 - Thiết kế các thành phần giao diện
Là thành phần mở rộng
Là một ứng dụng trên trang web
Được sử dụng trên trang web để thể hiện những
chức năng nhất định:
Hiển thị danh sách
Menu
…
Được trình bày trong những box trên trang web
8. BẢNG MẶC ĐỊNH
<table border="1">
<tr>
<td> </td>
<td>Styling</td>
<td>Coding</td>
</tr>
<tr>
<td>Ngôn ngữ</td>
<td>XHTML & CSS</td>
<td>PHP & SQL</td>
</tr>
<tr>
<td>Focus</td>
<td>Interface design</td>
<td>Back-end code</td>
</tr>
</table>
Bài 6 - Thiết kế các thành phần giao diện
<table border="1">
<tr>
<td> </td>
<td>Styling</td>
<td>Coding</td>
</tr>
<tr>
<td>Ngôn ngữ</td>
<td>XHTML & CSS</td>
<td>PHP & SQL</td>
</tr>
<tr>
<td>Focus</td>
<td>Interface design</td>
<td>Back-end code</td>
</tr>
</table>
9. CÁC THẺ THÀNH PHẦN CỦA BẢNG
tr
td
th
Bài 6 - Thiết kế các thành phần giao diện
table
tr th
10. THUỘC TÍNH CỦA BẢNG
Những thành phần định nghĩa trong CSS khi làm
việc với table:
Background
Border
Text
Kích thước
Bài 6 - Thiết kế các thành phần giao diện
Những thành phần định nghĩa trong CSS khi làm
việc với table:
Background
Border
Text
Kích thước
11. ĐỊNH STYLE CHO BẢNG
table.basic_lines {width:300px; border-top:3px solid #069;}
table.basic_lines th { border-bottom:2px solid #069;} /* định nghĩa vùng header cho
bảng*/
table.basic_lines td {border-bottom:1px solid #069;}/*định nghĩa style cho các ô của
bảng*/
Bài 6 - Thiết kế các thành phần giao diện
13. FORM
Dùng để lấy dữ liệu của người dùng để gửi tới máy
chủ
Sử dụng để nhập dữ liệu từ người dùng:
Form đăng ký
Form đăng nhập
Form xác thực
Sử dụng như dạng biểu mẫu
Bài 6 - Thiết kế các thành phần giao diện
Dùng để lấy dữ liệu của người dùng để gửi tới máy
chủ
Sử dụng để nhập dữ liệu từ người dùng:
Form đăng ký
Form đăng nhập
Form xác thực
Sử dụng như dạng biểu mẫu
14. FORM
Trong form chứa những thành phần điều khiển
(control)
Thành phần điều khiển nhập
liệu
Bài 6 - Thiết kế các thành phần giao diện
Thành phần lựa chọn
Thành phần submit
15. ĐỊNH STYLE CHO THÀNH PHẦN FORM
CSS:
input {font-size:.8em;}
label {display:block; clear:both; font-size:85%;font-weight:bold; margin:.5em
0 0; padding-bottom:.5em;}
XHTML:
<label for="user_name">UserName</label>
<inputtype="text" id="user_name" name="user_name" size="18"
maxlength="36"tabindex="1" />
Bài 6 - Thiết kế các thành phần giao diện
16. Định dạng style cho nút submit:
ĐỊNH STYLE CHO THÀNH PHẦN FORM
CSS:
input[type="submit"] { float:right; margin:.5em 0; }
XHTML:
<div>
<input type="submit" value="Submit this Form" />
</div>
Bài 6 - Thiết kế các thành phần giao diện
CSS:
input[type="submit"] { float:right; margin:.5em 0; }
XHTML:
<div>
<input type="submit" value="Submit this Form" />
</div>
17. ĐỊNH STYLE CHO FORM
form {
float:left;
width:24em;
margin:20px 0 0 50px;
padding:1em .75em .5em;
border:1px solid #AAA;
}
input { font-size:.8em;}
input:focus, textarea:focus, select:focus {border:2px solid #7AA;}
label {display:block; clear:both; font-size:85%;font-weight:bold; margin: .5em 0 0;
padding-bottom: .5em;}
input[type="submit"] { float:right; margin: .5em 0;}
Bài 6 - Thiết kế các thành phần giao diện
form {
float:left;
width:24em;
margin:20px 0 0 50px;
padding:1em .75em .5em;
border:1px solid #AAA;
}
input { font-size:.8em;}
input:focus, textarea:focus, select:focus {border:2px solid #7AA;}
label {display:block; clear:both; font-size:85%;font-weight:bold; margin: .5em 0 0;
padding-bottom: .5em;}
input[type="submit"] { float:right; margin: .5em 0;}
19. DANH SÁCH (LIST) & MENU
List: là những nhóm mục văn bản liên quan tới đối
tượng. Cơ sở của việc điều hướng trên trang web
Menu: danh sách lựa chọn để chuyển hướng lựa
chọn
Bài 6 - Thiết kế các thành phần giao diện
20. LIST
3 loại list:
Không thứ tự: được gạch đầu dòng
Thứ tự: đánh số theo thứ tự
Định nghĩa: có chứa những mục con (subitem),
thường được sử dụng làm chú giải
Bài 6 - Thiết kế các thành phần giao diện
23. ÁP STYLE CHO LIST
Áp dụng CSS để định dạng kiểu cho thẻ ul, li:
Thay đổi được kiểu hiển thị (thả xuống, thả sang
ngang)
Thay đổi kiểu bullet
CSS:
ul {border:0; margin:10px 30px 10px
1.25em; padding:0; list-style-type:none;}
li {border-bottom:2px solid #069; margin:0;
padding:.3em 0; text-indent:.5em}
Áp dụng CSS để định dạng kiểu cho thẻ ul, li:
Thay đổi được kiểu hiển thị (thả xuống, thả sang
ngang)
Thay đổi kiểu bullet
Bài 6 - Thiết kế các thành phần giao diện
CSS:
ul {border:0; margin:10px 30px 10px
1.25em; padding:0; list-style-type:none;}
li {border-bottom:2px solid #069; margin:0;
padding:.3em 0; text-indent:.5em}
24. MENU
Danh sách tạo ra các link điều hướng
CSS:
a { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000; text-
decoration:none}
a:hover { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000; text-
decoration:underline}
XHTML:
<ul>
<li><a href="#">Gibson</a></li>
<li><a href="#">Fender</a></li>
<li><a href="#">Rickenbacker</a></li>
<li><a href="#">Ibanez</a></li>
</ul>
Danh sách tạo ra các link điều hướng
Bài 6 - Thiết kế các thành phần giao diện
CSS:
a { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000; text-
decoration:none}
a:hover { font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000; text-
decoration:underline}
XHTML:
<ul>
<li><a href="#">Gibson</a></li>
<li><a href="#">Fender</a></li>
<li><a href="#">Rickenbacker</a></li>
<li><a href="#">Ibanez</a></li>
</ul>
25. MENU
Định dạng style cho menu:
Cách căn chỉnh trên IE6 & 7
CSS:
body {font:1em verdana, arial, sans-serif;}
div#listcontainer {border:1px solid #000; width:150px; font-size: .75em;
margin:20px;}
ul {border:0; margin:12px 20px 10px 1.25em; padding:0; list-style-type:none;}
li {border-bottom:2px solid #069; margin:0; padding: .3em0; text-indent: .5em;}
li:first-child {border-top:2px solid #069;}
Định dạng style cho menu:
Cách căn chỉnh trên IE6 & 7
Bài 6 - Thiết kế các thành phần giao diện
CSS:
body {font:1em verdana, arial, sans-serif;}
div#listcontainer {border:1px solid #000; width:150px; font-size: .75em;
margin:20px;}
ul {border:0; margin:12px 20px 10px 1.25em; padding:0; list-style-type:none;}
li {border-bottom:2px solid #069; margin:0; padding: .3em0; text-indent: .5em;}
li:first-child {border-top:2px solid #069;}
CSS:
body {font:1em verdana, arial, sans-serif;}
div#listcontainer {border:1px solid #000; width:150px; font-size: .75em;
margin:20px;}
ul {border:0; margin:12px 20px 10px 1.25em; padding:0; list-style-type:none;
border-top: 2px solid #069}
li {border-bottom:2px solid #069; margin:0; padding: .3em 0; text-indent: .5em}
26. MENU
Cách căn chỉnh trên IE6 & 7
CSS:
body {font:1em verdana, arial, sans-serif;}
div#listcontainer {border:1px solid #000; width:150px; font-size: .75em;
margin:20px;}
ul {border:0; margin:12px 20px 10px 1.25em; padding:0; list-style-type:none;
border-top: 2px solid #069}
li {border-bottom:2px solid #069; margin:0; padding: .3em 0; text-indent: .5em}
Cách căn chỉnh trên IE6 & 7
Bài 6 - Thiết kế các thành phần giao diện
CSS:
body {font:1em verdana, arial, sans-serif;}
div#listcontainer {border:1px solid #000; width:150px; font-size: .75em;
margin:20px;}
ul {border:0; margin:12px 20px 10px 1.25em; padding:0; list-style-type:none;
border-top: 2px solid #069}
li {border-bottom:2px solid #069; margin:0; padding: .3em 0; text-indent: .5em}
29. DROP-DOWN MENU
Ứng dụng rộng rãi trên nhiều website
Đáp ứng được việc hiển thị nhiều nội dung chuyển
hướng
Thiết kế phong phú
Ứng dụng rộng rãi trên nhiều website
Đáp ứng được việc hiển thị nhiều nội dung chuyển
hướng
Thiết kế phong phú
Bài 6 - Thiết kế các thành phần giao diện
31. DROP-DOWN MENU
CSS:
#multi_drop_menus li { border:2px solid blue; list-style-
type:none;float:left;position:relative;}
#multi_drop_menus li ul { position:absolute; width:7em;}
#multi_drop_menus li ul li{width:100%;}
#multi_drop_menus { behavior:url(../../lib/js_tools/csshover.htc); font-family:lucida,
arial, sans-serif; border:1px solid #686;float:left;}
#multi_drop_menus li ul { position:absolute; width:7em;display:none;}
#multi_drop_menus li:hover ul {display:block;}
#multi_drop_menus li:hover ul {display:block;}
CSS:
Bài 6 - Thiết kế các thành phần giao diện
#multi_drop_menus li { border:2px solid blue; list-style-
type:none;float:left;position:relative;}
#multi_drop_menus li ul { position:absolute; width:7em;}
#multi_drop_menus li ul li{width:100%;}
#multi_drop_menus { behavior:url(../../lib/js_tools/csshover.htc); font-family:lucida,
arial, sans-serif; border:1px solid #686;float:left;}
#multi_drop_menus li ul { position:absolute; width:7em;display:none;}
#multi_drop_menus li:hover ul {display:block;}
#multi_drop_menus li:hover ul {display:block;}
32. DROP-DOWN MENU
HTML:
<div id="multi_drop_menus">
<ul>
<li><a href="#">Item 1</a>
<ul>
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 1b</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
</ul>
</div>
HTML:
Bài 6 - Thiết kế các thành phần giao diện
<div id="multi_drop_menus">
<ul>
<li><a href="#">Item 1</a>
<ul>
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 1b</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
</ul>
</div>
33. TỔNG KẾT
Thành phần (component) là những đối tượng
thường xuyên được sử dụng trên trang web:
Menu & List
Bảng danh sách
Form
Các thành phần được định sẽ sẽ có dáng vẻ chuyên
nghiệp hơn, cũng như thu hút sự chú ý
Trong mỗi thành phần đều có những thuộc tính
riêng biệt
Sử dụng những giá trị block, none của thuộc tính
position để phân cấp menu dropdown
Thành phần (component) là những đối tượng
thường xuyên được sử dụng trên trang web:
Menu & List
Bảng danh sách
Form
Các thành phần được định sẽ sẽ có dáng vẻ chuyên
nghiệp hơn, cũng như thu hút sự chú ý
Trong mỗi thành phần đều có những thuộc tính
riêng biệt
Sử dụng những giá trị block, none của thuộc tính
position để phân cấp menu dropdown
Bài 6 - Thiết kế các thành phần giao diện