Đây được xem là giai đoạn phác thảo trên giấy, nhưng là một giai đoạn cực kỳ quan trọng, nó sẽ giúp cho chúng ta biết được chính xác kích thước của tất cả các thành phần trong Web page trước khi chính thức ngồi thiết kế giao diện của Web page bằng chương trình Photoshop. Do vậy, chúng ta cần phải nắm được kích thước của các thành phần sau:
II.1. Xác Định Kích Thước Tổng Thể Của Webpage
− Xác định kích thước ngang. − Xác định kích thước đứng.
− Thông thường kích thước tổng thể của Webpage là 800 pixel x cho chiều cao là tùy ý. Hoặc 1024 x chiều cao tùy ý.
II.2. Xác Định Kích Thước Banner
− Xác định kích thước ngang của Banner. − Xác định kích thước đứng của Banner.
− Quyết định chia Banner ra thành bao nhiêu ảnh thành phần. − Kích thước ngang và đứng của mỗi ảnh thành phần.
II.3. Xác Định Kích Thước Left Menu
− Xác định kích thước ngang của Left Menu. − Xác định kích thước đứng của Left Menu.
− Quyết định chia Left Menu ra thành bao nhiêu Menu con. − Thông thường tại mỗi Menu người người ta thường gắn một
Image cho Menu. Do đó cần xác định kích thước ngang và đứng của mỗi ảnh thành phần.
II.4. Xác Định Kích Thước Right Menu
− Xác định kích thước ngang của Right Menu. − Xác định kích thước đứng của Right Menu.
− Quyết định chia Right Menu ra thành bao nhiêu Vùng, kích thước ngang và đứng của mỗi vùng là bao nhiêu.
− Thông thường tại mỗi vùng người người ta thường gắn một Image để làm nền cho vùng đó và thường là khung hình. Do đó cần xác định kích thước ngang và đứng của mỗi ảnh thành phần dùng để làm khung nền.
II.5. Xác Định Kích Thước Vùng Nội Dung
− Đây là vùng dùng để hiển thị nội dung khi các thành phần chức năng khi được chọn.
− Cần xác định được kích thước ngang và kích thước đứng của ảnh nền cho vùng nội dung nếu có.
− Quan tâm thêm xem vùng ảnh nền có chia nhỏ ảnh ra thành nhiều ảnh con không.