Chương 1: Giới thiệu Dreamweaver 18 Hình 1. Bảng kế hoạch xây dựng web - Thêm vào đó, cũng cần tham khảo thêm website của các đối thủ cạnh tranh để học hỏi các ưu, nhược điểm của họ và rút kinh nghiệm cho trang web của mình. Xác định mục đích thiết kế - Bước thứ hai trong kế hoạch xây dựng website là xác định mục tiêu thiết kế web. Website bán hàng sẽ có giao diện, tính năng khác với trang web giới thiệu, tuyển dụng hay chuyên về tin tức.
Hoặc cùng thuộc mảng bán hàng, website của một thương hiệu thời trang nữ sẽ khác hẳn với thời trang nam. - Xác định mục đích thiết kế sẽ giúp doanh nghiệp đề ra kế hoạch sản xuất nội dung. Bởi website có khả năng hỗ trợ tối đa cho doanh nghiệp trong việc quảng bá hình ảnh công ty, sản phẩm, dịch vụ sẽ cung cấp và tăng khả năng lên top tìm kiếm. Xác định đối tượng truy cập vào website - Doanh nghiệp cần xác định xem những đối tượng nào sẽ truy cập vào trang web.
Sau đó, thông qua phân tích các đặc điểm, xu hướng lựa chọn, sở thích, phong cách,. của khách hàng để lên ý tưởng xây dựng website trên mọi khía cạnh như màu sắc, logo, nội dung, kế hoạch quảng cáo, Seo web cho phù hợp. - Ví dụ: Đối tượng truy cập vào website thời trang công sở là phụ nữ đã đi làm, giao diện, màu sắc nên thiên về phong cách thanh lịch, nhã nhặn để gây ấn tượng với khách hàng; các website có lượng truy cập phần đông là học sinh, sinh viên sẽ thu hút hơn nếu có giao diện, màu sắc trẻ trung, năng động, các quảng cáo phù hợp với độ tuổi. Chương 1: Giới thiệu Dreamweaver 19 Hình 1.
Xác định đối tượng truy cập 4. Xây dựng sơ đồ, bố cục website - Sau khi xác định đối tượng truy cập, cần xây dựng sơ đồ, bố cục cho trang web. Để tránh bị nhầm lẫn, hãy lập sơ đồ cây cho web, bắt đầu từ trang chủ sau đó vẽ đến các trang con. Chuẩn bị nội dung cho website - Nội dung là yếu tố vô cùng quan trọng quyết định đến việc người dùng có quay lại website lần sau không và ảnh hưởng trực tiếp đến Seo, đến xếp hạng của trang web trên Google.
- Nên xây dựng nội dung website theo từng mục (module), mỗi thư mục sẽ có nội dung tổng quát và nội dung chi tiết. Nội dung tổng quát giúp người đọc hình dung được trong thư mục mình vào đại khái sẽ xuất hiện những thông tin gì. Điều này sẽ giúp các nhà quản trị quản lý website dễ dàng hơn. Chuẩn bị đồ họa, hình ảnh cần thiết - Bên cạnh nội dung dưới dạng text, doanh nghiệp còn cần chuẩn bị các hình ảnh liên quan khi lên kế hoạch xây dựng website.
Số lượng hình ảnh sẽ phụ thuộc vào nội dung của trang web. - Với các website bán hàng, hình ảnh cần to, rõ ràng, nên có ảnh thật và video để khách hàng tham khảo. Ngược lại, các trang web giới thiệu sẽ không có quá nhiều yêu cầu về hình ảnh mà chú trọng đến nội dung dạng text nhiều hơn. Chương 1: Giới thiệu Dreamweaver 20 7.
Lên kế hoạch thời gian thực hiện - Chuẩn bị đồ họa và hình ảnh xong đồng nghĩa với việc bạn đã hoàn thành bản kế hoạch thiết kế website. Trong bước này, cần lập ra kế hoạch lên lịch đăng bài, cập nhật thông tin trên website theo ngày, tuần hoặc tháng. - Nên có kế hoạch lâu dài để có chiến lược phát triển nội dung website phù hợp, hiệu quả. Kế hoạch thời gian đăng web 8.
Tìm địa chỉ cung cấp tên miền, hosting - Tìm mua tên miền và hosting là thao tác cơ bản cần thực hiện khi lên kế hoạch xây dựng bất cứ website nào. Chúng có ảnh hưởng đến độ nhận diện thương hiệu, ấn tượng khách hàng, khả năng lên top khi Seo, tốc độ truy cập, không gian lưu trữ,. của trang web. - Vậy nên hãy cân nhắc và lựa chọn thật kỹ càng trước khi mua tên miền và hosting.
Chọn được địa chỉ cung cấp hai dịch vụ này uy tín là một thành công không hề nhỏ trong việc xây dựng website. Chương 1: Giới thiệu Dreamweaver 21 CÂU HỎI ÔN TẬP Câu 1: Anh chị hãy cho biết phầm mềm Adoe Dreamweaver là gì? Câu 2: Anh chị hãy cho biết cách cài đặt phần mềm Adobe Dreamweaver? Và thực hiện cài đặt phần mềm Adobe Dreamwaever vào máy tính? Câu 3: Anh chị hãy cho biết giao diện phần mềm Adobe Dreamweaver? Chương 2: Giới thiệu tag HTML 22 Chương 2: GIỚI THIỆU VỀ TAG HTML Sau khi học xong chương này, sinh viên trình bày được các cú pháp cơ bản trong HTML và thực hiện tạo được trang web với các tag cơ bản đúng cú pháp trong phần mềm Adobe Dremweaer. CÁC KHÁI NIỆM CƠ BẢN HTML viết tắt của chữ HyperText Markup Language (ngôn ngữ đánh dấu siêu văn bản), nó được dùng để tạo ra các tài liệu hiển thị được trên trình duyệt. HTML gọi là ngôn ngữ nhưng nó không giống như các ngôn ngữ kịch bản, ngôn ngữ lập trình (sử dụng các kịch bản để thi hành các tác vụ), ngôn ngữ đánh dấu (Markup) HTML lại sử dụng các THẺ để xác định nội dung của trang (Chỉ nội dung chứ không thi hành tác vụ).
HTML document - HTML document tức là tài liệu HTML (đôi khi mình gọi là tệp tin HTML) là một tập tin có phần mở rộng là .htm với nội dung được xây dựng từ các thành phần của HTML. - Mỗi một tài liệu HTML hoàn chỉnh thường đại diện cho một trang web (xem Hình 2. HTML tag - Ví dụ như <title> Page Title </title> <h1>Hello, world!</h1> chẳng hạn, nó đều tuân theo cấu trúc mà mình chỉ ra ở trên. Mỗi một cái <tagname> hoặc </tagname> như vậy thì được gọi là một thẻ HTML (hay HTML tag).
- Thẻ trong HTML chia ra làm 2 loại thẻ: Chương 2: Giới thiệu tag HTML 23 + Thẻ mở: là thẻ bắt đầu cho việc đánh dấu một phần tử nào đó, là thẻ mà không có ký tự /. + Thẻ đóng: là thẻ đánh dấu kết thúc cho một phần tử nào đó, là thẻ xuất hiện ký tự /. - Có một số thẻ HTML không có thẻ đóng, nó chỉ sử dụng để đánh dấu cho một phần tử nhất định, ví dụ thẻ <br> để đánh dấu một phần tử xuống dòng, thẻ <hr> dùng để đánh dấu một đường kẻ ngang màn hình. - Mỗi một thẻ HTML thì có nhiệm vụ đánh dấu cho một loại phần tử trên trang web.
Ví dụ: - Thẻ <img> đánh dấu cho một phần tử ảnh, sử dụng thẻ <img> nếu muốn chèn hình ảnh lên trang web. - Thẻ <p> đánh dấu cho một đoạn văn bản, sử dụng thẻ <p> nếu muốn chèn một đoạn văn bản lên trang web. - Thẻ <a> đánh dấu cho một đường link, sử dụng thẻ <a> nếu muốn chèn link lên trang web. - Thẻ trong HTML khá đa dạng, có tất cả khoảng mấy trăm thẻ với mỗi thẻ lại đánh dấu cho một loại phần tử khác nhau.
Tuy nhiên chỉ có khoảng 20 thẻ là thường xuyên sử dụng, số còn lại chỉ để tham khảo. GIỚI THIỆU KHÁI QUÁT - Trang web tĩnh: Các tài liệu HTML (trang HTML) có thể là các file với phần mở rộng (.html) được lưu trữ trên hệ thống file của máy chủ web (webserver), từ đó trình duyệt truy cập đọc được và hiển thị. - Trang web động: Các trang HTML mà trình duyệt lấy về từ webserver được phát sinh bởi một ứng dụng chạy trên server (ứng dụng phát triển bằng các ngôn ngữ lập trình như PHP, C#. - Siêu văn bản (HyperText): Ám chỉ sự liên kết giữa các trang, một trang HTML có liên kết tham chiếu đến một trang khác trên cùng một Website hay giữa các website.
- HTML sử dụng cách đánh dấu (markup) để chú thích cho các thành phần (phần tử HTML) như văn bản, hình ảnh. các phần tử HTML tạo thành trang tài liệu hiển thị được trong các trình duyệt. - Có rất nhiều phần tử HTML như <p>, <a>, <img>, <title>, <body> - Một phần tử HTML bắt đầu bằng mở thẻ (viết tên thẻ như p, a, img. giữa < và >), đến nội dung phần tử và kết thúc bằng đóng thẻ (viết tên thẻ giữa </ và >).
Chương 2: Giới thiệu tag HTML 24 III. TAG HTML - Tag HTML hay còn gọi là thẻ HTML, một bảng ví dụ điển hình chức năng của tag HTML (xem Bảng 2. Thẻ Mô tả chức năng <!-- --> Xác định một đoạn chú thích <!