Biến trong Javascript

November 30, 2011

Biến là gì?? Khi làm quen với ngôn ngữ lập trình, bạn sẽ phải làm việc rất nhiều với các thuật ngữ như: biến, hàm, giá trị, lệnh. Mình sẽ giải thích sơ qua 4 thuật ngữ này để bạn dễ hình dung: Lệnh: Thực hiện các tính toán giá trị, điều khiển chương trình  Hàm: Một hàm bao gồm một hoặc nhiều câu lệnh, khi được gọi, hàm sẽ thực thi các lệnh và trả về kết quả của biến. Biến là nơi lưu trữ giá trị của biến khi được khởi tạo, hoặc giá trị của hàm sau khi đã được thực thi. …

Xem tiếp →

Javascript – Chương trình đầu tiên

November 28, 2011

Khi học bất kỳ một ngôn ngữ lập trình nào, bạn cũng sẽ được học chương trình đầu tiên. Để mở đầu cho những bài viết về Javascript cơ bản, mình cũng muốn các bạn làm quen với chương trình đầu tiên trong javascript. 1, Khi bạn chạy tập tin HTML với mã như bên dưới, nếu trình duyệt hỗ trợ Javascript Kết quả: Trình duyệt sẽ thực thi một lệnh Javascript document.wirte() và in ra màn hình chuỗi: “Đây là chương trình Javascript đầu tiên” 2, Đoạn mã bên dưới sẽ hiển thị một hộp thoại thông báo với nội dung: “Xin chào, đây là chương trình Javascript đầu tiên” …

Xem tiếp →

Thiết kế web cần học những gì??

November 26, 2011

Thông qua một số diễn đàn, mình thấy khá nhiều bạn đặt ra câu hỏi này, đặc biệt là với những bạn đang bắt đầu tìm hiểu và có ý chọn nghề “Thức đêm nhiều” Chúng ta thường gọi chung là “Thiết kế web” nhưng chính xác  ”Thiết  kế web” bao gồm 2 mảng chính và công việc của mỗi mảng là khác nhau: Thiết kế web: Thiết kế giao diện, hình ảnh…, đây chính là những người tạo nên bộ mặt của website đối với người dùng. Ở Việt Nam, công việc này đóng góp một phần lớn vào sự thành công của website (Theo quan điểm của riêng mình) Lập trình web: Phát triển ứng dụng, chức năng …

Xem tiếp →

Javascript là gì?

November 13, 2011
Javascript là gì?

Javascript là một ngôn ngữ thông dịch, chương trình nguồn của nó được nhúng hoặc tích hợp vào tập tin HTML. Khi trang web được tải trong trình duyệt hỗ trợ javascript, Trình duyệt sẽ thông dịch và thực hiện các lệnh Javascipt. Chương trình nguồn Javascript được thông dịch trong trang HTML sau khi toàn bộ trang được load nhưng trước khi trang được hiển thị. 1. Đặc tính của ngôn ngữ java script: Javascript là một ngôn ngữ có đặc tính: Đơn giản. Động (Dynamic). Hướng đối tượng (Object Oriented). 2. Ngôn ngữ java script: Một trong những đặc tính quan trọng của ngôn ngữ …

Xem tiếp →

Hướng dẫn sử dụng SpriteMe

October 14, 2011
Hướng dẫn sử dụng SpriteMe

Trong bài viết CSS Image Spires là gì? Chúng ta đã biết được tác dụng và cách thức để sử dụng Image Sprices. Nhưng có một nhược điểm là để sử dụng được Image Sprites bạn phải có kiến thức Photoshop nhất định để tạo thành file ảnh và tính toán vị trí của các thành phần ảnh. Hôm nay tôi sẽ hướng dẫn bạn sử dụng SpriteMe để tạo Image Sprites một cách nhanh chóng và chính xác nhất. SpireMe là trang web hỗ trợ bạn tạo CSS Sprite một cách nhanh nhất, chức năng chính của SpriteMe: Gộp các file ảnh nền tương đồng thành một file để sử dụng Image Spire Export mã CSS …

Xem tiếp →

CSS Image Sprites là gì?

October 9, 2011
CSS Image Sprites

