SỰ NGHIỆP

Cùng nhau học thiết kế web bằng Frontpage!

Đến trả lời mới nhất
  • 0 Lượt chia sẻ
  • 31.8K Lượt đọc
  • 141 Trả lời

1 Người đang theo dõi

  • Trang 1/8

    Chuyển tới trang

  • 1
  • 2
  • ...
  • 8
    • Avatar của Đông Vy
    • Đông Vy
    #1
    Mặc dù trên diễn đàn đã có nhiều topic về thiết kế web! Tuy nhiên, em vẫn xin phép Admin mở topic này. Lý do là có nhiều mẹ nhắn tin hỏi em về kinh nghiệm thiết kế web, nhưng nếu trả lời từng người thì rất khó và chẳng có hệ thống gì cả.

    Phải nói trước là em không giỏi về html, Frontpage, mù tịt về php và những thứ đại loại như vậy... ( Khốn khổ cái thân em là chẳng ai chịu tin điều đó.) Mặc dù vậy, cuối cùng em cũng đã thiết kế được một trang web khả dĩ coi được ( không thể hiểu nổi vì sao mình làm được). Và nếu em làm được thì các mẹ cũng làm được thôi!
    Thực tế là em đã tự mò mẫm làm web bằng chương trình Frontpage, bắt đầu từ số 0, vì vậy, topic này sẽ là nơi em "báo cáo chi tiết" về kinh nghiệm thiết kế web theo từng công đoạn. Nội dung của nó sẽ bao gồm:
    - Các bước mà em đã làm để thiết kế trang web của em, từ A-Z. (Chú ý: tất cả những gì em đã làm được, chứ không phải là tất cả về Frontpage nhé! Nghĩa là em dốc sạch túi càn khôn của em, nhưng nếu nó thiếu sót (chắc chắn 100% là thiếu sót luôn) thì các mẹ sẽ phải cùng em tiếp tục mày mò nhé!)
    - Chia sẻ tất cả những "vật liệu" phục vụ cho việc làm web mà em đã thu thập được trong thời gian qua, như hình ảnh, background, gif, animation....để các mẹ đỡ mất công tìm kiếm!

    Híc híc, nếu mọi người quan tâm thì em sẽ bắt đầu! Ngược lại, em sẽ nhờ admin delete topic này để tập trung vào các topic học làm web khác! Và sẽ tiếp tục trả lời riêng cho từng người!
  1. Đọc tiếp trên Webtretho

    • 14,684 Bài viết

    • 1,706 Được cảm ơn

    #2
    Mình cũng tự học mò design web bằng FrontPage đấy. Hay vô cùng, nhất là khi hoàn chỉnh và mình public lên mạng, cũng pro ra phết... :4:. Mà bi giờ máy mình k còn phần mềm này nữa, system xóa hết rùi..
    • 367 Bài viết

    • 221 Được cảm ơn

    #3
    Trích dẫn Nguyên văn bởi Đông Vy
    ..........
    - Chia sẻ tất cả những "vật liệu" phục vụ cho việc làm web mà em đã thu thập được trong thời gian qua, như hình ảnh, background, gif, animation....để các mẹ đỡ mất công tìm kiếm!

    Híc híc, nếu mọi người quan tâm thì em sẽ bắt đầu!
    Có Topic này thì hay quá! Tớ nghĩ là có rất nhiều người quan tâm lắm đấy. Ngày trước khi tớ bắt đầu vào diễn đàn, thấy các mẹ làm web cho con đẹp quá. Mà tớ thì chưa từng biết điến Front page là gì.Thế là bắt đầu search tất cả các bài, rồi tham khảo một số bố, mẹ trên diễn đàn, thậm chí cả dịch vụ tư vấn tin học, lọ mọ rồi cũng xong. Nhưng thú thật, tớ vẫn muốn bổ sung & tìm tòi thêm những "vật liệu" như mẹ Đông Vy nói. Cảm ơn Đông Vy trước nhiều nhiều nhé
    • 901 Bài viết

    • 237 Được cảm ơn

    #4
    Hoan hô chị, gãi đúng chỗ ngứa của em. :4: (Chị Bibi là biết rõ điều này lắm ). Bắt đầu luôn đi chị ơi, em sẽ là học trò chăm chỉ của chị nhé.
    Cảm ơn chị nhiều nhiều.
    • 37 Bài viết

    • 1 Được cảm ơn

    #5
    Ôi Đông Vy ơi tuyệt quá. Mình rất muốn tự tay mình lập 1 trang web cho Gà Bống mà chưa biết làm thế nào. Có topic này mình ủng hộ cả 2 tay luôn. Mình còn chưa biết Frontpage là cái gì nữa hãy giúp mình nhé. nhiệt liệt cảm ơn.
    Gà không biết gáy là con Gà Bống



    Nhật kí cho Gà Bống http://360.yahoo.com/blue_cloud
    • Avatar của Đông Vy
    • Đông Vy
    #6
    OK. Vậy mình bắt đầu nhé!
    Thứ nhất: Bạn phải xác định là đã có phần mềm Frontpage trên máy nhé! :4:
    Thứ hai: Chuẩn bị các phụ tùng:

    Mình bắt đầu up các phụ kiện lên web.
    Bao gồm:
    - Backgound : http://www.luanvy.com/web/bg.rar
    - Button : http://www.luanvy.com/web/button.rar
    - Ảnh minh hoạ : http://www.luanvy.com/web/illust.rar
    - Các webset : http://www.luanvy.com/web/webset4.rar

    Các bạn có thể download về rồi!Sau khi download về, các bạn có thể xoá bớt những cái mình không thích, chỉ giữ lại những gì bạn thích...cho nhẹ máy! :1:
    Mình sẽ tiếp tục up những cái khác trong quá trình làm.

    Và từ ngày mai sẽ bắt đầu thiết kế web nha! :1:
    • 306 Bài viết

    • 178 Được cảm ơn

    #7
    • 678 Bài viết

    • 60 Được cảm ơn

    #8
    Hoan hô em Vy nhé . Cứ thoải mái "chỉ bảo" đi em. Chị cũng sẽ theo học để tự làm web cho Bin, khỏi "ăn theo" đất nhà Bonai nữa :3: . Cám ơn trước nghe .
    Lisa :Rose:
    • Avatar của Đông Vy
    • Đông Vy
    #9
    Hờ hờ, lần đầu tiên phải làm tutorial nên chẳng biết làm sao đây.
    Em viết theo kiểu này nè:


    Up từng hình lên WTT mệt quá nên em viết một trang hướng dẫn mới trên web của em, các mẹ vào đây xem nha:
    http://www.luanvy.com/frontpage.htm
    Đây mới là bài đầu tiên thôi. Có gì thắc mắc thì post lên đây, em sẽ giải đáp , hihi.
    Phù, mệt quá, đi ngủ đã, mai làm tiếp!

    P/S : Bên topic của chị Lu đang hướng dẫn cách tạo trang web trên Diaryland đó. Em thấy cũng hấp dẫn lắm nha! :3: Nếu mẹ nào chịu học một ít html căn bản (không khó lắm đâu) theo chị Lu thì làm theo cách đó cũng tuyệt vời lắm! Đỡ mệt hơn nhiều ở công đoạn upload!
    Còn nếu mẹ nào không có năng khiếu với html, chỉ thích làm việc với các cửa sổ Windows thì tiếp tục với Frontpage cùng em vậy! :4:
    • Avatar của Đông Vy
    • Đông Vy
    #10
    Em up thêm một mớ graphic của Graphic Garden nữa ở đây : http://www.luanvy.com/web/graphicgarden.rar

    Em nghĩ cái đống này và những cái em up hôm trước cũng đủ làm mọi người "tẩu hoả nhập ma" rồi! :4:

    Tất cả những phần vật liệu này, các mẹ download xuống máy, giải nén và cho vào một folder nào đó cố định, dễ tìm sau này.

    Khi làm web, do mò mẫm nên thật ra em cũng làm loạn xị hết, nghĩ tới đâu mày mò tới đó. Bây giờ em trình bày theo cách mà em cho là hợp lý nhất. Vì vậy, các mẹ cứ lọc ra những gì các mẹ cần. Đến bước nào khúc mắc thì cứ hỏi em nha :1:.

    Em vẫn sẽ trả lời riêng lẻ từng vấn đề trên topic này, đồng thời, em sẽ tiếp tục post bài hướng dẫn một cách tuần tự một trên trang web http://www.luanvy.com/frontpage.htm
    • 306 Bài viết

    • 178 Được cảm ơn

    #11
    ui da, làm button dễ vậy sao Đông Vy, vậy mà trước nay mình không biết, cứ mò mẫm làm bằng PTS. Đúng là có thầy vẫn hơn, thanks !
    • 1,023 Bài viết

    • 686 Được cảm ơn

    #12
    Xin ké một chân làm học trò Đông Vy. Mẹ Ổi đã làm web bằng FrontPage, nhưng chỉ dám gọi là edit chứ chưa thể gọi là design được. Thấy đi tìm vật liệu mệt quá đành give up rồi... May quá ở đây có một kho rồi. Cám ơn nhiều nhá.
    • 871 Bài viết

    • 9 Được cảm ơn

    #13
    Cho em tham gia với nhé các chị ơi! Em cũng đang tập làm web = frontpage cho cu Gấu. Hỏi cái này trước nhé!

    Làm sao làm cái chữ mời mọi người xem web ở phần chữ ký nhỉ? Em tìm hoài không thấy chỗ nào để insert link cả.
    • 1,023 Bài viết

    • 686 Được cảm ơn

    #14
    Nhưng web của tôi đã có mấy chục trang rồi thì làm sao bây giờ? Phải làm lại hết thì ngại quá. Có cách gì ko nhi? Sao Đông Vy ko post topic này sớm hơn cơ chứ???
    • Avatar của Đông Vy
    • Đông Vy
    #15
    Trích dẫn Nguyên văn bởi cutit2004
    ui da, làm button dễ vậy sao Đông Vy, vậy mà trước nay mình không biết, cứ mò mẫm làm bằng PTS. Đúng là có thầy vẫn hơn, thanks !
    Thật ra nếu không cầu kỳ thì button trong FP đã đủ đẹp rồi, phải không?
    Tuy nhiên, trong Kho Graphic Garden và các webset luôn có sẵn những button đẹp, để trống (blank button) để mình viết chữ vô.
    Tiếp theo em sẽ hướng dẫn cách viết chữ vô những button có sẵn.
    Nếu ai biết Photoshop thì sử dụng Photoshop cũng được. Ở đây em sẽ sử dụng công cụ Paint của Windows cho...đơn giản!
    • Avatar của Đông Vy
    • Đông Vy
    #16
    Trích dẫn Nguyên văn bởi Mẹ Ổi
    Nhưng web của tôi đã có mấy chục trang rồi thì làm sao bây giờ? Phải làm lại hết thì ngại quá. Có cách gì ko nhi? Sao Đông Vy ko post topic này sớm hơn cơ chứ???
    Cái đó thì tuỳ mẹ Ổi nha! Web của em lúc đầu khác hoàn toàn đó, tối thui à. Và sắp xếp không khoa học nữa. Một thời gian sau, em "lên tay" nên đã làm lại từ A-Z và thấy trang web bây giờ đẹp hơn nhiều. Mà web của em lên tới hàng trăm trang luôn đó!
    Nhưng nếu mẹ Ổi thấy web mình làm đã ổn rồi thì không cần làm lại cho rắc rối ra đâu. Vấn đề là bản thân mình thấy hài lòng mà! :1:


    @Mẹ Gấu con: Bạn vào phần Hồ sơ --> Sửa chữ ký. Trong đó có biểu tượng quả địa cầu xanh xanh là để Insert Link đó.
    • Avatar của Đông Vy
    • Đông Vy
    #17
    Thêm chữ vào button có sẵn

    1. Mở Start -> Program --> Accessories --> Paint
    2. File --> Open --> Chọn button --> Open (Ở đây em chọn một banner cho dễ nhìn)

    3. Click vào chữ A ở thanh công cụ bên trái.

    4.Một khung vuông sẽ hiện lên, dùng chuột kéo để điều chỉnh kích cỡ cho phù hợp. Gõ chữ vào đó


    như thế này


    5. Chỉnh kích cỡ, kiểu chữ, trên thanh công cụ Fonts. Nếu không nhìn thấy thanh này thì vào View -> Click chọn Text Toolbar. Chỉnh màu sắc bằng cách click chọn trên bảng màu ở góc dưới bên trái.


    6. Vào File --> Save as. Nhớ là Save as nhé, để nó lưu thành một File riêng chứ không chồng lên File gốc.
    Hoàn tất rồi đó. :1: Một Banner hoặc Button đã sẵn sàng để sử dụng
    • 435 Bài viết

    • 99 Được cảm ơn

    #18
    :4: :4: toàn đi ăn cắp đồ của người ta về xài nên có sự cố là mò đuối đờ đơ luôn. Bi giờ quyết tâm theo chị Đông Vy một khoá thui.
    Cám ơn chị ĐVy đã ghé thăm Web của Tý và viết lưu bút cho Tý nha.
    • Avatar của Đông Vy
    • Đông Vy
    #19
    Sau khi đã thiết kế các trang web riêng lẻ. Chúng ta phải link chúng lại với nhau.
    Có thể tạo link từ một button, một hình ảnh, hoặc một text...
    Trên trang web hiện hành ở cửa sổ FP. Bạn đánh dấu một button hoặc một text, click phải. Một bảng sẽ hiện ra, click chọn Hyperlinks
    Trên bảng này. Bạn click chọn trang web mà bạn muốn link tới. Nhớ đừng chọn những trang web có chữ (open) bên cạnh.

    OK để hoàn tất.
    Rất đơn giản phải không? :1:
    • Avatar của Đông Vy
    • Đông Vy
    #20
    Những ghi chú trong trình bày trang web.
    Rút kinh nghiệm từ trang web của em.

    1. Chú ý đến màu sắc, sự phối hợp giữa màu nền và màu chữ phải êm, dịu, tránh chói quá sẽ khó đọc.
    2. Nên có sự đồng nhất giữa các hình ảnh trang trí. Đó là lý do em cho rằng ban đầu nên sử dụng các set hình ảnh của Graphic Garden hoặc Cute Colors. Vì nó đã kết hợp giúp mình một cách hoàn hảo, sắp xếp sẵn table, vị trí của các button...
    3. Tuy nhiên, đừng sử dụng quá nhiều hình ảnh vì sẽ rườm rà, rối mắt người xem!
    4. Nên có sự đồng nhất trong cấu trúc giữa các trang web riêng lẻ. Ví dụ như trong phần Bài viết trên web của em, em sử dụng chung một cấu trúc Table cho tất cả các trang, chỉ thay background và nội dung từng bài.
    5. Cố gắng tận dụng lợi ích của Table .
    Ví dụ như trang index của em. Em đã tận dụng table, và mỗi ảnh, button, em để trong một cell riêng. Điều đó sẽ giúp các hình ảnh được cố định và ngăn nắp. :1: Điều này em đã không làm được trong phiên bản web đầu tiên nên nó khá rối rắm. :4:

  • Trang 1/8

    Chuyển tới trang

  • 1
  • 2
  • ...
  • 8