Thiết kế website với H & M StudioLine Web 3.6 potx

Thiết kế website với H & M StudioLine Web 3.6 Phần mềm H&M StudioLine Web 3.6 có giao diện giúp cho bạn dễ dàng tương tác với đối tượng website mà không cần biết đến ngôn ngữ HTML; giúp thiết kế trì website chuyên nghiệp; bạn biên tập layout, trang, hình ảnh hiệu ứng đồ họa theo ý định mình, thiết lập mẫu cho trang phương pháp kéo thả (drag&drop); …Nhưng so với phần mềm Incomedia WebsiteX5 v8 việc sử dụng H&M StudioLine Web 3.6 có phần khó bạn phải tự tìm kiếm cơng cụ cửa sổ làm việc 1.Cài đặt phần mềm: Phần mềm H&M StudioLine Web 3.6 có dung lượng 100MB, bạn tải đầy đủ http://www.mediafire.com/?ywntm0vmm2y Sau tải phần mềm H&M StudioLine Web, bạn nhấn nút Accept nhấn đôi chuột vào tập tin StudioLine_W.exe Trong cửa sổ kế tiếp, bạn nhấn nút Browse để chọn thư mục lưu trữ hình ảnh trang web bên mục Select the path where StudioLine stores your images and websites; chọn thư mục chứa cài đặt mục Select the path for the StudioLine Program files, nhấn Next Kế đến việc cài đặt diễn bình thường giống phần mềm thông dụng khác Yêu cầu hệ thống: -Hệ điều hành Windows 98, Windows 2000, Windows XP -Bộ xử lý tối thiểu phải Pentium III 800MHz -RAM tối thiểu 256MB ổ cứng phải dung lượng 150MB -Đặc biệt, hình phải có độ phân giải 1024×768 pixels (24bit) Bây giờ, bắt tay vào việc thiết kế trang web cho với H&M StudioLine Web 3.6 2.Sử dụng phần mềm: Khi khởi động vào chương trình bạn lựa chọn hình thức: làm việc với trang web (…work on sites and pages), làm việc với nơi lưu trữ hình ảnh (…work with the Image Archive), làm việc với mẫu web (…work on layout templates), thoát khỏi phần mềm (…exit StudioLine) Bước 1: Thiết kế mẫu web Ở lựa chọn trên, bạn chọn work on layout templates để tiến hành biên tập mẫu web Trong mục Basic, H&M StudioLine Web 3.6 cung cấp ba dạng mẫu website theo cách xếp menu: Centered, Left, Top để bạn lựa chọn -Thay đổi tiêu đề menu: Tại cửa sổ thiết kế, bạn tùy ý thay đổi kích thước đối tượng bao gồm kích thước menu, kích thước trang, kích thước tiêu đề (Header),…bằng cách kéo thả Và để nhập văn tiếng Việt sử dụng font chữ VNI tương ứng với bảng mã VNI Windows (bộ gõ Unikey) Muốn chỉnh sửa đối tượng việc nhấn đơi chuột vào để xuất cơng cụ thước -Tạo liên kết: Một việc làm quan trọng bạn nhấn chuột phải menu chọn Link để tạo liên kết cho chúng Trong cửa sổ Link for Objects chọn hình thức liên kết, nhấn Browse (hoặc tương đương), chẳng hạn bạn chọn Link to URL cần chọn giao thức liên kết http://, https://, ftp:// nhập vào đường dẫn ô cạnh bên -Tạo khóa mẫu: Kế đến, bạn cần tạo hiệu ứng để làm bật nội dung trang web cách bấm chuột phải vào khu vực chọn Background, nhấn vào thẻ màu cạnh dòng chữ Background Color để thay đổi màu nền, xong cần bỏ dấu kiểm mục Use Background Image thay đổi có hiệu lực Lưu ý, sử dụng mẫu thiết kế cho trang để tránh bị người khác vơ tình thay đổi nhấn chuột phải vào chọn Layout Objects Locked Bước 2: Xây dựng nội dung cho trang Ở lựa chọn (…work on sites and pages), bạn nhấn Create page đặt tên cho web ô Page Name cửa sổ Create New Page Khi bước vào giao diện H&M StudioLine Web, bạn phát cửa sổ làm việc có giao diện gần giống với Office thường dùng có thêm điều hướng để quản lí nhóm tính (Navigation Pane); cửa sổ tương tác (thiết kế); thùng rác (Recycle bin)-nơi chứa ảnh bị xóa, thiết lập lọc *Làm việc với điều hướng -Navigation Pane: Các nhóm tính điều hướng: -Albums: thư viện giúp cho bạn tiện lợi việc thiết kế trang web, cảm thấy StudioLine Web chưa cung cấp đủ bạn nhấn Browse and Load để duyệt đến ảnh có máy kéo thả ảnh mong muốn vào chủ đề thư mục Design Ngồi ra, bạn dùng công cụ Edit để chỉnh sửa ảnh theo ý -Image Toolbox: Tập hợp cơng cụ giúp bạn chỉnh sửa hình ảnh như: canh chỉnh hình ảnh (Image Alignment), xoay ảnh (Rotate), cắt (Crop), tự động cân đối màu sắc ảnh (Auto Tone Levels), thay đổi màu đối tượng (Gradation), làm mờ ảnh (Blur),…Bên cạnh cịn có nhiều cơng cụ làm hiệu ứng hình ảnh: chiếu sáng bên đối tượng (Buttonize & Shadow), trắng đen (Black & White), đóng quyền lên ảnh (Text), xoay ngược ảnh (Invert Image),… -Timeline: Cho bạn biết xác thời điểm mà bạn chèn đối tượng hình ảnh vào thư viện Cơng cụ có cách xếp khoa học giúp bạn nhanh chóng tìm ảnh -Image Archive Filter: Tính giúp bạn lọc hình ảnh lưu trữ thư viện (Albums) với thông tin bạn cung cấp vào ơ: Descriptor, Operator, Value Khi StudioLine Web xem xét thơng qua gợi ý trả lại cho bạn thư mục chứa hình ảnh phù hợp (Show without folder tree) -Sites: Đây nhóm tính quan trọng Navigation Pane, chứa sơ đồ website bạn Cũng giống Windows Explorer, bạn phải tiến hành tạo thư mục tương ứng với chủ đề mà dư kiến, nhấn vào biểu tượng New Folder ( ) để tạo Khi xong, việc cần tạo trang nằm thư mục đó, bạn nhấn New ( ) chọn thư mục bên phải đặt tên vào ô Page Name, nhấn OK Việc làm diễn nhanh hay chậm tùy thuộc vào quy mô trang web bạn Lưu ý, để tránh bị lỗi chữ bạn khơng nên gõ tiếng Việt có dấu phần tạo thư mục, tạo trang *Làm việc với trang Sau làm quen thành thạo với nhóm tính nêu trên, bạn tiến hành thiết lập mẫu thiết kế (Layout Temlate) cho tất trang website Bạn vào cửa sổ StudioLine Explorer –Layout Templates (biểu tượng cơng cụ) kéo-thả mẫu vào trang, nhấn Apply cửa sổ ra, sau xây dựng nội dung cụ thể cho trang Ngồi ra, chương trình cịn nhiều cơng cụ khác giúp cho việc biên tập nội dung web nhanh chóng chuyên nghiệp: Text Link Properties (thuộc tính liên kết), Search and Replace (tìm kiếm thay từ cụm từ), Spell Checker (kiểm tra tả), Include HTML File (gồm tập tin HTML) Bước 3: Xuất sản phẩm Menu Publish cung cấp cho bạn nhiều lựa chọn để xuất sản phẩm cần ý đến hình thức Profile Trong cửa sổ Publishing Profile, bạn nhấn Edit để điền vào thông tin tài khoản FTP mình: FTP server, Login/User (tên tài khoản), Password (mật khẩu), Default Document,… Nếu tiến trình đưa liệu lên hosting khơng gặp trở ngại bạn có website chuyên nghiệp tự tin chia sẻ với bạn bè, đồng nghiệp III Dịch vụ cung cấp tên miền hosting miễn phí Đối với hai phần mềm tạo website bạn cần phải tải liệu lên máy chủ Hiện nay, việc tự mua cho tên miền (domain) hosting khơng khó khăn thời gian tập làm website bạn không cần phải đầu tư lớn Các dịch vụ miễn phí cung cấp tên miền, hosting có nhiều dịch vụ hoạt động ổn định đếm đầu ngón tay Tên miền co.cc hosting www.000webhost.com nhiều người dùng web lựa chọn tính ổn định hai hỗ trợ tiếng Việt Do đó, viết giới thiệu tên miền Co.cc, hosting giới thiệu Cẩm nang máy tính số 35 Bước 1: Đầu tiên, bạn truy cập vào website www.co.cc chuyển giao diện web ngôn ngữ Việt để dễ sử dụng cách nhấn vào nút xổ xuống mục Change Language > tìm đến Tiếng Việt Bước 2: Bạn nhấn vào mục Cần tên miền > nhập vào tên miền muốn tạo nhấn nút Kiểm tra tính sẵn sàng > nhấn nút Tiếp tục đăng kí Trong cửa sổ kế tiếp, bạn nhập vào ô Tên người dùng (Email) địa mail, Mật khẩu, xác minh từ vào ô bên cạnh nhấn Đăng nhập Bước 3: Kế đến, bạn nhấn Cài đặt để bước vào sổ quản lý tên miền (Manage Domain) Ở bạn cài đặt Name Server hướng đến máy chủ cung cấp hosting www.000webhost.com cách nhập vào hai ô Name Server Name Server 2, nhấn Cài đặt để hoàn tất Xem thêm: thiết kế website, studioline, web, phần mềm ... việc thiết kế trang web cho với H& M StudioLine Web 3.6 2.Sử dụng phần m? ? ?m: Khi khởi động vào chương trình bạn lựa chọn h? ?nh thức: l? ?m việc với trang web (…work on sites and pages), l? ?m việc với. .. dấu phần tạo thư m? ??c, tạo trang *L? ?m việc với trang Sau l? ?m quen thành thạo với nh? ?m tính nêu trên, bạn tiến h? ?nh thiết lập m? ??u thiết kế (Layout Temlate) cho tất trang website Bạn vào cửa sổ StudioLine. .. lưu trữ h? ?nh ảnh (…work with the Image Archive), l? ?m việc với m? ??u web (…work on layout templates), thoát khỏi phần m? ? ?m (…exit StudioLine) Bước 1: Thiết kế m? ??u web Ở lựa chọn trên, bạn chọn work