TAILIEUCHUNG - Ebook Web development (Phát triển web): Phần 2

Tiếp tục nội dung phần 1, phần 2 của ebook "Web development (Phát triển web)" trình bày các chương như: Những thủ thuật trong thiết kế và lập trình, phát triển web, kỹ năng viết bài, dịch vụ Hostting, dịch vụ tên miền, Chiến lượt phát triển một trang web, luật bản quyền. để nắm bắt những nội dung chi tiết. | Phát triển Web 2012 Chương 5 Những thủ thuật trong thiết kế và lập trình Tạo nút bằng Photoshop Hôm qua dạo chơi thấy một trang web nó tạo ra hàng nút dạng inset khá đẹp và hiện đại. Nên tôi mày mò cách tạo ra được kết quả gần giống với hình gốc. Hôm nay chia sẻ với các bạn nếu thích các bạn có thể làm theo và nếu khéo kết hợp cũng tạo ra được nút di chuyển rất hiện đại. Bởi vì bài này không quá phức tạp và cũng ngắn gọn cho nên tôi làm tut hình cho nó lẹ và đỡ mất thời gian hơn. Các bạn cũng có thể download phiên bản PSD về để xài. Nếu các bạn giống tôi luôn thích xem kết quả trước khi làm theo thì đây là hình cuối cùng chúng ta sẽ được. Bước 1 Để bắt đầu bạn mở một tài liệu mới trong Photoshop với kích thước khoảng 500x500 Px. Chọn màu nền trước là màu đen và trên hộp công cụ chọn Rounded Rectangular Tool U với thông số Radius 8 px và tạo một hình như hình dưới. 125 Demon Warlock Phát triển Web 2012 Trong Layer Pallet chọn Layer Effect Drop Shadow và thiết lập thông số như hình sau Bước 2 Trên Layer Pallete Ctrl-Click vào layer shape vừa tạo ở bước 1 để load vùng lựa chọn. Sau đó vào Select Modify Contract và điền vào hộp thoại là 1px Bước 3 Trên Layer Pallet tạo một layer mới. Chọn công cụ Gradient G trong hộp công cụ và đặt màu nền trước là màu 44464C và màu nền sau là màu 0F1114 kéo một đường theo hình mũi tên. 126 Demon Warlock Phát triển Web 2012 Trong Layer Pallete chọn Layer Effect Inner Shadow và thiết lập thông số như hình sau Trên layer Pallet tạo thêm một layer nữa. Trên Layer Pallete Ctrl-Click vào layer shape vừa tạo ở bước 1 để load vùng lựa chọn. Sau đó vào Select Modify Contract và điền vào hộp thoại là 2px. Di chuyển vùng chọn xuống dưới 2px bằng phím mũi tên trỏ xuống. Đổi màu nền trước thành màu 2D343D và giữ nguyên màu nền sau và kéo một đường như hình trên. Bây giờ bạn có thể thêm chữ và là xong. Kết quả ở trên cùng của bài viết và bạn có thể download file PSD này về tham khảo. 127 Demon .

• Đồ họa - Thiết kế - Flash
• Web development
• Ebook Web development
• Phát triển web
• Lập trình web
• Dịch vụ Hostting
• Dịch vụ tên miền
• Web technologies
• Web programming
• Web applications
• Computer programming
• Web development technologies
• Web project management
• Web application development process
• Web engineering
• Introduction to web engineering
• Web application development
• Web development process model
• Development process model
• Thiết kế web
• Xây dựng website
• Google Analytics
• Lecture Web design and development
• Bài giảng Thiết kế và phát triển web
• Web design and development
• Web based performance review management system
• Web based school management system
• HTTP communication model
• JavaServer pages
• Web based enterprise applications in Java
• Java web application technologies
• web security
• web management
• documents on Web Applications
• World wide web
• Internet protocols
• Transmission control protocol
• Java servlets
• Software requirements
• Client side validation
• Deploying web application
• Server side utility classes
• Java virtual machine
• Java platform
• Java program development
• Modeling web applications
• Testing web application
• Web services
• Web hosting
• ICT 5 Web Development
• Introduction to Web Programming
• The Internet
• Uniform Resource Identifier
• Web site or Website
• Lecture Web Technology and online services
• Web Technology and online services
• Công nghệ web và dịch vụ trực tuyến
• Web development with Java
• Java Server Page
• Free Servlet and JSP Engines
• Performing basic tasks in java
• Control structures
• String concatenation
• The structure of classes
• Specify access modifiers
• Non static instance variable
• Common errors
• Error: cannot resolve symbol
• Error: Local variable not initialized
• Built in support for collections
• Collections store references to objects
• Collection design