Thiết kế website lắp ráp máy tính

Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin LỜI CÁM ƠN Luận văn ( đồ án/tiểu luận/báo cáo) kết trình học tập Trường Cao Đẳng nghề Công nghiệp Hà Nội năm qua Với tình cảm chân thành, em xin bày tỏ lòng biết ơn đến quý thầy cô giáo giảng dạy lớp CĐ10QTM2, khao Công Nghệ Thông Tin Trường Cao Đẳng nghề Công nghiệp Hà Nội, bạn lớp CĐ10QTM2 người thân gia đình tận tình giúp đỡ, tạo điều kiện cho em trình học tập hoàn thành đề tài đồ án/luận văn/báo cáo Đặc biệt em xin bày tỏ lòng biết ơn sâu sắc đến thầy Lê Hùng tận tình hướng dẫn, giúp đỡ em nghiên cứu đề tài hoàn chỉnh báo cáo Mặc dù em cố gắng để nghiên cứu đề tài thời gian có hạn tránh khỏi thiếu sót Em mong thầy cô bảo thêm để em hiểu rõ đề tài mà chọn để em có thêm kiến thức hoàn thiện Hà Nội ngày .tháng .năm Sinh viên thực Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin MỤC LỤC PHẦN 1: GIỚI THIỆU ĐỀ TÀI I II Lý chọ đề tài Ý nghĩa PHẦN 2: CÁC PHẦN MỀM SỬ DỤNG I II Ngôn ngữ HTML Tổng quan HTML Phần mềm Macromedia Dreamweaver Giới thiệu Macromedia Dreamweaver Cài đặt phần mềm Macromedia Dreamweaver Giới thiệu công cụ Macromedia Dreamweaver PHẦN 3: GIỚI THIỆU TRANG WEB SẢN PHẨM I Giới thiệu trang web NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………… PHẦN 1: Giới Thiệu Đề Tài Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin I Lý chọn đề tài Ngày khoa học kỹ thuật giới nói chung, Việt Nam nói riêng đà phát triển mạnh mẽ không ngừng nâng cao phát triển mặt Đặc biệt ngành công nghệ thông tin Để đáp ứng nhu cầu ngày cao người hàng loạt công ty máy tính đời ứng dụng công nghệ thông tin áp dụng ngày nhều hơn.Với công nghệ đại ngày người giải phóng công việc nặng nhọc thay vào ứng dụng công nghệ thông tin ngày đại kỹ xảo robot, máy tự động, phần mềm quản lý nhiều ứng dụng áp dụng thực tiễn Hàng năm có nhiều máy tính, bán thị trường với số lượng lớn nhà phân bối lớn bán ra, hầu hết người mua thường mua theo (đã lắp ráp sẵn) nhiều người cách lắp ráp máy tính hoàn chỉnh Nhận thức tầm quan trọng vấn đề nên em chọn đề tài báo cáo: “Thiết kế website Lắp ráp máy tính” mong có nhiều người biết đến Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin II Ý nghĩa Với ý nghĩa thiết thực giụp người biết đến trang web địa quen thuộc, người tìm kiếm thông tin, tin học giải đáp thắc mắc hay vấn đề cần thiết liên quan tới Công Nghệ Thông Tin cách nhanh hiểu Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Phần 2: Giới Thiệu Phần Mềm I HTML Ngôn Ngữ HTML Tổng Quan HTML ngôn ngữ mô tả trang web HTML viết tắt cụm từ Hyper text markup language có nghĩa ngôn ngữ đánh dấu siêu văn bản.HTML ngôn ngữ đánh dấu cách đánh dấu thẻ.Các thẻ mô tả nội dung tài liệu.Các tài liệu HTML chứa thẻ html dòng văn gọi chung tên trang web Các thẻ HTML(HTML Tags) • • • • Các thẻ HTML từ khóa bao quanh dấu ngoặc vuông ví dụ Thông thường theo cặp Thẻ gọi thẻ mở đầu, thẻ lại thẻ kết thúc Nó gọi thẻ mở thẻ đóng Thẻ kết thúc viết giống với thẻ đầu tiên, có điều nó có dấu”/” sau” Trong HT nầy bạn chọn nội dung Folder khác ( Hình ) EXTEND : Mở Rộng • Bạn thêm chức vào Dreaweaver vốn chưa đưa vào cách thực thông qua công nghệ gọi Extensions Extensions phần mềm nhằm mở rộng tính Dreaweaver • Có thể nhận thêm Extensions Macromedia Dreaweaver Exchange Khi nhấp vào chữ :Dreamweaver Exchange.( Xem phần Phụ lục cuối sách ) Trang 14 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin 3.2 Các công cụ cư Có phần : NÚT CODE : Gồm diện mạo Markup Tag ( Thẻ ) Có nhiều người tạo Trang Web đẹp mà chưa sử dụng Khung xem Code.( H1 ) NÚT SPLIT : Có phần Code Design Mã nằm phía Khung xem WYSIWG ( What You See Is You Get ) phía Dùng tìm hiểu Markup , tinh chỉnh Tag xem diện mạo kiểu thiết kế Rê để nới rộng thu hẹp phần nầy.(H2) Trang 15 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin NÚT DESIGN : Nơi bạn nhập liệu Khi xem Trình Duyệt ( Browser ) giống Gọi : What You See Is You Get Là nơi bạn thao tác thực thiết kế Trang Web Bạn xem chế độ : Design – Code – Split.(H3) CÁC LOẠI NÚT PHỤ : Chứa thứ , bạn nhấp lên để tìm hiểu thêm Đáng ý Nút Preview In Browser liên kết đến trình duyệt bạn sử dụng ( H4 ) Trang 16 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin TITTLE : Nhập Tiêu đề Trang Các công cụ khác Khi nhấp Phải Thanh Document hay Thanh Insert , bạn thấy có Thanh bảng nầy : THANH STYLE RENDERING : Bạn sử dụng để chuyển đổi Style Rendering Phần lớn bạn muốn xem Khung Hình mặc định (H5) THANH STANDARD : Khi nhấp Phải để chọn Style Rendering có chức New – Open – Save – Print – Cut – Copy – Paste bạn tắt Insert Thanh Document Để mở lại : View > Toolbars > Chọn STATUS BAR ( Thanh Trạng Thái ): Undo : Ctrl+Z – REDO : CTRL+Y Nhập Text vào Góc đáy bên Trái Bộ Chọn Thẻ ( Tag Selector ): • Nhấp < body > chọn toạn nội dung trang • Nhấp nơi tài liệu > Sẽ Thẻ hành vị trí mà bạn nhấp > Nhấp lên Thẻ nầy > Bạn có liệu Thẻ Properties ( H1) Trang 17 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Góc Đáy Phải : Công cụ Select – Hand – Zoom – Tỉ lệ % hiển thị - Kích cở cửa sổ hiển thị ( Kế bên có nút xổ xuống để chọn Size cửa sổ có sẵn ) – Ô chót : Ước tính thời gian mà trình duyệt Download trang nầy Nếu không thích Ô cuối nầy , bạn thay đổi cách chọn Edit Sizes từ Menu bật lên H2) Trang 18 ... tiễn Hàng năm có nhiều máy tính, bán thị trường với số lượng lớn nhà phân bối lớn bán ra, hầu hết người mua thường mua theo (đã lắp ráp sẵn) nhiều người cách lắp ráp máy tính hoàn chỉnh Nhận thức... nên em chọn đề tài báo cáo: Thiết kế website Lắp ráp máy tính mong có nhiều người biết đến Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin II Ý nghĩa Với ý nghĩa thiết thực giụp người biết... ích để nâng cao kinh nghiệm thiết kế web bạn Các tính biên soạn trực quan Dreamweaver cho phép bạn tạo nhanh trang web mà không cần dòng mã Bạn xem tất cacr thành phần website bạn kéo chúng trực