công nghệ và cuộc sống

Nguồn trích từ :   http://nct.y1n9.com Cách tạo tài khoản và add  nhạc từ Nhaccuatui.com - Vào   http://www.nhaccuatui.com -  Cach Tạo một tài khoản như sau :  click " Đăng kí" -Nhập các yêu cầu vào -  Tiếp theo là Add nhạc - Sau khi bạn add nhạc xong ,bạn bấm vào NGHENHACCUATUI nằm ở phía trên bên phải của  trang nhạc - Và sau đó bạn copy link nhạc ra word hay Notepad để dể làm - Link nhạc của mình :   http://www.nhaccuatui.com/nghe?L= t5_Uf8Lvo_lT  +các bạn chỉ lấy phần màu vàng  cuối cùng : t5_Uf8Lvo_lT +cuối cùng ,copy phần màu vàng thay vào chổ :     Chèn vào đây   - Bạn chèn Link vào đây  : <embed allowscriptaccess="never" height="300" src="http://i637.photobucket.com/albums/uu96/linhtungx/player/mediaplayer_y1n9.swf?file=http://nct.y1n9.com/360PLUS/?id=http://www.nhaccuatui.com/nghe?L= Chènvàođây &displayheight=60&backcolor=0x1489E3&frontcolor=0x000000&lightcolor=0x000000&showdigits=true&showeq=true&am

Thiết kế web bằng Photoshop - Bài 10 - Rollover Giới thiệu Rollover Bài 10A – Tạo button over từ Style và Layer Comps Nhấn  Shift  và chọn các layer button Vào menu  Layer  > Chọn  New Layer Based Slices  để tạo ra các slices cho các button Vào menu  Window  mở bảng  Style  lên Nhấn vào list menu panel    của panel Style chọn Web Styles để mở danh sách các style có sẵn dành cho web nhấn vào 1 style nào đó để áp dụng cho các button trong bảng thiết kế của mình. Lúc này bên bảng layer hiển thị các effects được áp dụng cho button, Bạn có thể chỉnh sửa các effects này.     Create New Layer Comp Vào menu  Window  mở bảng  Layer Comps  lên chọn  Create New Layer Comp Đặt tên cho  Layer Comp  này là  menu  ( Visibility  – tính chất của layer, Position  – Vị trí của layer,  Appearance  – Sự xuất hiện của layer) Chọn 3 chức năng này thì các button sẽ hiển thị đúng vị trí đang thiết kế cùng các hiệu ứng của nó. Nhấn  OK  để lưu lại. Tiếp tục chọn  Create New Layer Comp  để t

Bài 9 - Cắt layout bằng slice tool Trong Photoshop để thiết kế được một layout website hoàn chỉnh ngoài các công cụ để vẽ và những công cụ để chỉnh sửa hình ảnh thì công cụ cắt layout và quá trình tối ưu hóa layout được cắt là một khâu quan trọng trước khi Bạn sử dụng các phần mềm khác như Dreamweaver, notepad … để dựng layout . Bài 9 Hướng dẫn thiết kế website trên Photoshop sẽ hướng dẫn chi tiết các thao tác sử dụng công cụ Slice tool để cắt layout. Bài 9A – Tìm hiểu về slices Bài này sẽ giới thiệu cho Bạn hiểu về chức năng và công dụng của công cụ slice. Mở file slices1.psd trong thư mục Bài Tập Thực Hành (link download phía cuối bài viết). Vào menu View -> Show -> Slices để hiển thị các đường slice (đường cắt bằng công cụ slice)  (hình 01) . Xem clip hướng dẫn: Bài 9B – Sử dụng Slice Tool. File -> Save fo web & Devices… Xem clip hướng dẫn: Trong cửa sổ Popup Save for Web chọn thẻ  Optimized , chọn  Slices Select tool  trên hộp công cụ, tiếp theo chọn s

