BÀI 1 NGÀY 19.10.2007 JACKIE ĐÔ HƯỚNG BẠN CÓ THỂ MUA DỈA TẠI

• NAM HOÀNG 217 Nguyễn văn Cừ ( Cổng Đại Học KHTN ) ĐT 8395.967 – 0903.397.605 – Sách giảm 25 -30% , Dỉa Soft mới nhiều giá 6 ngàn . Chuyên sách Tin Học , Tác Giả Nguyễn Trường Sinh – Nguyễn Việt Dũng – Chuyên Đề Sách Đất Việt giàm 1 ngàn . Không phải quảng cáo dùm , bạn nào biết chổ rẻ hơn chỉ dùm . Cám ơn. Vô Download về : http://www.microsoft.com/expression/products/download.aspx?key= web Download ( 3 Part) http://www.mediafire.com/download.php?4rc5tn6y4zg http://www.mediafire.com/download.php?6jxogz7tr0m http://www.mediafire.com/download.php?1md0eczpb9v Microsoft Office Enterprise 2007:F3DJD-6FFQ4-XQTQF-PGK478MDQ8Microsoft Office Visio\Project Professional 2007: HCFPT-K86VV-DCKH3-87CCR-FM6HW Microsoft Expression Web: DDWJC-VFGHJ-7GFK6-9QK3D-PFTHW Đây là key của phần mềm Microsoft Expression Web Designer 2007 (DDWJC-VFGHJ-7GFK6-9QK3D-PFTHW). have fun!

I.TỔNG QUÁT : Nguôn : http://www.softvnn.com/forums/showthread.php?t=20 395&highlight=EXPRESSION+WEB Microsoft Expression Web Designer 2007 Tạo website theo cách của bạn 1

Expression Web là một công cụ thiết kế chuyên nghiệp để tạo những trang web hiện đại, tiêu chuẩn, với chất lượng tuyệt vời . Kỷ nguyên mới, công cụ mới Giảm bớt sự phức tạp và đơn giản sự tích hợp dữ liệu bằng cách sử dụng công cụ thiết kế và khung task mạnh mẽ để nhanh chóng kết hợp các dữ liệu XML. Tích hợp hoàn hảo Web design and development teams với Expression Web và sự hỗ trợ tuyệt vời của Visual Studio cho XML, ASP.NET và XHTML. Làm đẹp cả bên trong lẫn bên ngoài Khám phá các ý tưởng sáng tạo của bạn và mang websiter của bạn đến với cuộc sống với chức năng thiết kế CSS đồ sộ. Công cụ thiết kế trực quan, khung task chuyên biệt, và thanh công cụ cho bạn sự kiểm soát chính xác layout và định dạng của trang. Linh hoạt với nhiều tiêu chuẩn Xây dựng 1 trang web động và có tính tương tác để khai thác sức mạng của web, cung cấp chất lượng tuyệt vời. Hỗ trợ cho các tiêu chuẩn web ngày này, giúp cho việc tối ưu trang web của bạn trở nên dễ dàng hơn cho việc truy cập và tính tương thích với nhiều trình duyệt

