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-PGK47-

8MDQ8Microsoft 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 Transitional-
conforming 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 <h1>
• 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 Hyperlink.
• Chèn Nhạc.
• Chèn Hình.
• Chèn Table.
• Chèn Java Scripts.
• Chèn Chart.
• Chèn Video Clip.
• Chèn 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)