Bài 7 - Chuẩn bị hình ảnh để thiết kế website Website là  “bộ mặt”  của doanh nghiệp vì thế việc trang điểm điểm cho  “bộ mặt”  ấy rạng ngời nhằm  “hút hồn”  khách hàng đến với doanh nghiệp là cần thiết tuy nhiên việc “trang điểm” này lại có rất nhiều yếu tố như bố cục, màu sắc, hoa văn, hình ảnh… Trong bài tập số 7 này chúng ta sẽ làm quen với việc sử dụng Photoshop để tối ưu chất lượng, dung lượng hình ảnh sao cho phù hợp với công việc thiết kế website. Trong bài 7A các Bạn sẽ thấy được sự tiện dụng khi sử dụng mini bridge trong photoshop CS5 đồng thời sử dụng Photoshop để “tút” lại hình ảnh trước khi đưa vào bản thiết kế. Nếu bài 7B hướng dẫn các Bạn thay đổi kích thước nhằm giảm dung lượng file thiết kế mà vẫn giữ được chất lượng hình ảnh thì bài 7C lại đem đến cho các Bạn kỹ năng xử lý hình ảnh có chất lượng không tốt, tối ưu chúng để đưa vào bản thiết kế nhằm nâng cao tính thẩm mỹ cho website sau này. Trong quá trình thực hành nếu có thắc mắc vui lòng gửi về e-mail

Bài 6 - Thiết kế thanh điều hướng cho website Trong website thanh điều hướng (navigation) cực kỳ quan trọng và hữu ích, với mục đích giúp người truy cập  website di chuyển từ trang này qua trang khác một cách nhanh chóng và dễ dàng. Về phương diện thẩm mỹ thì thanh điều hướng là một thành phần cấu thành bố cục tổng thể cho website nên các designer luôn luôn dành một phần không nhỏ thời gian chau chuốt cho thanh điều hướng trong “tác phẩm” của mình. Bài hướng dẫn số 6A sẽ giúp Bạn xây dựng một thanh điều hướng, bài 6B hướng dẫn Bạn tạo các nút và lưu chúng để áp dụng vào các nút tiếp theo nhằm rút ngắn thời gian cho việc thiết kế thanh điều hướng đồng thời làm cho thanh điều hướng trong “tác phẩm” của Bạn trở nên chuyên nghiệp và ấn tượng, bài 6C sẽ giúp Bạn cách tạo và chỉnh sửa một nút cho website bằng smart objects, Bạn sẽ biết sử dụng các công cụ để biến đối tượng bitmap thành các hình dạng vector rồi dùng các hình dạng đó để tạo ra những biểu tượng cho website của mình

Bài 5 - Tối ưu hóa đồ họa trong suốt cho website Ở bài trước chúng ta đã làm quen với background trong thiết kế website, tuy nhiên như thế vẫn là chưa đủ đối với một nhà thiết kế chuyên nghiệp vì còn một số yếu tố quan trọng liên quan tới tốc độ download trang web, tính hiệu quả cũng như tính thẩm mỹ trong bản thiết kế. Trong bài 5 này chúng ta sẽ từng bước làm quen với các loại hình ảnh trong suốt và tối ưu chúng để bản thiết kế đạt được tính thẩm mỹ và mang lại hiệu quả, ấn tượng. Bài 5A - Tìm hiểu về đồ họa trong suốt. Bài 5B - Làm việc với hình ảnh background màu đồng nhất. Bài 5C - Làm việc với hình ảnh background có hoa văn. Download bài tập thực hành File name: Bai05_ToiUuHoaDoHoaTrongSuotChoWeb.rar - File size: 26.85 MB

Bài 4 - Tạo background cho website. Để thiết kế một background ấn tượng là cả một nghệ thuật mà designer chính là người nghệ sỹ. Để giúp các bạn tích lũy thêm kiến thức về background cho website, Polygon giới thiệu bài “Cách làm background cho web” để các bạn tham khảo. Hy vọng chúng sẽ đem lại nguồn cảm hứng mới để các bạn trang hoàng cho tác phẩm của mình một cách thật độc đáo và ấn tượng. Bài 4A - Lựa chọn background cho web   Bài 4B - Tối ưu hóa hình ảnh background cho web Bài 4C - Cách bố cục hình ảnh background theo trục ngang, dọc Bài 4D - Xây dựng một hình ảnh background liền mạch Bài 4E - Tạo một background trải đề toàn màn hình Download bài tập thực hành File name: Bai04_LamNenChoWeb.rar - File size: 26.85 MB