Để hiểu CSS Image Sprites là gì? chúng ta cùng xem xét cách thiết kế Navigation như hình bên dưới, nếu theo cách thông thường bạn phải cần ít nhất ít nhất 8 hình ảnh để làm ảnh nền (Nếu tính cả 4 ảnh cho hiệu ứng Rollover). CSS Image Sprites là cách gộp nhiều ảnh nền cần sử dụng vào một file hình duy nhất và sử dụng thuộc tính background-position trong CSS với 2 vị trí Left, Top để  xác định vị trí thành phần ảnh cần làm nền, nhằm giảm tải Request (yêu cầu) đến Server, và giảm dung lượng file hình, tăng tốc độ tải trang, tiết kiệm tài …

Xem tiếp →

3 cách khắc phục lỗi Double margin IE 6

September 19, 2011
Khắc phục lỗi Double margin trong IE 6

Double margin IE 6 là gì? Lỗi Double margin xảy ra khi ta sử dụng margin-left cho một thành phần đã được gán float: left, hoặc margin-right cho một thành phần đã được gán float: right. Ví dụ ta có thành phần div với class “box” và ta viết mã CSS như sau: Với những trình duyệt khác thì sẽ hiển thị bình thường và thành phần div.box sẽ được canh lề bên trái 50px. Nhưng với trình duyệt IE phiên bản 6 trở về trước  (Tạm gọi là IE 6) thì giá trị margin sẽ bị gấp đôi (Double) và cách bên trái 100px. Cách khắc …

Xem tiếp →

PSD to HTML (Phần cuối – Dựng Mã CSS)

September 18, 2011
PSD to HTML - (Phần cuối)

Đây là phần cuối trong loạt bài viết chuyển từ PSD sang HTML, phần này chúng ta sẽ tập trung vào việc hoàn thiện Layout với CSS, đây có thể coi là một phần quan trọng nhất trong việc chuyển từ PSD sang HTML, Video khá dài, khoảng 1h30p, và mình mong rằng Video này sẽ ít nhiều giúp ích được cho bạn. Xem Demo 

Xem tiếp →

PSD to HTML (Phần 6 – dựng mã xHTML)

September 11, 2011
PSD to HTML - Part 6 (Dựng mã HTML)

Phân tích bố cục và dựng mã HTML là một buớc khá quan trọng trọng việc chuyển đổi từ PSD sang HTML. Video này mình sẽ hướng dẫn các bạn xây  dựng cấu trúc HTML từ bố cục của file PSD,  Thời gian qua mình cũng khá bận nên chưa thể hoàn thành loạt bài viết này như dự kiến, trong quá trình thực hiện video cũng không thể tránh một số thiếu xót mong các bạn thông cảm và ủng hộ. Video gốc mình sẽ cập nhật sau

Xem tiếp →

PSD to HTML – Phần 5: Slice hình với Photoshop (Play Video)

August 20, 2011
Slice PSD trong Photoshop

Tranh thủ ngày nghỉ cuối tuần Update phần 5 trong loạt bài viết PSD to HTML, trong phần này chúng ta sẽ sử dụng công cụ  Slice trong Photoshop để cắt hình ảnh cần thiết từ file PSD. Có một chút thay đổi là phần này được thực hiện dưới dạng Video, hy vọng mọi người sẽ nắm bắt tốt hơn và ủng hộ cho Video đầu tiên trên Ewebvn. Trong lúc bối rối có những sai xót to lớn mong anh em bỏ quá cho File PSD được lấy từ  PSDSTYLE.NET, Bạn có thể download file PSD mẫu từ …

Xem tiếp →

PSD to HTML – Phần 4: Phân tích bố cục

August 18, 2011
PSD to HTML - Phân tích bố cục

Có một chút trục trặc về kỹ thuật về bản mẫu dự định cho loạt bài viết này, mình nghĩ đi nghĩ lại thấy bản mẫu hôm trước đơn giản quá, và mình phải lục lọi để tìm cho được một bản mẫu ưng ý, không quá khó cũng không quá dễ để các bạn rèn luyện tay nghề. Và đây là những gì mà Ewebvn mong muốn bạn làm được sau loạt bài viết này: Quay trở lại công việc chính, hôm nay chúng ta sẽ phân tích bố cục dựa vào bản mẫu trên, đây là một phần …

Xem tiếp →