SITE160308 : THIẾT KẾ WEB
THEO MẪU DREAMWEAVER TEMPLATES
Main
-Bài 31 DOC
-Bài 32 DOC
-Bài 31 PDF
-Bài 32 PDF
Affiliates
- Kết Quả ThựcTập1
- Kết Quả ThựcTập2
- Kết Quả ThựcTập3
- Kết Quả ThựcTập4
- Kết Quả ThựcTập5
Misc
-30 Bài Dreamwearver
-Kết Quả ThựcTập6
-Việt Báo
-Dân Trí
-Tìm hiểu Bệnh
-Bạn thử vào Google.com.vn nhập từ khóa : hình utbinh > Enter . Sẽ cho bạn nhiều bất ngờ , thú vị .
Host
Layout By
CÁM ƠN CÁC BẠN ĐÃ VÀO XEM TRANG WEB NẦY . NỘI DUNG BÀI VIẾT NẦY HƯỚNG DẪN CÁC BẠN CÁCH TẠO 1 WEBSITE LẤY TỪ NGUỒN DOWNLOAD VỀ LÀ DREAMWEAVER TEMPLATES DO TÁC GIẢ UPLOAD LÊN BẰNG HOST FREE MEDIAFIRE.
- -Nhập VIỆT BÁO > Bôi đen > Hàng Link trong HKS Properties, nhập URL của Việt Báo > Enter.
- -Bôi đen các Từ vừa nhập > Nhấp Phải lên > Paragraph Format > Chọn None để cho các hàng khít lại .
- -Trong HKS Properties , Size chọn 2 >Bold > Font chọn : Arial .
- -Menu Modify , Page Properties > Visited Links chọn màu Vàng - Active Links chọn màu Xanh > Apply > Ok .
- -Tạo liên kết cho từng Text đã nhập theo bước 1.
- -Ctrl+Shift+S > Enetr > Enter > Phím F12 để xem Preview.
- Nhấp lên từng Link để kiểm lại.
PHẦN LỚN THIẾT KẾ WEB LÀ : BỔ SUNG , CHỈNH SỬA VÀ TẠO KIỂU CHO VĂN BẢN . VĂN BẢN GỒM CÓ : CẤU TRÚC VÀ TÍNH THỂ HIỆN CỦA NÓ .
- CÁC PHẦN TỬ CỦA CẤU TRÚC : ĐOẠN VĂN – TIÊU ĐỀ - DANH SÁCH VÀ CÁC THÀNH PHẦN TƯƠNG TỰ .
- TÍNH THỂ HIỆN : FONT CHỮ - KÍCH THƯỚC FONT CHỮ - MÀU VĂN BẢN . . .LÀM CHO TRANG TRÔNG HẤP DẪN HƠN .
I.BỔ SUNG VĂN BẢN :
- Một đoạn văn : Ví dụ : <p> utbinhdesign chào mừng các bạn viếng thăm Trang Web </p> . Văn bản nầy dài bao nhiêu chữ cũng được được bao quanh bởi Thẻ HTML . Thẻ mở <p> và Thẻ đóng </p> để cho Trình Duyệt hiểu đây là 1 đoạn văn. (H1).
- Chế độ xem : Trong chế độ design bạn sẽ không thấy Thẻ Tag nầy . Bạn chỉ xem ở chế độ Code .Khi bồ sung vào Trang Web đoạn văn , Dreamweaver sẽ tự động bao quanh văn bản với thẻ <p> và </p> khi bạn nhấp Phím Enter.Cách thức chèn văn bản : Chế độ design , nhấp vào Trang cần bổ sung văn bản > Nhập văn bản vào .Cách chọn văn bản :Kéo rê chọn văn bản .Nhấp lên 1 Từ đầu văn bản > Giữ Phím Shift > Di chuyển đến cuối văn bản cần chép > Nhấp lên > Đã chọn xong khối văn bản .Giữ Shift > Di chuyển tiếp > Nhấp lên cuối từ đoạn cần chép bổ sung > đã chọn xong khối bổ sung .
- Ctrl+A chọn hết văn bản.
II.CẮT , SAO CHÉP VÀ DÁN VĂN BẢN :
Khi dán văn bản vào Trang Web , Định dạng của Dreamweaver vẫn được duy trì . Dreamweaver cũng cho phép bạn duy trì định dạng gốc của bản Copy bằng cách sử dụng Paste Special .
- Để chọn văn bản cần Cắt , chọn Edit > Cut (Ctrl+X).Để Copy , Chọn văn bản cần Copy > Edit > Copy .(CTRL+C) . Văn bản được đặt vào Clipboard.Dán văn bản thông thường :Nhấp tại 1 điểm cần chèn> Edit > Paste . (Ctrl+V).Nếu bạn Copy 1 đoạn mả nguồn HTML , chọn chế độ Code > Dán nơi cần > Dreamweaver sẽ hiển thị định dạng văn bản thích hợp .
- Bạn có thể sử dụng phím Tắt : Ctrl+Z ( Edit > Undo ).- Ctrl+Y ( Edit> Redo ).
III.KÉO VÀ THẢ VĂN BẢN : Nếu muốn di chuyển văn bản từ nơi nầy sang nơi khác , bạn kéo và thả sẽ nhanh hơn .
- Chọn văn bản > Để con trỏ lên văn bản > Rê văn bản ( Nhấp Phải và rê con chuột ) đến vị trí mới . Vị trí cũ biến mất đoạn văn bản .
- Bạn giữ Ctrl và rê văn bản đến vị trí mới . Vị trí cũ vẫn còn văn bản và vị trí mới đã có thêm văn bản vừa rê đến .
Contact Me: http://utbinh.com/forums/index.php
Thanks.
utbinhdesign
utbinhdesign@gmail.com
---------------------------
IV.SỬ DỤNG PASTE SPECIAL : LỆNH DÁN ĐẶC BIỆT .
Có thể bạn sẽ sử dụng thường xuyên lệnh nầy để dán văn bản từ Word hoặc Excel sang mà vẫn duy trì được định dạng có sẵn của văn bản .
Các tùy chọn :
- Text Only : Các định dạng và dấu hiệu bị loại bỏ .
- Text With Structure : Duy trì cấu trúc ( Đặc biệt các Tab Đoạn văn và danh sách ) nhưng loại bỏ những định dạng văn bản khác.
- Text with Structure Plus basic Formatting : Giữ nguyên văn bản và cấu trúc , in đậm và in nghiêng .
- Text with Structure Plus full formatting : Giữ nguyên văn bản , cấu trúc và kiểu từ hồ sơ gốc ( kể cả dán đồ họa ) . (H2).
Bạn mở site150208 > Dán 1 đoạn văn bản có đồ họa vào > Phìm F12 để Preview > Nhập tên trang mới là : PAGÈ.html > Enter.
IV.ÁP DỤNG CÁC TIÊU ĐỀ :
Tiêu đề hiển thị ở dạng In đậm gồm có 6 cấp độ :
- Cách thức áp dụng Tiêu đề : Nhấp vào dòng cần thay đổi > Thực hiện 1 trong những cách sau đây :
- Chọn Text > Paragrap Format > Chọn Heading. . .
- Ctrl+1 cho Tiêu đề 1 , Ctrl+2. . .
- Menu Format trong HKS Property > Nhấp vào 1 Nút Tiêu đề . (H3).
- Cách thức biến văn bản thành văn bản đoạn văn : Nhấp vào dòng cần thay đổi > Thực hiện 1 trong 2 cách :
- Text > paragraph Format > Paragraph.
- Ctrl+Shift+P.
- Cách thức loại bỏ định dạng Tiêu Đề : Nhấp vào dòng cẩn thay đồi > Thực hiện 1 trong 2 cách sau đây:
- Chọn Text > Paragraph Format > None .
- Ctrl+0 ( Số 0 ) . (H4).
- Trong HKS Property , Menu Format sẽ biến thành None.
IV.ÁP DỤNG CÁC ĐỊNH DẠNG KÝ TỰ .
Định dạng Ký tự là kiểu áp dụng cho từ ngữ và Ký Tự thay vì áp dụng cho các Khối như Đoạn văn . Định dạng nầy gồm có : Thay đỗi loại Font – Kích thước Font – Màu Font .
Kể từ Dreamweaver MX 2004 đến Dreamweaver 8 đã loại bỏ định dạng áp dụng lỗi thời nấy ( Sử dụng Thẻ Font của HTML ) mà tập trung sử dụng kiểu CSS.
Thay đổi nầy diễn ra bên trong hậu trường ở chế độ Code vì thế chúng ta không nhận ra những thay đổi nầy . Xem chế độ Code sẽ thấy rõ hơn . (H5).
V.THAY ĐỔI LOẠI VÀ KÍCH THƯỚC FONT CHỮ :
- Dreamweaver Sử dụng 1 kết hợp Fone chữ ( Gồm có các Font : Arial – Helvetica - Geneva ) và trình duyệt sử dụng sẽ lựa chọn Font đầu trên là Arial, rồi Font kế tiếp Helvetica, rồi Geneva. Nếu không có sẵn 3 Font trên trong máy bạn, trình duyệt sẽ thể hiện bất kỳ Font chữ nào được cài đặt mặc định trong thông số của trình duyệt.
- Cách chọn Font: HKS Property > Font > Menu Font bật lên > chọn 1 kết hợp Font .
- HKS Property: Dreamweaver có những đặc điểm xử lý Font chữ của HTML và CSS cho phép người dùng chọn:
- Font: Chọn 1 kết hợp Font .
- Size: Kích thước Font và đơn vị .
Tất cả đều cái đặt dưới dạng kiểu CSS.
- Thiết lập Font chữ .
- Chọn văn bản cần chỉnh sửa .
- Chọn 1 kết hợp Font .
- Các Font chữ sau đây hầu hết đều có cài đặt sẵn trong máy tính : Arial – Courier – Georgia – Helvetica – Times New Roman – Verdana và Trebuchet (H5) .
VI.TẠO DANH SÁCH FONT CHỮ RIÊNG :
Các bạn có thể tạo , chỉnh sửa và tạo Font chữ tích hợp mới.
- Chỉnh sửa danh sách Font chữ :
- Chọn Text > Font > Edit Font List .
- Thực hiện 1 trong những cách sau:
- Để bổ sung: Nhấp dấu + > Nhấp nút nhấp mũi tên trong mục Available Fonts > Chọn các Font chữ để di chuyển chúng vào danh sách Chooses Fonts.
- Chọn 1 kết hợp Font chữ trong Font List > Nhấp dấu - để lọai bỏ nó.
- Sử dụng nút nhấn mũi tên trên Font List để di chuyển phần kết hợp Font chữ được chọn lên hoặc xuống trong danh sách > OK.
VII.THAY ĐỔI MÀU FONT CHỮ :
Chọn văn bản và thay đổi màu cho văn bản bằng cách áp dụng kiểu CSS cho văn bản. Sử dụng ô màu trong HKS Propertys và hộp chọn màu :
- Chọn văn bản .
- Nhấp ô màu trong HKS Prop > Chọn 1 màu .
VIII.ÁP DỤNG KIỂU VĂN BẢN :
- Chọn văn bản cần thay đổi
- Chọn Text > Style > Strong . (H6) .
IX.SỬ DỤNG VĂN BẢN ĐỊNH DẠNG SẴN :
- Chọn văn bản .
- Thực hiện 1 trong những cách :
- Menu Format bật lên của HKS Prop > Chọn Preformatted .
- Nhấp nút Preformatted Text .
- Text > Paragraph Format > Performatted Text (H7) .
X.BỔ SUNG DẤU NGẮT DÒNG :
Di chuyển con trỏ xuống dòng mà không tạo một đọan văn mới. Trong mã lệnh, Dreamweaver sẽ bổ sung thẻ HTML <br/> vào cuối dòng.
Thực hiện 1 trong 2 cách
- Tại cuối dòng văn bản cần ngắt, nhấn Shift + Enter.
- Tại cuối dòng văn bản cần ngắt, trong nhóm Text của thanh chèn, chọn Line Break từ Menu Charaters bật lên (H8) .
Các dấu ngắt dòng không thể hiện trong D và Trình Duyệt Web. Bạn có thể cho nó hiện ra bằng cách : Edit > Preferences > Nhón Invisible Elements > Nhấp chọn hộp kiểm kế bên Line Breaks > OK. Khi đó, D sẽ hiển thị dấu ngắt dòng trong chế độ Design.
XI.THỤT LỀ VĂN BẢN :
Sử dụng quy tắc thụt lề của CSS. Dreamweaver sẽ sử dụng thẻ HTML <blockquote>. Thẻ này sẽ thụt cả lề trái cà lề phải của khối văn bản được đánh dấu.
- Nhấp đọan văn hoặc phần tử khối cần thụt lề .
- Thực hiện 1 trong những cách
- Nhấp nút Indent trên HKS Prop .
- Trong nhóm Text của thanh chèn, nhấp nút Block Quote .
- Chọn Text > Indent ( Ctrl + Alt + ] )
- Bổ sung thÊm nhiều khỏang cách, nhấp lại nút Indent trên HKS Prop .
- Cách lọai bỏ trích dẫn khối :
- Nhấp đọan văn bản hoặc phần tử khối
- Nhấp nút Oudent trên HKS Prop hoặc chọn Text > Outdent ( Ctrl + Alt + [ )
XII.CANH LỀ VĂN BẢN :
Canh lề văn bản theo lề trái – lề phải – canh giữa .
- Nhấp vào bên trong đọan văn bản .
- Nhấp nút canh lề trong HKS Prop hoặc chọn Text > Align > Left - Center – Right
- Sử dụng các phím tắt: Ctrl + Alt + Shift + L ( Trái )
Ctrl + Alt + Shift + R ( Phải )
Ctrl + Alt + Shift + C ( Giữ )
Ctrl + Alt + Shift + J ( canh đều hòan tòan ) (H9).
---------------------------
COPYRIGHT
© 2003
You may redistribute these layouts as long as you don't
change them in any way!
Otherwise these may only be used for your personal use.
Extra
Everything on this layout can be modifide, you can simply
replace the banner or add to it if you prefer not to use it.
Also the button on the top right can be simply cut and
revised in photoshop or any other graphic programs.
If you like, you can even modify the bars adjacent to the
banner. Have fun with this one, it's one of my favorites.
~ David Miles (www.proeffect.com)