Bài 3 - Tối ưu hóa hình ảnh cho website Đối với một website, hình ảnh là yếu tố vô cùng quan trọng, nó góp phần không nhỏ để tạo nên một giao diện đẹp và chuyên nghiệp đồng thời phải đáp ứng được tốc độ download trên internet (dung lượng file nhỏ). Chính vì vậy, việc xử lý hình ảnh là khâu được các designer đặc biệt quan tâm. Với các phần mềm chuyên dụng thì công việc này không quá khó để tạo những bức ảnh ưng ý và đúng ý đồ của người thiết kế. Bài “Tối ưu hóa hình ảnh cho website” sẽ đem lại nhiều khám phá thú vị cho bạn khi thực hiện công đoạn xử lý các hình ảnh này.  Bài 3A - Làm việc với cửa sổ Save for web   Bài 3B - Tìm hiểu các loại file dành cho web Bài 3C - Tối ưu hóa hình ảnh JPG Bài 3D - Tối ưu hóa hình ảnh GIF Download bài tập thực hành File name: Bai03_ToiUuuHoaHinhAnhChoWeb.rar File size:53.50 MB đăng bởi  Admin

Bài 2 - Thao tác với các công cụ phối màu trong photoshop (tiếp) Trong thiết kế, màu sắc đóng vai trò vô cùng quan trọng, giúp bản thiết kế trở nên hoàn chỉnh và đẹp hơn nếu designer giỏi phối màu. Đối với thiết kế website cũng vậy, màu sắc chiếm một phần không nhỏ trong sự thành công của một bản thiết kế. Bài “Thao tác với các công cụ phối màu trong photoshop” sẽ giúp các bạn tích lũy thêm kinh nghiệm để sử dụng thành thạo các công cụ phối màu trên photoshop. Bài 2D - Làm việc với tùy chỉnh bảng màu Swatches Bài 2E - Chọn màu chủ đạo với color Kuler Bài 2F - Xử lý màu cho các đối tượng Graphic Bài 2G - Copy màu HEX và HTML Download bài tập thực hành File name: Bai02_MauSac.rar File size: 25.11 MB

Bài 1 - Thiết kế layout web bằng Photoshop Chào các Bạn! Từ ngày 12 tháng 1 năm 2011, để phục vụ tốt hơn cho việc học tập của sinh viên, Polygon tiến hành mở chuyên mục Tutorials trên website www.polygon.vn. Chuyên mục này gồm các bài viết và movie clip hướng dẫn một số thủ thuật và các bước thực hành bài tập về thiết kế với nhiều chủ đề hay và đa dạng; giúp sinh viên tiếp cận gần hơn với nghề design. Từ đó, nâng cao kỹ năng thiết kế trên máy tính bằng các phần mềm chuyên dụng như Photoshop, AI, Indesign, 3D… Mở đầu cho chuyên mục này POLYGON đem đến cho các Bạn một seri bài hướng dẫn thiết kế layout website trên phần mềm Photoshop với phần thuyết minh bằng tiếng Anh. Nghe có vẻ “to lớn” nhưng thật ra thủ thuật của nó lại rất đơn giản, bằng một vài bước bạn có thể tạo ra một giao diện website riêng theo ý mình và mặc sức sáng tạo cùng với nó. Đừng quên lấy tư liệu về và thực hành nhé! Bài 1A Bài 1B Bài 1C Download bài tập thực hành File name: Bai01_KhongGianLamVie

Bài 8 - Tạo một trang web mới - tham khảo trang web mẫu Trước khi thiết lập kích thước layout cho trang web của Bạn , Bạn nên nghiên cứu các giải pháp kích thước trang web của mình. Bài 8A - Xác định kích thước trang Bạn truy cập vào 1 website nào đó mà Bạn thấy thích chụp lại màn hình. Trong Photoshop Bạn nhấn Ctrl+N để tạo file mới, nhấn Ctrl+V để đưa ảnh chụp màn hình vào sau đó dùng công cụ Ruler tool để đo kích thước ngang và dọc trang web mà Bạn thích từ đây Bạn có thể mường tượng được kích thước trang web của mình sau khi thiết kế xong nó sẽ như thế nào, lớn quá hay nhỏ quá để hiệu chỉnh sao cho phù hợp. Bạn có thể thiết lập kích thước trang web của mình tùy ý tuy nhiên theo các designer có kinh nghiệm thì họ chỉ khống chế thiết lập kích thước cho bản thiết kế của mình là 1000x768 px vì hiện nay đa số người sử dụng internet sử dụng độ phân giải màn hình là 1024x768 px, và như vậy nếu Bạn không muốn xuất hiện 1 thanh cuộn ngang gây bất tiện cho người dùng thì nên sử