CHỨC NĂNG Trang web tiêu chuẩn Tạo website dựa trên CSS-based, XHTML 1.0 Transitionalconforming mặc định. Hoạt động tốt với nhiều trình duyệt, đơn giản hóa việc sử dụng và duy trì. Tinh chỉnh linh hoạt các thiết lập để hỗ trợ mọi sự kết hợp của HTML, XHTML, Strict, Transitional, Frameset và CSS 1.0, 2.0, và 2.1 cộng với schema cụ thể của trình duyệt. Hợp lệ hóa trang web của bạn với việc báo cáo tương thích và khả năng truy cập, và ngược lại. Layout và định dạng dựa trên CSS-based Tạo layout hiện đại với công cụ thiết kế bề mặt cao cấp. Quản lý trực tiếp vị trí, kích thước, lề và bề mặt. Engine render CSS tích hợp giúp bạn tự tin quyết định thiết kế mọi lúc. Thử CSS style trên trang web với việc kéo và thả. Sử dụng dữ liệu Tạo và định dạng việc duyệt dữ liệu XML tiêu chuẩn bằng cách sử dụng công cụ kéo và thả để cho việc xem xét nhanh chóng hơn. XPath Expression Builder cho phép bạn tạo các query phức tạp, và XSL Transform (XSLT) cho phép bạn sự linh hoạt để trình bày dữ liệu theo bất cứ cách nào bạn muốn. Dữ liệu XML có thể được lấy và trình bày qua RSS feeds Công nghệ server mạnh mẽ Khai thác sức mạng của ASP.NET 2. để chuyển trang web của bạn sang 1 ứng dụng web động và có tính tương tác. Không cần phải nối các đoạn mã, hỗ trợ tích hợp cho server và sự điều khiển của người dùng. Chèn và tinh chỉnh ASP.NET nhanh chóng với hộp công cụ điều khiển, controls is a snap with the controls 2

toolbox, "lưới" thuộc tính, và menu thao tác theo sự điều khiển Dịch bởi alienznus softvnn.com

THIẾT KẾ WEB HTML ĐƠN GIẢN 1 I.Nhập Text : 1. Mở chương trình Expression Web > File > New > HTML. 2. Gỏ : THIẾT KẾ WEB HTML ĐƠN GIẢN 1 3. Bạn Format cho Hàng chữ vừa gỏ : • Hàng Công cụ : Unordered List chọn : Heading 1

• Default Font chọn : Arial , Helvetiac , sans -serif. • Nhấp Bold . • Nhấp Center . • Font Color chọn màu xanh. • Trong lúc gỏ văn bản nầy bạn sử dụng Nút Nubering và Bullets..Dùng Phím Enter để xuống hàng nhập tiếp Text.Tóm lại gỏ Text giống như Word 2007.

II.CHÈN HÌNH : Chọn hình khoảng dưới 50 KB thì vừa. 1. Nhấp vị trí chèn hình > Insert > Picture > From File > Đến nơi lưu Hình , ở đây là Desktop > Nhấp lên hình muốn chèn > Insert > Ra bảng Accessibility Properties > Hàng Alternate Text nhập tên hình > Long Description nhập mô tả hình > Ok . Mục đích nhập chi tiết hình để khi trỏ đến sẽ hiện ra mô tả hình và khi Save as Images sẽ có Mô tả hình. 2. Sử dụng các Nút dể dịnh vị trí cho hình > Bạn có thể rê các Hình vào vị trí mới > Rê nút bìa để làm hình lớn nhỏ. 3. Save : File > Save As > Chọn Desktop > File name nhập : ExpressionWeb1 > save > ra bảng Save Embedded File > Ok. 4. Ra Desktop > Nhấp lên File ExpressionWeb1 > Hiện ra nội dung Trang Web .(H4).

3

III.CHÈN TEXT : Sử dụng phím Window+E để đến nơi lấy Text Copy > Paste vào vị trí đã nhấp con trỏ.

