Hiện nay nước ta đang xây dựng và phát triển các khu công nghiệp,khu đô thị, cao ốc … Do đó, ngành công nghệ thông tin không thể nào thiếu và có vai trò rất quan trọng trong quá trình xâ
Trang 1LỜI CÁM ƠN
Báo cáo này là kết quả của quá trình học tập tại Trường Cao Đẳngnghề Công nghiệp Hà Nội trong năm qua
Cùng với sự phát triển của thế giới và xu huớng hội nhập kinh tế quốc
tế, đất nước ta đang dần đổi mới và buớc vào thời kí công nghiệp hoá, hiệnđại hoá, vừa xây dựng cơ sở vật chất, kĩ thuật vừa phát triển nền kinh tế đấtnuớc Hiện nay nước ta đang xây dựng và phát triển các khu công nghiệp,khu đô thị, cao ốc … Do đó, ngành công nghệ thông tin không thể nào thiếu
và có vai trò rất quan trọng trong quá trình xây dựng và phát triển đấtnước.Trước hết em xin giới thiệu về cuốn báo cáo đề tài của mình.Sau baongày thực tập tìm hiểu và được sự hướng dẫn tận tình của của các thầy LêHùng và các thầy cố giáo trong khoa CNTT hướng dẫn em đã hoàn thành đề
án như ngày hôm nay.Đây cũng chính là những gì em học hỏi được và tiếpthu của tất cả mọi người Báo cáo của em viết về Website Hướng Dẫn CàiĐặt WinDows 8.Gồm nhiều trang Tuy nhiên, em cũng đã gặp nhiều khókhăn do vấn đề thời gian và kinh nghiệm đề tài vẫn gặp những vấn đề chưathể khắc phục Em cũng xin chân thành cảm ơn sự giúp đỡ tận tình của thầy
Lê Hùng đã giúp em hoàn thành đề tài một cách tốt nhất Kính mong thầy LêHùng và các thầy cô trong khoa đóng góp những ý kiến để những đợt sauchúng em sẽ hoàn thành nhiệm vụ tốt nhất Em mong rằng cuốn báo cáo nàykhông chỉ đem lại lợi ích cho em mà còn cho tất cả những ai có lòng đam mê
và muốn tìm hiểu về cách làm website.Em mong rằng được sự đóng góp ýkiến của thầy,và tất cả các bạn em sẽ hoàn thiện mình hơn …
Hà Nội ngày .tháng .năm… Sinh viên thực hiện
Nguyễn Văn Hiền
Mục Lục
Trang 2Báo cáo tốt nghiệp
LỜI CÁM ƠN 1
PHẦN 1: GIỚI THIỆU ĐỀ TÀI 5
PHẦN 2: GIỚI THIỆU PHẦN MỀM 7
II Phần Mềm Macromedia Dreamweaver 8 9
PHẦN 3: GIỚI THIỆU TRANG WEB SẢN PHẨM 14
TÀI LIỆU THAM KHẢO 44
[1]- Hướng dẫn thiết kế website - Thông số kỹ thuật Tác giả : Water PC, hà xuất bản : Văn hóa thông tin 44
Trang 3TÀI LIỆU THAM KHẢO
[1]- Hướng dẫn thiết kế website - Thông số kỹ thuật
Trang 4Báo cáo tốt nghiệp
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
………
Trang 5PHẦN 1: GIỚI THIỆU ĐỀ TÀI
I Lý do chọn đề tài
Ngày nay khoa học kỹ thuật trên thế giới nói chung, ở Việt Nam nói riêngđang trên đà phát triển mạnh mẽ và không ngừng nâng cao phát triển về mọimặt Đặc biệt là ngành công nghệ thông tin Để đáp ứng nhu cầu ngày càngcao của con người thì hàng loạt các công ty về máy tính được ra đời và cácứng dụng công nghệ thông tin đang được áp dụng ngày một nhều hơn.Vớicông nghệ hiện đại như ngày nay thì con người dần dần được giải phóng bởinhững công việc nặng nhọc và thay vào đó là những ứng dụng của côngnghệ thông tin ngày một hiện đại và kỹ xảo như các robot, máy tự động, cácphần mềm quản lý và rất nhiều các ứng dụng đang được áp dụng ngoài thựctiễn Hàng năm có rất nhiều máy tính, được bán ra thị trường với số lượnglớn và được các nhà phân bối lớn bán ra, hầu hết người mua thường muatheo bộ (đã lắp ráp sẵn) chính vì thế rất nhiều người không biết cách lắp rápmột máy tính hoàn chỉnh như thế nào Nhận thức được tầm quan trọng củavấn đề đó nên em đã chọn đề tài báo cáo: “Thiết kế website Cài ĐặtWindows 8” mong sẽ có nhiều người biết đến
Với một ý nghĩa thiết thực giụp mọi người biết đến trang web như mộtđịa chỉ quen thuộc, mọi người có thể tìm kiếm thông tin, tin học giải đápnhững thắc mắc hay những vấn đề cần thiết liên quan tới Công Nghệ ThôngTin một cách nhanh nhất và hiểu quả nhất
Trang 6Báo cáo tốt nghiệp
Trang 7và được gọi chung bằng tên trang web
Các thẻ HTML(HTML Tags)
• Các thẻ HTML là các từ khóa được bao quanh các dấu ngoặc vuông
ví dụ như <html>
• Thông thường đi theo cặp như <body></body>
• Thẻ đầu tiên được gọi là thẻ mở đầu, thẻ còn lại là thẻ kết thúc Nó cũng có thể được gọi là thẻ mở và thẻ đóng.
• Thẻ kết thúc viết giống với thẻ đầu tiên, chỉ có điều nó nó có dấu”/” ngay sau”<”.
Trang 8Báo cáo tốt nghiệp
Là các chương trình duyệt web, nó đọc các định dạng HTML và hiển thị rathành các trang web Các trình duyệt sẽ không hiển thị các thẻ HTML, nódùng các tag ấy để quyết định cách thức hiển thị nội dung trang web
Cấu trúc một trang web HTML
Trang 9II Phần Mềm Macromedia Dreamweaver 8
1. Giới thiệu về Macromedia Dreamweaver 8
Macromedia Dreamweaver 8 là trình biên soạn HTMl chuyên nghiệpdùng để thiết kế, viết mã và phát triển website cùng các trang web và cácứng dụng web Cho dù bạn có thích thú với công việc viết mã HTML thủcông hoặc bạn thích làm việc trong môi trường biên soạn trực quan,Dreamweaver cung cấp cho bạn những công cụ hữu ích để nâng cao kinhnghiệm thiết kế web của bạn
Các tính năng biên soạn trực quan trong Dreamweaver cho phép bạn tạonhanh các trang web mà không cần các dòng mã Bạn có thể xem tất cacrcác thành phần trong website của bạn và kéo chúng trực tiếp từ một panel dễ
sử dụng vào 1 văn bản Bạn có thể nâng cao sản phẩm của bạn bằng cách tạo
và sửa các ảnh trong Macromedia Fireworks hoặc trong ứng dụng ảnh khác,rồi sau đó chèn trực tiếp vào Dreamweaver Dreamweaver cũng cung cấpnhững công cụ giúp đơn giản hóa việc chèn Flash vào trang web
Bên cạnh những tính năng kéo và thả giúp xây dựng trang web của bạn,Dreamweaver còn cung cấp một môi trường viết mã đầy đủ chức năng baogồm các công cụ viết mã (như tô màu mã, bổ sung thẻ tag, thanh công cụ mã
Trang 10Báo cáo tốt nghiệp
và thu bớt mã) và nguyên liệu tham chiếu ngôn ngữ trong Cascading StyleSheets (CSS), JavaScript, ColdFusion Markup Language (CFML) và cácngôn ngữ khác Công nghệ Macromedia Roundtrip HTML nhập các văn bảnHTML viết mã thủ công mà không định dạng lại mã; khi đó bạn có thể địnhdạng lại mã với phong cách định dạng của riêng bạn
Dreamweaver cũng cho phép bạn xây dựng các ứng dụng web động dựatheo dữ liệu sử dụng công nghệ máy chủ như CFML, ASP.NET, ASP, JSP, vàPHP Nếu sở thích của bạn là làm việc với dữ liệu XML, Dreamweaver cungcấp những công cụ cho phép bạn dễ dàng tạo các trang XSLT, chèn fileXML và hiển thị dữ liệu XML trên trang web của bạn
Dreamweaver có thể tùy biến hoàn toàn Bạn có thể tạo cho riêng mìnhnhững đối tượng và yêu cầu, chỉnh sửa shortcut bàn phím và thậm chí viết
mã JavaScript để mở rộng những khả năng của Dreamweaver với nhữnghành vi mới, những chuyên gia giám định Property mới và những báo cáosite mới
việc để tiện cho thiết kế và tạo lập 1 trang web ta sử dụng phần mềm hỗ trợngôn ngữ để thiết kế thuận tiện nên ta sử dụng phần mềm MacromediaDreamweaver 8 bạn có thể tải về phiên bản mới nhất của phần mềmMacromedia Dreamweaver 8 tại trang chủ http://macromedia-dreamweaver.soft32.com/
Cách cài đặt Macromedia- dreamweaver 8
chọn file dreamweaver8-en.exe trong thư mục dreamweaver của đĩa
CD hoặc USB
Trang 11Chọn next
Chọn accept và NEXT
Trang 12Báo cáo tốt nghiệp
Chọn Create shortcut và NEXT
Trang 13Chọn Select all hoặc sử dụng php để lập trình web động và javascript để tạp kịch bản
và NEXT
Chọn INSTALL để bắt đầu cài đặt
Trang 14Báo cáo tốt nghiệp
Chọn Launch Macromedia Dreamweaver 8 và FINISH
PHẦN 3: GIỚI THIỆU TRANG WEB SẢN PHẨM
I Giới thiệu trang web
1 Giới thiệu giao diện trang web
Trang web này là sản phẩm do em tạo ra, với mục đích giúp mọi người có thêm kiến thức về tin học,hoặc các sản phẩm liên quan tới tin học Trang web sẽ giới thiệu cho mọi người các mặc hàng về điện tử viện thông, như phụ kiện laptop, linh kiện máy tính, âm thanh, thiết bị nhớ dữ liệu, của các hãng nỗi tiếng Ngoài ra mọi người có thể giải đáp các thắc mắc về các vấn
đề liên quan tới tin học Trong mục “kiến thức tin học”
Trang 15( Hình ảnh trang Werb )
Sau đây em xin giới thiệu giao diện và nội dung của trang web.phần thứnhất là các thanh menu gồm có:
Trang chủ:
Trang 16Báo cáo tốt nghiệp
<td width="130">
<a href="trangchu.html" target="_top"
onclick="MM_nbGroup('down','group1','trangchu','',1)"
onmouseover="MM_nbGroup('over','trangchu','Menu/
Trang chu2.jpg','',1)" onmouseout="MM_nbGroup('out')">
<img src="Menu/Trang chu.jpg" alt="" name="trangchu"
width="130" height="50" border="0" id="trangchu" onload="" />
</a>
</td>
Giới thiệu:
Trang 17<ahref="gioithieu.html"target="_top"onclick="MM_nbGroup('down','group1','gioithieu','',1)"
onmouseover="MM_nbGroup('over','gioithieu','Menu/gioithieu2.jpg','',1)
"onmouseout="MM_nbGroup('out')"><img src="Menu/gioithieu.jpg"alt="" name="gioithieu" width="130" height="50" border="0"id="gioithieu" onload="" />
</a>
</td>
Trang 18Báo cáo tốt nghiệp
Trang 19Chính sách:
<td width="130"><a href="chinhsach.html" target="_top"
onclick="MM_nbGroup('down','group1','chinhsach','',1)"
onmouseover="MM_nbGroup('over','chinhsach','Menu/chinhsach2.jpg','',1)"onmouseout="MM_nbGroup('out')"><img src="Menu/chinhsach.jpg" alt=""name="chinhsach" width="130" height="50" border="0" id="chinhsach" onload="" /></a></td>
Trang 20Báo cáo tốt nghiệp
Tìm kiếm:
Trang 22Báo cáo tốt nghiệp
width="200" height="40" border="0" id="Image10" /></a></td> </tr>
<tr>
<td width="183"><a href="man hinh may tinh LCD.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image11','','Menu/manhinh2.jpg',1)"
Trang 23><img src="Menu/manhinh.jpg" name="Image11" width="200" height="40" border="0" id="Image11" /></a></td>
<img src="Menu/=====.jpg" name="Image20" width="200"
height="30" border="0" id="Image20" /></a></td>
><img src="Menu/linhkien.jpg" name="Image12" width="200"
height="40" border="0" id="Image12" /></a></td>
width="200" height="40" border="0" id="Image13" /></a></td> </tr>
Trang 24Báo cáo tốt nghiệp
<tr>
<td width="183"><a href="thiet bi mang.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image14','','Menu/thietbimang2.jpg',1)"><img src="Menu/thietbimang.jpg" name="Image14"
width="200" height="40" border="0" id="Image14" /></a></td> </tr>
<tr>
<td width="183"><a href="#"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image15','','Menu/thietbinghenhin2.jpg',1)"><img src="Menu/thietbinghenhin.jpg" name="Image15" width="200" height="40" border="0" id="Image15" /></a></td> </tr>
<tr>
<td width="183"><a href="thiet bi van phong.html"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image16','','Menu/thietbivanphong2.jpg',1)"><img src="Menu/thietbivanphong.jpg" name="Image16" width="200" height="40" border="0" id="Image16" /></a></td> </tr>
<tr>
<td width="183"><a href="#"
onmouseout="MM_swapImgRestore()"
Trang 25<img src="Menu/=====.jpg" name="Image19" width="200"
height="30" border="0" id="Image19" /></a></td>
Tin mới đưa:
Trang 26Báo cáo tốt nghiệp
class="style8"><a href="tintuc.html">-Phong cách
tiết kiệm điện của
bàn phím không dây
FUHLEN</a></p></td>
</tr>
<tr>
<td bgcolor="#f2f2f2"><p class="style8"><a
href="tintuc2.html">-Mẫu tai nghe không
dây đầu tiên chạy
Trang 27href="tintuc4.html">-Nhà phân phối
thiết bị mạng TENDA - Giới
thiệu tập đoàn TENDA,
Hãng TENDA</a></p></td>
</tr>
<tr>
<td bgcolor="#f2f2f2"><p class="style8"><a
href="tintuc5.html">-Loa treo trần độc
đáo của Sony</a></p></td>
</tr>
Sản phẩm tiêu biểu:
Trang 28Báo cáo tốt nghiệp
<td><img src="Menu/sanphamtieubieu.jpg" width="213" height="30"/></td>
Trang 29<p><span class="style10">Máy tính
để bàn HP P2-1421L (H4J05AA)</span><br /> <span class="style9">5,599,000 vnđ</span></p></td> </tr>
<span class="style9">9,199,000 vn đ</span></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#f2f2f2"><img
5423-v560838vn mau-bac(1).jpg" width="100" height="100" /> <p><span class="style10">Máy tinh xách tay DELL Inspiron 14z 5423 V560838VN - màu
src="maitinhdeban/tran-anh-may-tinh-xach-tay-dell-inspiron-14z-Bạc</span><br />
<span class="style9">12,999,000 vnđ</span></p></td> </tr>
<tr>
Trang 30Báo cáo tốt nghiệp
<td align="center" valign="top" bgcolor="#f2f2f2"><img
004.jpg" width="100" height="100" />
Trang 31<td width="183" valign="top"><h2 align="center"
class="style4"><span class="style10">CPU i5 - 3450 Ivy Bridge 3.1G/Main H61 Sk1155/DDRam3 2G/HDD 250G =</span> <span class="style9">7.590.000vnđ </span></h2> </td>
</tr>
<tr>
<td align="center"><img hp-p6-2215l-h1n96aa-.jpg.png" width="190" height="200" /></td>
Trang 32src="maitinhdeban/tran-anh-bo-may-Báo cáo tốt nghiệp
<td><img src="maitinhdeban/Gia-ca-may-tinh-de-ban-1.jpg" width="190" height="200" /></td>
Trang 33<td height="1249" valign="top"><table width="610" border="0" cellpadding="0" cellspacing="1">
<td width="198"><p align="center" class="style6"><span
class="style10">Máy tinh xách tay DELL Inspiron 14z 5423 V560838VN - màu Bạc</span><br />
<span class="style9">12,999,000 vnđ</span></p></td> <td width="194"><p align="center"