Tạo menu xổ xuống B ài viết trước đây, mình đã cùng các bạn tìm hiểu cách  tạo một Menu đơn giản dành cho Blogspot . Hôm nay chúng ta tiếp tục tìm hiểu cách tạo một Drop-Down Menu đơn giản cho Blogger. Drop down menu Bước 1: Đăng nhập vào  Blogger , chọn " Thiết kế " -> " Chỉnh sửa HTML " Bước 2: Tìm code: </head> Và chèn đoạn code sau phía trước đó: <!--jquery-DD-Menu-Starts--> <style type="text/css"> /* menu styles */ #jsddm { margin: 0; padding: 0} #jsddm li { float: left; list-style: none; font: 12px Tahoma, Arial} #jsddm li a { display: block; background: #324143; /*DARK-GREEN*/ padding: 5px 12px; text-decoration: none; border-right: 1px solid white; width: 70px; color: #EAFFED; white-space: nowrap} #jsddm li a:hover { background: #24313C} #jsddm li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white} #jsddm li ul li { float: none; display: inline} #jsddm li ul li a

Tạo thanh điều hướng cho blog -- Thanh điều hướng kiểu breadcrumb (kiểu theo dấu vết ruột bánh mì) là thanh điều hướng cho phép người lướt web truy tìm nội dung theo chủ đề. Nó bắt nguồn từ câu chuyện dấu vết những cái ruột bánh mì bị bỏ lại bởi Hansel và Gretel trong truyện cổ tích nổi tiếng của anh em nhà Grimm. Chuyện là thế này: Hansel và Gretel là 2 đứa trẻ trong một gia đình rất nghèo. Bố mẹ chúng nghèo quá đến nỗi không có gì để cho con cái ăn. Họ đã quyết định đem những đứa trẻ vào rừng và bỏ mặc chúng cho thú hoang ăn thịt. Hansel và Gretel đã phát hiện ra kế hoạch khủng khiếp này và có những biện pháp đề phòng trước. Chúng mang theo một cái bánh mì và thả rơi những mẫu ruột bánh mì dọc theo đường đi để tìm đường về nhà. Nhưng chẳng may chúng đã không tìm được đường về nhà và bị bắt giữ bởi một mụ phù thủy độc ác. Từ câu chuyện này, ngày nay chúng ta có thể thấy thanh điều hướng theo kiểu “truy tìm đường theo mẫu ruột bánh mì” trên nhiều website để tìm lối trở lại T

Tạo trình Menu , sub menu, như vnexpress Trong thời gian trước đã giới thiệu với các bạn bài viết  Tạo Tabs menu mouse over cho Blogspot  là menu dạng nằm ngang kèm theo hiệu ứng đóng mở menu con khi click chuột(Tab Menu Mouseover) giống như của vnexpress.net. Lần này xin hướng dẫn các bạn thực hiện style menu mới theo cách của [FD's BlOg] và style này giống như trang vnexpress.net chỉ có màu sắc khác chút xíu.  Bạn có thể dùng photoshop tùy chỉnh lại màu sắc theo ý mình Hình ảnh minh họa: Xem demo ở đây :   LIVE DEMO ☼ Sau đây là các bước thực hiện : 1.   Vào bố cục 2.   Vào chỉnh sửa code HTML   3.   Chèn đoạn code bên dưới vào trước thẻ đóng   </head> <style type="text/css"> .parent-menu, .sub-menu {width:800px;} #topmenu {height:46px; margin-bottom:10px;z-index:-10px;} .fl {float:left;} #topmenu {float:left;} .fr {float:right;} .parent-menu {height:25px; font:11px tahoma; color:#ffffff; text-align:center; background:#f5f5f6 url(' ht