IV.THIẾT KẾ WEB HTML TRONG NOTEPAD : 1. Nếu bạn không có Chương Trình Expression Web 2007 ( Trước đó là Front Page 2003 ) thì khi bạn muốn thiết kế Web HTML bạn phải sử dụng NotePad đề nhập nội dung cùng với các Thẻ TAG và các Code của chương trình HTML vào . Thật là vô cùng rắc rối , mất nhiều thời gian , gỏ sai 1 tí xíu đạt 99.99% cũng không được mà phải đúng cú pháp 100% nếu không thì nó chẳng hiện ra Trang Web nào cả. 2. Các tay lập trình chuyên nghiệp dùng ngôn ngữ HTML và nhiều ngôn ngữ khác để viết ra các chương trình thực dụng như Word – Front Page hay Dreamweaver .v.v…chẳng hạn . Còn bạn và tôi là những người mới bước chân vào thiét kế Web thì cũng nên tìm hiểu sơ qua ngôn ngữ HTML như thế nào . Nếu học hết các Code , các Tag và cách nhập từng cú pháp tôi e rằng đến vài chục năm cũng không ổn hết được vì vậy có lẽ các bạn cùng tôi nên Thiết kế Web bằng Chương trình Front Page 2003 hay Dreamweaver , còn bây giờ cùng nhau tìm hiểu và thiết kế Web HTML bằng Chương Trình mới ra lò chưa công bố trên Mạng của Bộ Microsoft Office 2007 . Đó là Expression Web kế thừa Front Page 2003 . Expression Web đổi mới giao diện hoàn toàn và rất trực quan giống các Chương trình khác trong bộ 2007 của Microsoft . Nếu các bạn thao tác quen rồi thì nó rất dễ dàng cho bạn nhập liệu mà không mất thời gian nhiều. 3. Bạn muốn diễn đạt nội dung giống như trên trong trang Web HTML , thay vì bạn phải mở NotePad để nhập từng TAG , từng Code , bạn sử dụng Chương Trình Expression Web , nhập nội dung như nhập Word vậy trong Tab Design . 4. Nhấp Nút Code đáy trang > Copy Nội dung Trang Code nầy > Mở NotePad > Paste vào .

4

5. File > Save As > Chọn Desktop > File name nhập : web1.html > Save As Type chọn All Files > Encoding chọn UTF-8 > Save . 6. Ra Desktop đã có File web1.html > Nhấp lên > Hiện ra nội dung Trang Web bạn vừa thiết kế. (H2)

7.Điều quan trọng tôi muốn nhấn mạnh là : Tôi là một tay ngang không có học trường lớp nào cả , chỉ học lóm của Jackie Đô hướng dẫn , tham khảo trên mạng và trong các tài liệu liên quan . Trước khi viết bài Thiết kế Web Expression Web tôi đã lục tung các Nhà sách hiện nay chưa có xuất bản và rất hiếm hoi khi nhắc đến Expression Web trên Mạng . Do đó rất có nhiều thiếu sót và nhiều cái sai trong bài viết nầy mong các bạn cao thủ thứ lỗi . Tôi ví tôi như một tên dốt dạy những người mù học . Hy vọng với lòng tốt , nhiệt tình muốn truyền đạt cho các em Việt Nam hiếu học , chuyên cần có tài liệu dễ hiểu để học tập thì có lẽ các bạn cũng sẵn sàng bỏ lỗi . utbinh rất mong các bạn cho ý kiến đóng góp chân thành giúp utbinh hoàn thiện giáo án nầy . Đa tạ.

5

CÁC BÀI SẮP VIẾT : TẠO WEB HTML BẰNG EXPRESSION WEB 2007

• • • • • • • •

Chèn Chèn Chèn Chèn Chèn Chèn Chèn Chèn

Hyperlink. Nhạc. Hình. Table. Java Scripts. Chart. Video Clip. Form.

NGÀY 19.10.2007 : 1.EXPRESSION WEB : Thiết kế Web HTML Đơn Giản 1. [img]http://utbinh.com/OCT/19107B/expressionweb1.jpg[/img] http://utbinh.com/OCT/19107B/expressionweb1.jpg http://utbinh.com/OCT/19107B/expressionweb1.doc DOC 1080 KB – JPG 1110 KB Kết quả thực tập : http://utbinh.com/OCT/19107B/ExpressionWeb1.htm http://utbinh.com/OCT/19107B/web1.html http://utbinh.com/OCT/19107B/CodeWeb1.doc Bài đọc thêm : http://utbinh.com/OCT/19107B/MicrosoftExpression.docx(355KB) http://utbinh.com/OCT/19107B/MicrosoftExpression.doc(396KB)

6