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

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 là Pentium III 800MHz.

            -RAM tối thiểu là 256MB và ổ cứng phải còn dung lượng ít nhất là 150MB.

            -Đặc biệt, màn hình phải có độ phân giải 1024×768 pixels (24bit).

Bây giờ, chúng ta có thể bắt tay vào việc thiết kế một trang web cho chính mình 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 thì bạn sẽ được lựa chọn một trong các 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 các 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

Ở các 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 của mình. Trong mục Basic, H&M StudioLine Web 3.6 sẽ cung cấp ba dạng mẫu website theo cách sắp xếp các menu: Centered, Left, Top để bạn lựa chọn.

-Thay đổi tiêu đề và menu:

Tại cửa sổ thiết kế, bạn có thể tùy ý thay đổi kích thước của các đối tượng bao gồm kích thước cá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 bản tiếng Việt hãy sử dụng các 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 nào thì chỉ việc nhấn đôi chuột vào nó để xuất hiện thanh công cụ và thanh thước.

-Tạo liên kết:

Một việc làm khá quan trọng nữa là bạn nhấn chuột phải ở từng 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, rồi nhấn Browse (hoặc tương đương), chẳng hạn nếu bạn chọn Link to URL thì cần chọn giao thức liên kết http://, https://, ftp:// và nhập vào đường dẫn ở ô cạnh bên.

-Tạo nền và khóa mẫu:

Bước 2: Xây dựng nội dung cho các trang.

            Ở lựa chọn đầu tiên (…work on sites and pages), bạn hãy nhấn Create page và đặt tên cho web tại ô Page Name trong cửa sổ Create New Page. Khi bước vào giao diện của H&M StudioLine Web, bạn sẽ phát hiện cửa sổ làm việc có giao diện gần giống với bộ Office thường dùng nhưng nó có thêm các thanh điều hướng để quản lí các nhóm tính năng (Navigation Pane); cửa sổ tương tác (thiết kế); thùng rác (Recycle bin)-nơi chứa những bức ảnh bị xóa, những thiết lập và các bộ lọc.

*Làm việc với thanh điều hướng -Navigation Pane:

            Các nhóm tính năng chính trên thanh điều hướng:

            -Albums: là thư viện giúp cho bạn tiện lợi hơn trong việc thiết kế trang web, nếu cảm thấy StudioLine Web chưa cung cấp đủ thì bạn nhấn Browse and Load để duyệt đến bức ảnh có trên máy rồi kéo thả bức ảnh mong muốn vào đúng chủ đề trên thư mục Design. Ngoài ra, bạn có thể dùng công cụ Edit để chỉnh sửa bức ảnh theo ý mình.

-Image Toolbox: Tập hợp các công cụ giúp bạn chỉnh sửa các 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ó rất nhiều công cụ làm hiệu ứng hình ảnh: chiếu sáng một bên đối tượng (Buttonize & Shadow), trắng đen (Black & White), đóng bản quyền lên ảnh (Text), xoay ngược bức ảnh (Invert Image),… <!--[if !vml]--><!--[endif]-->

-Timeline: Cho bạn biết chính xác thời điểm mà bạn chèn một đối tượng hình ảnh nào đó vào thư viện. Công cụ có cách sắp xếp rất khoa học giúp bạn nhanh chóng tìm ra các bức ảnh.

            -Image Archive Filter: Tính năng giúp bạn lọc ra những hình ảnh được lưu trữ trong thư viện (Albums) với những thông tin do chính bạn cung cấp vào các ô: Descriptor, Operator, Value. Khi đó StudioLine Web sẽ xem xét thông qua các gợi ý đó và trả lại cho bạn cây thư mục chứa các hình ảnh phù hợp (Show without folder tree).

            -Sites: Đây chính là nhóm tính năng quan trọng trong Navigation Pane, chứa sơ đồ website của bạn. Cũng giống như Windows Explorer, bạn cũng phải tiến hành tạo các thư mục chính tương ứng với chủ đề chính mà mình dư kiến, nhấn vào biểu tượng New Folder ( <!--[if !vml]--><!--[endif]-->) để tạo. Khi xong, việc kế đến là cần tạo ra các trang nằm trong các thư mục đó, bạn nhấn New ( <!--[if !vml]--><!--[endif]-->) rồi chọn thư mục ở bên phải và đặt tên vào ô Page Name, nhấn OK. Việc làm này diễn ra nhanh hay chậm là tùy thuộc vào quy mô trang web của bạn. Lưu ý, để tránh bị lỗi về 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 này.

*Làm việc với các trang

Sau khi đã làm quen và thành thạo với những nhóm tính năng nêu trên, bạn hãy tiến hành thiết lập mẫu đã thiết kế (Layout Temlate) cho tất cả các trang của website. Bạn vào cửa sổ StudioLine Explorer –Layout Templates (biểu tượng <!--[if !vml]--><!--[endif]--> trên thanh công cụ) rồi kéo-thả mẫu đó vào từng trang, nhấn Apply ở cửa sổ hiện ra, sau đó hãy xây dựng nội dung cụ thể cho các trang ấy.

Ngoà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 và chuyên nghiệp: Text Link Properties (thuộc tính các liên kết), Search and Replace (tìm kiếm và thay thế từ hoặc cụm từ), Spell Checker (kiểm tra chính tả), Include HTML File (gồm tập tin HTML).

Bước 3: Xuất ra sản phẩm

            Menu Publish cung cấp cho bạn nhiều lựa chọn để xuất ra sản phẩm nhưng trong đó cần chú ý đến hình thức Profile. Trong cửa sổ Publishing Profile, bạn nhấn Edit để điền vào những thông tin về tài khoản FTP của 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 dữ liệu lên hosting không gặp trở ngại thì bạn sẽ có một website chuyên nghiệp và tự tin chia sẻ với bạn bè, đồng nghiệp.

III. Dịch vụ cung cấp tên miền và hosting miễn phí

            Đối với hai phần mềm tạo website trên thì bạn cần phải tải dữ liệu lên máy chủ. Hiện nay, việc tự mua cho mình một tên miền (domain) và một hosting không gì khó khăn nhưng trong thời gian tập làm website bạn không cần phải đầu tư lớn như thế. Các dịch vụ miễn phí cung cấp tên miền, hosting cũng có rất nhiều nhưng dịch vụ hoạt động ổn định thì chỉ đếm trên đầu ngón tay. Tên miền co.cc và hosting www.000webhost.com được rất nhiều người dùng web lựa chọn vì tính ổn định của nó và cả hai đều hỗ trợ tiếng Việt. Do đó, ở bài viết này sẽ giới thiệu về tên miền Co.cc, còn về hosting thì đã được giới thiệu trên Cẩm nang máy tính số 35.