Báo cáo tốt nghiệp khoa công nghệ thông tin

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 khơng thể tránh khỏi thiếu sót Em mong thầy bảo thêm để em hiểu rõ đề tài mà chọn để em có thêm kiến thức hồ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: Tổng quan HTML I.Giới thiệu HTML II.Chuẩn bị môi trường Tải phần mềm Macromedia Dreamweaver 1.1 giới thiệu Macromedia Dreamweaver Cài Internet Information Services (IIS) Cài đặt Microsoft SQL Server 2005 III Cài đặt Macromedia Dreamweaver Giải nén Tạo sở liệu cho hệ thống Microsoft SQL Server 2005 Tạo tài khoản đăng nhập sở liệu Microsoft SQL Server 2005 Thiết lập quyền hạn Cấu hình IIS(Internet Information Services ) Cấu hình tệp tin “web.config”cho việc cài đặt Cài đặt Macromedia Dreamweaver PHẦN 2: THIẾT KẾ TRANG WEB I.Chuẩn bị nội dung đưa lên trang web Biên tập nội dung 1.1 Nội dung dạng text 1.2 Nội dung hình ảnh 2.Thời gian làm việc Chỉnh Sửa, bỏ thông tin II Hướng dẫn tạo trang web 1.Tạo trang Chèn ảnh Hyperlink siêu liên kết Đặt tên lưu trang III.Module Tổng quan module Thêm module vào trang Di chuyển, Xóa, phục hồi phân quyền sử dụng 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: Tổng quan HTML Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin I.Giới thiệu HTML 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 vng 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” OK Chú ý cài đĩa Windows phải thích hợp với phiên Windows ta dùng Ví dụ bạn dùng Windows XP Service Pack ta phải bỏ đĩa Windows XP Service pack vào cài Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Đợi chút để máy cài IIS vào Khi máy báo cài xong, nhấn Finish Đến ta cài xong IIS Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Cài đặt Microsoft SQLSWerver 2005 Cài Microsoft SQL Server 2005 Nhấn vào file SQLEXPR.EXE Trên hình tiếp theo, đánh dấu vào mục: "I accept the licensing terms and conditions", nhấn Next Trên hình tiếp theo, nhấn Install Trang 10 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Click vào nút Add control Panel Module thêm vào với thiết lập mặc định (được hiển thị control panel) The module will be added with all the default settings (visible in the Control Panel) Các bước thực hiện: với tất lựa chọn Như lựa chọn, bạn thay đổi thiết lập khác control panel trước thêm trang Mội thiết lập lựa chọn Chọn Module từ hộp danh sách rơi xuống Đặt trỏ chuột vào vùng tiêu đề đánh tên Module vào Tên xuất phần tiêu đề module container bạn thêm trang( minh họa) Nếu vùng phía bên trái , tên module (thí dụ ” Text/HTML” đổi) Trang 49 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Chọn Visibility trang từ hộp danh sách rơi xuống Ở có lựa chọn Same AS Page có nghĩa Module hiển thị website người truy cập thấy trang Nếu trang hiển thị rộng rãi module bạn hiển thị Nếu module đòi hỏi cấu hình mà bạn chọn phải Page Editors Only Giữ cho module không hiển thị để không cho phép người truy cập vào sửa đổi Tình trạng hiển thị bị thay đổi Module settings sẵn sàng Chọn ô cửa Skin nơi mà bạn thêm Module vào Nội dung hộp danh sách rơi xuống khác với Skin khác Nội dung ô cửa định người thiết kế skin Theo minh họa thể Skin với ô cửa khác đủ vị trí kích cỡ khác Mộ vài cửa có kích cỡ phù hợp để dành cho mục đích cụ thể.(như hiển thị “minibanner” logo) Trang 50 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Chọn nơi mà muốn chèn module vào (ở đầu giữa) module hiển thị cột ô cửa Nếu module nằm cửa rồi, module thêm vào đầu (như lý thuyết) Nếu cần thiết Module di chuyển sau thêm vào trang Chọn cách mà nội dung xếp module (trái, giữa, phải) Một vài container không cho phép xếp Chọn Add New Module (mặc định) Add Existing Module Nếu bạn chọn thêm vào module hành, trang refresh, module Title vùng thay Control Panel với việc người chọn định trang module hành Đây chức chép từ module hành Khi mà nội Trang 51 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin dung đuợc cập nhật nguyên hay chep, tất thay đổi chép lại Click vào nút Add Control Panel 3.Di chuyển, Xóa, phục hồi phân quyền sử dụng module 3.1 Di chuyển module Bạn di chuyển module từ vị trí sang vị trí khác trang Có thể thay đổi thứ tự module ô cửa di chuyển module từ ô cửa sang cửa khác Bạn di chuyển module từ trang sang trang khác Có cách khác để di chuyển module Bạn dùng lệnh Module Actions Menu bạn dùng Drag&Drop Các bước thực việc di chuyển module Module Actions Menu Hầu module Container sẵn có Module Actions Menu Chúng ta sử dụng lệnh để thay đổi vị trí hai module Text/HTML trang Trang 52 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Đưa chuột vào Module Action Menu cuộn xuống mục menu Move Lệnh Move to ln ln diện khác với skin khác Chỉ dùng Move to cho mổi ô cửa Skin Lệnh di chuyển phụ thuộc vào thay đổi vị trí module Từ ví dụ đặt làvào cột, khơng có lựa chọn di chuyển xuống (chỉ có di chuyển lên) Chọn mục Menu để nhận biết nơi muốn di chuyển Module đến Các bước để thực việc di chuyển Drag& Drop Hầu module sẵn có Drag&Drop nơi mà tiêu đề hiển thị Chúng ta sử dụng Drag&Drop để thay đổi vị trí module Text/HTML trang Nhấp chuột trái giữ chuột cho Title module Bạn ý đến module lộ xung quanh có đường viền ngồi Đường viền ngồi module sẵn sàng di chuyển sang vị trí Trang 53 Báo Cáo Tốt Nghiệp Khoa: Cơng Nghệ Thông Tin Giữ nút chuột trái, di chuyển Module sang ô cửa khác Khi bạn vượt qua ô cửa khác vị trí bật nhất, dấu module thụt xuống vị trí Bỏ chuột cửa sáng lên Ô cửa refresh lại Module vị trí Trang 54 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Các bước để thực việc di chuyển sang trang khác Di chuyển Module từ trang sang trang khác phải làm xong từ trang Module Settings Trỏ chuột vào Module Actions Menu di chuyển vào mục thiết lập Như lựa chọn, nhấp vào Container có hiển thị biểu tượng cho Module Settings Trên trang Module Settings , di chuyển xuống phần Advanced Settings Xóa module Khi Module khơng cần thiết bạn xóa chúng Các bước thực Module Actions Menu Hầu module Container sẵn có Module Action Menu Chúng ta dùng lệnh để xóa module Trỏ chuột xuống Module Actions Menu di chuyển xuống mục Delete 3.2 click chuột trái Click vào OK để xác nhận xóa module Trang 55 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Các bước thực module setting page Bạn xóa Module trang Module Settings Trỏ chuột xuống Module Actions Menu di chuyển xuống mục thiết lập Như lựa chọn, Container hiển thị biểu tượng cho Module Settings click vào Di chuyển vào trang Module Settings nhấp vào nút Delete Trang 56 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Click vào OK để xác định xóa module Chọn trang từ hộp danh sách rơi xuống Move to page để di chuyển Module Click vào update trang Module Settings để di chuyển module sang trang ( để lưu lại thay đổi này) 3.3 phục hồi module bị xóa Trang 57 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Thùng rác nơi mà Module (và Trang) đến bạn xóa chúng Chúng ta phục hồi từ thùng rác thùng rác trống Phục hồi lại module bị xóa tương tự phục hồi trang bị xóa Di chuyển chuột xuống menu Admin chọn Recycle Bin Các bước phục hồi module Chọn Module mà bạn muốn Restore Nội dung danh sách tất module mà bạn xóa từ lúc trước Chọn Page từ hộp danh sách rơi xuống nơi mà bạn muốn Module hoàn lại Module thêm vào định vào nội dung ô cửa mặc định Trang 58 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Click vào nút Restore Module bạn di chuyển từ danh sách module thừng rác( nơi mà Trang chị định) 3.4 phân quyền sử dụng module Đôi bạn không muốn ẩn trang cách phân quyền sử dụng chúng Đơi bạn muốn trang hiển thị đuợc bảo vệ vài Module chứa Đó thật môt điều hữu dụng làm cho người truy cập website bạn họ đánh giá thêm thơng tin họ có đăng ký sau họ đăng nhập Nếu người truy cập website không đánh giá module riêng, đơn giản họ khơng nhìn thấy trang Trang danh cho người truy cập ẩn danh: Trang 59 Báo Cáo Tốt Nghiệp Khoa: Cơng Nghệ Thơng Tin Và sau họ đăng nhập vào… ý Module dường "không xuất hiện" vài module có "xuất hiện" Đó việc thực Module Permission Các bước thực việc thiết lập Module Permissions Chúng ta vừa sử dụng trang hình ảnh ví dụ Các quản trị viên (đó bạn) thấy điều hiển thị tất Module (vì bạn thấy thay đổi thiết lập bạn) Trang 60 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Click biểu tượng thiết lập Module chọn thiết lập từ menu Module Action để thấy thông điệp “ registration required”(chúng ta làm module viewable dành cho người khơng đăng nhập) Nó nằm cửa sổ đầu trang Trang 61 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Check vào chấp nhận cho người sử dụng khơng xác định thấy module Khơng check nhóm khác (chú ý quản trị viên luôn View Module permission) Click vào Update trang để lưu lại thay đổi bạn Bây nhấp vào biểu tượng thiết lập Module chọn thiết lập từ menu Module Actions cho module (chúng ta làm Module viewable dành cho người sử dụng có đăng nhập vào) Bạn cần làm điều cho mội module trang bạn bạn muốn cho người sử dụng có đăng ký dùng Check vào Registered Users cho phép View Module Khơng check vào nhóm khác Click vào Update trang để lưu lại thay đổi bạn Những thông tin thêm Additional Information: Có bốn cách khác để đưa đánh giá Module website bạn Ai người thấy module? Trang 62 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin (1) Administrators: có người sử dụng có quyền quản lý website bạn, thấy module ( người bạn)! Đây thiết lập nên dùng cho module mà bạn thiết lập trình khơng muốn nhìn thấy bạn hồn thành Bạn dùng chức Page Editor Only Visibility selector bạn thêm module giữ riêng chúng bạn sẵn sàng Khi mà Module hiển thị cho quản trị viên website thấy viền đỏ để báo hiệu cho bạn Bạn khơng qn cách để khơng có nhìn thấy ngoại trừ bạn (2) Unauthenticated Users: tất người truy cập thấy module ẩn bạn “Khơng xác thực” có nghĩa người sử dụng khơng đăng nhập họ không đăng ký người sử dụng website bạn Đánh giá điều mang tính cơng chúng nên bạn muốn thấy (3) Registered Users: người sử dụng điền vào mẫu đăng ký website bạn họ có tên sử dụng mật mã họ đăng nhập vào (3) Registered Users: Users that have filled out a Registration form on your website and now have a User Name and Password and have already logged in 4) Nhóm người sử dụng tùy thích: người đăng ký sử dụng mà bạn đặt họ nhóm đặc biệt tạo cho họ mơt "vai trò" (thí dụ”gia đình” “khách hàng”) Để biết thêm nhiều thơng tin nhóm bạn phải đọc hướng dẫn: Manager users Trang 63 ... Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Nhấn Next Nhấn Next Trang 15 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Nhấn Next Click Install để bắt đầu cài đặt Trang 16 Báo Cáo Tốt Nghiệp Khoa: ... cài Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Đợi chút để máy cài IIS vào Khi máy báo cài xong, nhấn Finish Đến ta cài xong IIS Trang Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Cài đặt... 12 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ Thông Tin Khai báo Instance name, chọn Default Instance (Server Name trùng với tên máy) Nhấn Next Nhấn Next cửa sổ Trang 13 Báo Cáo Tốt Nghiệp Khoa: Công Nghệ