• Chú ý

  • Hiện kết quả từ 1 tới 6 của 6
    1. #1
      B------
      Danh vọng
      Avatar của binhthinh2009
      Ngày tham gia
      16/11/09
      Bài gửi
      11
      Cảm ơn
      1
      Được cảm ơn 7 lần trong 4 Bài viết
      REP Power
      0

      Mặc định Tạo trang web bằng phần mềm kompozer

      Trong chương trình môn Tin học lớp 9, phần mềm Kompzer được giới thiệu dùng cho các bài tập thực hành khởi tạo các trang Web (hay tệp HTML). Do khung chương trình rất hạn hẹp, trong SGK Tin học 9 chỉ trình bày 1 bài thực hành ngắn gọn tạo trang Web theo phần mềm Kompozer này. Bài viết này là phần giới thiệu đầy đủ về phần mềm miễn phí mã nguồn mở Kompozer này. 1. Giới thiệu phần mềm tạo trang Web Kompozer

      Có rất nhiều phần mềm dùng để soạn thảo và trình bày các trang Web. Phần lớn các phần mềm soanh thảo văn bản bình thường như WORD đều có khả năng soạn thảo các trang Web hay các tệp HTML. Kompozer là phần mềm soạn thảo trang Web với đầy đủ các tính năng mạnh tương tự như các phần mềm chuyên nghiệp khác. Đặc điểm nổi bật nhất của phần mềm này là miễn phí với mã nguồn mở.
      Khởi động phần mềm
      Nháy chuột lên biểu tượng sau trên màn hình để khởi động phần mềm Kompozer.

      Giới thiệu màn hình chính của phần mềm Komposer
      Màn hình soạn thảo trang Web (hay tệp HTML) có khuôn dạng như hình dưới đây và hoàn toàn tương tự như các màn hình soạn thảo bình thường khác.

      2. Khởi tạo, mở và lưu trữ trang Web

      Khởi tạo một trang Web mới
      - Nháy nút trên thanh công cụ. Một cửa sổ soạn thảo mới sẽ hiện ra với tên "Untitled" có nghĩa là chưa có tên.

      Phần mềm Komposer cho phép soạn thảo đồng thời nhiều tệp HTML trên màn hình, mỗi tệp được hiện theo một TAB khác nhau.
      Nháy chuột vào nút nằm bên phải các TAB để đóng trang soạn thảo hiện thời.
      Mở một trang Web để soạn thảo
      - Nháy nút trên thanh công cụ. Xuất hiện hộp hội thoại mở tệp HTML.

      Chọn một tệp HTML (một trang Web) và nháy nút Open. Tệp mới sẽ mở ra trong một TAB mới.
      Ghi trang Web
      Muốn ghi lại các thay đổi của trang Web hiện thời nháy nút trên thanh công cụ hoặc bấm tổ hợp phím Ctrl-S. Nếu là lần đầu tiên thực hiện công việc ghi, hộp hội thoại sau xuất hiện yêu cầu nhập tiêu đề của trang Web. Tiêu đề này được viết trong thẻ .

      Nhập tiêu đề của trang và nháy nút OK. Tiêu đề trang Web sẽ hiện trên TAB của cửa sổ soạn thảo của phần mềm.
      3. Trình bày trang Web

      Trên trang soạn thảo của phần mềm Komposer có thể thực hiện được các chức năng hỗ trợ trình bày hoàn toàn tương tự như trong các phần mềm soạn thảo văn bản khác.

      Các chức năng sau có thể thực hiện được trong phần mềm Komposer:
      - Chọn và đặt phông chữ cho đoạn văn bản.
      - Đặt màu cho chữ trong đoạn văn bản.
      - Đặt màu nền cho trang Web.
      - Thay đổi phóng to, thu nhu kích thước chữ trên trang Web.
      - Đặt kiểu chữ là đậm (bold), nghiêng (italic) hay gạch chân (underline).
      - Căn lề cho đoạn văn bản: căn thẳng lề trái, căn thẳng lề phải, căn đều hai bên và căn giữa.

      4. Xem mã nguồn HTML của trang Web

      Điểm khác biệt cơ bản của một trang Web và một trang văn bản bình thường là chúng ta có thể xem và điều chỉnh trang Web thông qua các thẻ HTML. Phía dưới cửa sổ soạn thảo có 4 TAB nhỏ tương ứng với 4 chế độ xem thông tin trang Web hiện thời. Trong đó chế độ Soucce (nguồn) là chế độ cho phép xem toàn bộ thông tin trang Web dưới dạng các thẻ HTML gốc.

      Có 4 chế độ quan sát trang Web đang soạn thảo như sau:
      - Normal: chế độ soạn thảo bình thường.
      - HTML Tags: chế độ soạn thảo bình thường có thể hiện các thẻ HTML
      - Source: chế độ xem nguồn HTML. Đây là chế độ chúng ta có thể xem được hoàn toàn
      - Preview: chế độ xem trước như trên trình duyệt.
      5. Chèn ảnh vào trang Web

      Để chèn một ảnh vào trang Web chúng ta cần tạo ra sẵn tệp ảnh này trên máy tính và nhớ rõ vị trí lưu trữ của ảnh này. Thao tác chèn ảnh như sau:
      - Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh.
      - Nháy chuột vào biểu tượng trên thanh công cụ chính của phần mềm.
      - Xuất hiện hộp hội thoại dưới đây dùng để nhập thông tin ảnh muốn chèn.

      - Tại vị trí Image Location nhập đường dẫn và tên tệp ảnh muốn chèn. Chú ý đường dẫn phải ghi là đường dẫn tương đối tính từ trang Web hiện thời. Nếu không nhớ chính xác vị trí và đường dẫn nháy chuột vào nút ở bên phải để vào cửa sổ tìm tệp ảnh trên đĩa.
      - Tại vị trí Tooltip gõ một dòng chữ ghi nhớ cho tệp ảnh này. Khi xem trên Internet dòng chữ này sẽ hiện khi di chuyển chuột đến hình ảnh.
      - Tại vị trí Alternate text gõ dòng chữ sẽ thể hiện tại vị trí ảnh này nếu hình ảnh không thể hiện được. Nháy chọn Don't use alternate text nếu không cần nhập thông tin này.
      - Nháy OK để hoàn thành lệnh chèn ảnh.
      Chú ý sau khi chèn ảnh vào trang Web có thể thay đổi co giãn kích thước ảnh một cách dễ dàng bằng các thao tác chuột thông thường.
      6. Tạo bảng biểu trên trang

      Trang Web hỗ trợ hiện bảng dùng để thể hiện dữ liệu theo hàng, cột. Ví dụ em cần kẻ một thời khóa biểu lên trang Web của em.
      Trong Komposer việc tạo bảng rất dễ dàng như sau:
      - Đưa con trỏ soạn thảo đến vị trí muốn tạo bảng.
      - Nháy chuột vào nút trên thanh công cụ.
      - Xuất hiện hộp hội thoại khởi tạo bảng có dạng như hình dưới đây.

      - Dùng chuột dịch chuyển trên lưới để chọn số hàng và cột của bảng. Khi đã chọn xong nháy chuột để kết thúc quá trình tạo bảng.
      - Nếu không muốn chọn kích thước bảng bằng chuột hãy nháy chuột lên nút TAB Precisely để vào cửa sổ dưới đây và nhập chính xác số lượng hàng, cột của bảng.

      - Nhập xong các thông tin của bảng bấm nút OK để kết thúc quá trình khởi tạo bảng.
      Hình dưới đây cho ta thầy hình ảnh của bảng biểu hiện trên một trang Web. Việc nhập thông tin vào các ô của bảng biểu được thực hiện tương tự như trong các phần mềm soạn thảo khác. Các thao tác thay đổi độ rộng và chiều cao của các cột, hàng của bảng được thực hiện như hướng dẫn của hình dưới đây.

      Chèn hoặc xóa một cột hoặc hàng của bảng:
      Xóa một cột của bảng:
      - Nháy chuột vào một ô bất kỳ trên cột muốn xóa.
      - Thực hiện lệnh: Table --> Delete --> Columns.
      Xóa một hàng của bảng:
      - Nháy chuột vào một ô bất kỳ trên hàng muốn xóa.
      - Thực hiện lệnh: Table --> Delete --> Rows.
      Chèn thêm một hàng cạnh hàng hiện thời:
      - Nháy chuột vào một ô bất kỳ trên hàng muốn chèn thêm.
      - Thực hiện lệnh: Table --> Insert --> Row.
      Chèn thêm một cột cạnh cột hiện thời:
      - Nháy chuột vào một ô bất kỳ trên hàng muốn chèn thêm.
      - Thực hiện lệnh: Table --> Insert --> Column.

      Khi nháy chuột và nhập chữ bên trong một ô của bảng, em sẽ nhìn thấy các nút hình nhỏ nằm trên đường viền ngang trên và bên trái của ô hiện thời. Các nút nhỏ này chính là các nút lệnh nhanh dùng để xóa hoặc chèn một hàng hoặc cột của bảng.
      Nối hai hoặc nhiều ô liền kề của bảng:
      Muốn ghép nối hai hoặc nhiều ô liền nhau để tạo thành một ô lớn thực hiện thao tác sau: Dùng chuột đánh dấu chọn các ô và thực hiện lệnh: Table -->Join with Cell to the Right.

      7. Tạo liên kết với các trang Web khác

      Liên kết (link) hay còn gọi là siêu liên kết (hyperlink) là đối tượng quan trọng nhất và hay gặp nhất trên Internet. Một đoạn văn bản hoặc một hình ảnh có thể trở thành một siêu liên kết. Khi duyệt Web bằng phần mềm trình duyệt, nháy chuột lên siêu liên kết này sẽ tự động tạo ra kết nối và chuyển thông tin sang một trang Web khác.
      Chú ý phân biệt đối tượng cần tạo liên kết và đối tượng đích sẽ liên kết tới.
      Đối tượng có thể trở thành siêu liên kết trên trang Web
      Đối tượng đích sẽ liên kết tới
      Thông tin cần biết về đối tượng đích
      Đoạn văn bản hoặcHình ảnh
      1. Trang Web nằm trên Internet, khác Website với trang Web gốc
      2. Trang Web nằm trên cùng Website với trang Web gốc.
      1. Địa chỉ chính xác của trang Web đích cần liên kết đến. Ví dụ: http://www.sapatravelguide.com/kham-pha-sa-pa.html
      2. Địa chỉ tương đối của trang Web đích so với trang Web hiện thời. Ví dụ: /sapa/kham-pha-sa-pa.html

      Sau đây là thao tác tạo liên kết trong phần mềm Komposer.
      Tạo liên kết từ đoạn văn bản
      Các thao tác tạo một đoạn văn bản trở thành siêu liên kết bằng phần mềm Komposer như sau:
      - Chọn đoạn văn bản muốn tạo siêu liên kết.
      - Nháy chuột vào biểu tượng trên thanh công cụ. Xuất hiện màn hình như hình dưới đây:

      - Gõ đường dẫn hoặc địa chỉ chính xác của trang Web đích tại vị trí Link Location. Nếu trang Web đích cùng nằm trong cùng một Website với trang Web gốc thì có thể tìm trang Web đích bằng cách nháy chuột vào nút .
      - Nháy nút OK để kết thúc việc tạo liên kết.
      Tạo liên kết từ hình ảnh
      - Nháy chuột chọn hình ảnh cần tạo liên kết.
      - Nháy chuột vào biểu tượng trên thanh công cụ. Xuất hiện màn hình như hình dưới đây:

      - Gõ địa chỉ chính xác hoặc đường dẫn của trang Web đích tại vị trí cần nhập trong cửa sổ trên. Có thể nháy nút để tìm các trang Web nằm trong cùng Website với trang Web gốc.
      - Nếu muốn hình ảnh siêu liên kết sẽ có một viền khung bao quanh (để phân biệt với các hình ảnh không là siêu liên kết) thì nháy chuột chọn Show border around image.
      - Nháy OK để kết thúc việc tạo liên kết.
      Download phần mềm:
      Các bạn có tải phần mềm trực tiếp từ địa chỉ

      http://www.kompozer.net

    2. Thành viên đã cảm ơn binhthinh2009 vì bài viết:
      get52 (06/10/11)

    3. #2
      Sứ giả thiện chí của Bkav
      Danh vọng
      Avatar của huunam09
      Ngày tham gia
      29/11/09
      Đến từ
      Where virus !^^
      Bài gửi
      133
      Cảm ơn
      49
      Được cảm ơn 87 lần trong 38 Bài viết
      REP Power
      18

      Mặc định

      Tớ thấy dùng Dreamweaver 8.0 ! là chuyên nghiệp nhất rùi !cái trình trên còn thiếu nhiều chức năng lém ! thực ra thì lập trình web có thể code trên office or notepad đều được hết !
      Phim Tình Cảm hay nhất tôi xem:
      Butterfly Lovers - Chuyện Tình Kiếm Khách
      Turn left, turn right - Nàng rẽ trái, chàng rẽ phải
      Phim Hành Động hay nhất tôi xem:
      Transformers-Robo đại chiến
      Matrix-Ma trận


    4. #3
      Sứ giả thiện chí của Bkav
      Danh vọng
      Avatar của kiensctn
      Ngày tham gia
      06/11/09
      Bài gửi
      13
      Cảm ơn
      0
      Được cảm ơn 5 lần trong 2 Bài viết
      REP Power
      0

      Mặc định

      Dreamweaver là 1 công cụ ko thể thiếu cho webmaster

    5. Thành viên đã cảm ơn kiensctn vì bài viết:
      get52 (06/10/11)

    6. #4
      Sứ giả thiện chí của Bkav
      Danh vọng
      Avatar của AKRAPOVIC
      Ngày tham gia
      04/08/10
      Bài gửi
      63
      Cảm ơn
      15
      Được cảm ơn 180 lần trong 33 Bài viết
      REP Power
      16

      Mặc định Re: Tạo trang web bằng phần mềm kompozer

      đang kiếm cái công cụ làm web, ra ngay trang này
      thử xem dùng có ngon ko

    7. #5
      Bkav Pr-
      Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng
      Avatar của luongtankhang123
      Ngày tham gia
      13/10/11
      Đến từ
      Nơi anh gặp em
      Tuổi
      16
      Bài gửi
      999
      Cảm ơn
      438
      Được cảm ơn 1.214 lần trong 500 Bài viết
      REP Power
      12

      Mặc định Re: Tạo trang web bằng phần mềm kompozer

      Giờ em xài Dreamweaver cs6 mượt hơn cả mượt nữa kìa!
      Trường THPT Ngô Quyền - Biên Hòa -Đồng Nai
      Facebook: http://facebook.com/VipLTK

    8. #6
      Bkav Pr-
      Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng Danh vọng
      Avatar của ducqnam2012
      Ngày tham gia
      10/11/12
      Bài gửi
      601
      Cảm ơn
      432
      Được cảm ơn 439 lần trong 234 Bài viết
      REP Power
      8

      Mặc định Re: Tạo trang web bằng phần mềm kompozer

      mình muốn tập thiết kế web thì nên dùng công cụ gì. và đưa lên online thì chọn host nào mà free nhưng tạm ổn định

    Quyền viết bài

    • Bạn không thể gửi chủ đề mới
    • Bạn không thể gửi trả lời
    • Bạn không thể gửi file đính kèm
    • Bạn không thể sửa bài viết của mình
    •