So sánh Drupal, Joomla và WordPress

So sánh Drupal, Joomla và WordPress

I. DRUPAL

Drupal được biết đến như một hệ quản trị nội dung ổn định và mạnh mẽ, sự ổn định và mạnh mẽ từ nhân của Drupal khiến cho Drupal được tin dùng cho các website lớn có lượng người truy cập cao. Sự linh hoạt trong nền tảng của Drupal giúp cho các lập trình viên có thể lập trình mở rộng website của họ theo bất kỳ hướng nào, tính năng nào mà hầu như không gặp khó khăn gì .

Ưu điểm của Drupal

- Nền tảng mạnh mẽ, ổn định, mã nguồn được tối ưu nâng cao hiệu suất hoạt động giúp tiết kiệm nguyên của hệ thống . Là nền tảng vững chắc cho các website có lượng truy cập lớn như BBC England, MTV …Một trang báo công nghệ sử dụng Drupal khá thành công là trang Thông Tin Công Nghệ .

- Cấu trúc linh hoạt giúp các lập trình viên mở rộng chức năng không hạn chế theo nhu cầu sử dụng .

- Drupal cực kỳ thân thiện với công cụ tìm kiếm, đó là một lợi thế rất lớn khi SEO luôn là một vấn đề được quan tâm đối với bất kỳ trang web nào .

- Tính năng Multiple giúp bạn có nhiều website với một lần cài đặt Drupal . Giúp bạn điều khiển và quản lý dễ dàng hơn.

- Drupal chạy được cả trên server Linux và Windows trong khi Jooma chỉ chạy tốt trên server Linux .

Nhược điểm của Drupal

- Drupal được đánh giá là khó sử dụng với người dùng mới . Việc tạo các Menu khiến tôi cảm thấy thực sự bối rối . Có lẽ sự bối rối này chính vì thói quen sử dụng Joomla .

- Drupal có ít các thành phần mở rộng (extensions) hơn Joomla. Mỗi khi có phiên bản Drupal mới bạn phải chờ các nhà cung cấp nâng cấp extensions của họ để tương thích .

- Cách bố trí của website Drupal khiến người mới sử dụng khó tìm kiếm và đánh giá nên dùng extensions nào .

II. JOOMLA

Joomla, một hệ quản trị nội dung được tách ra và phát triển từ Mambo vào năm 2005. Phiên bản mới nhất của Joomla tới ngày hôm nay 09/09/2010 là Joomla 1.6 Beta 9. Joomla từng giành được các giải “Mã nguồn mở tốt nhất” giống như Drupal . Nhờ yếu tố thân thiện và dễ hiểu Joomla được rất nhiều người dùng trên khắp thế giới sử dụng xây dựng các website từ nhỏ tới trung bình, hoặc lớn . Có rất nhiều công ty thiết kế web đã dùng Joomla thiết kế website cho các khách hàng của họ .

Joomla 1.6 ra đời khắc phục được các nhược điểm lớn của Joomla 1.5. Joomla 1.6 có thể tạo ra các chuyên mục thông tin đa cấp không giới hạn trong khi joomla 1.5 chỉ là ba cấp (Section-category-article) . Joomla 1.6 có thể tạo không giới hạn các nhóm thành viên và phân quyền linh động, điều mà Joomla 1.5 chưa làm được . Với những cải tiến nổi trội Joomla 1.6 sẽ trở thành CMS số 1 trong tương lai không xa .

Ưu điểm của Joomla

- Ưu điểm đầu tiên cần nói tới là dễ sử dụng. Quả thực với Joomla bạn chỉ cần vài chục phút là tạo xong một website hoàn chỉnh với rất nhiều tính năng như gallery, video, music, shopping cart, forum …Vì dễ sử dụng Joomla được dùng rất nhiều để xây dựng các website từ nhỏ tới lớn vừa .

- Giao diện Joomla rất đẹp được cung cấp bởi rất nhiều công ty cả miễn phí và thương mại .(Xem danh sách các công ty cung cấp template Joomla tại đây). (Joomlart là một công ty lớn cung cấp các template cho joomla có trả phí do anh Hùng người Việt Nam là Director . Joomlart hiện có hơn 200 ngàn khách hàng từ khắp nơi trên thế giới cung cấp các template cho Joomla, Drupal, Magento) .

- Joomla có một thư viện các ứng dụng (extensions) khổng lồ được lập trình bởi các lập trình viên khắp nơi, hầu hết là miễn phí, giúp bạn có rất nhiều lựa chọn mở rộng tính năng cho website của minh .

- Dễ dàng tìm và sửa các lỗi gặp phải: Vì có một lượng người dùng khổng lồ trên thế giới do đó nếu bạn gặp một vấn đề trục trặc nào đó trong quá trình sử dụng Joomla thì hãy search trên Google, 90% đã có người gặp phải vấn đề đó và hầu như đều có giải pháp, câu trả lời cho vấn đề của bạn .

Nhược điểm của Joomla

- Mã nguồn của Joomla tương đối lớn dẫn tới tốn nhiều tài nguyên hệ thống hơn so với Drupal trong quá trình sử dụng .

- Việc có nhiều extensions là một lợi thế đồng thời nó cũng là một bất lợi. Các extensions được viết bởi rất nhiều lập trình viên khác nhau dẫn tới tiềm ần các lỗi bảo mật trong các extensions đó (tuy nhiên có các giải pháp firewall khắc phục các nhược điểm này, (có trả phí)). Nếu là người dùng mới có thể bạn sẽ bối rối trong việc chọn lựa các extensions cho website của mình.

- Không có khả năng Multiple site như Drupal (cần mua extensions để có được tính năng này) .

- Khả năng SEO của Joomla kém nhất trong 3 loại CMS (Drupal, WordPress, Joomla) .

- Không chạy tốt trên máy chủ Windows (IIS) .

III. WORDPRESS

WordPress là một CMS mã nguồn mở miễn phí, tác giả của WordPress có một câu sologan nổi tiếng là “Viết code như làm thơ” . Câu nói đó phần nào phản ảnh cách thức hoạt động của WordPress và tác động của nó đối với người sử dụng .

WordPress đặc biết rất dễ sử dụng, trên thế giới hiện có hơn 200 triệu blog, website sử dụng mã nguồn này . Tuy nhiên, WordPress thích hợp nhất vào việc xuất bản nội dung (viết Blog), mã nguồn nhỏ gọn, tinh giản tối đa khiến nó gặp khó khăn khi đáp ứng các yêu cầu mở rộng như sự tương tác giữa các thành viên, quản lý thành viên, diễn đàn, …

Ưu điểm của WordPress

- WordPress dễ sử dụng nhất trong 3 CMS, nó giúp bạn có một Blog trong vài phút . Bạn có thể vào http://wordpress.com để tạo một blog miễn phí cho mình và bắt đầu làm quen sử dụng WordPress .

- Các plugin của wordpress có rất nhiều và 90% là miễn phí, bạn có thể cài đặt (install) và nâng cấp (upgrade) các plugin này ngay trong phần quản lý của WordPress mà không cần phải download về như Joomla và Drupal .

- WordPress hỗ trợ SEO khá tốt (xếp sau Drupal) .

Nhược điểm của WordPress

- Theo một số Webmaster có kinh nghiệm thì WordPress sẽ hoạt động nhẹ nhàng, ít tốn tài nguyên. Nhưng khi website bạn có lượng truy cập lớn thì WordPress lại gây tốn tài nguyên hệ thống (điều này chưa được kiểm chứng).

- WordPress thích hợp cho viết Blog và xuất bản nội dung kiểu nhóm nhỏ . Nó khó có thể đáp ứng các chức năng mở rộng và tương tác cao .

Vậy thì, mã nguồn nào phù hợp cho bạn nhất ?

Câu trả lời phụ thuộc vào bạn, nhu cầu của bạn, của website cần những gì ? khả năng lập trình mở rộng của bạn thế nào ??

- Nếu là một Blogger chuyên nghiệp tôi khuyên bạn nên dùng WordPress .

- Nếu bạn muốn xây dựng các website như Du lịch, website có tính tương tác cao giữa các thành viên, website của nhóm, hội, lớp, hãy thử qua Joomla .

HỌC THIẾT KẾ WEB VỚI PHOTOSHOP

HỌC THIẾT KẾ WEB VỚI PHOTOSHOP

Tôi khuyên bạn nên phác thảo trước khi thiết kế web bằng cách sử dụng Photoshop, nó là bước quan trọng đầu tiên. Hãy vẽ toàn bộ bố cục trang web của bạn ra một tờ giấy để ghi nhớ vị trí và đặc điểm của toàn bộ các đối tượng (các cột,Button, Module, Slider…)
Dưới đây là bản phác thảo cho “dự án” website của tôi, mang tên Download.Movie.






Bước 1: Tài Liệu (Document)

Chúng ta hãy bắt đầu với Photoshop. Đầu tiên, tạo một file có kích thước 1024×1200 pixels với độ phân giải 72 pixels/inch, nền trong suốt. Nhập mẫu 960 grid (12 Col Grid), nó rất hữu dụng để tạo website trong khoảng 960 pixels.

Bước 2: Tạo phông nền (Background) 

Tạo vùng lựa chọn (dùng the Selection Tool) kéo hết toàn bộ tài liệu, tạo một layer mới đặt tên là ‘background’, tô màu #f9f9f9 cho vùng lựa chọn (Alt+Backspace), sau đó khóa layer này lại. Tạo layer mới đặt tên là ‘Top’. Dùng Rectangle Marquee Tool tạo một hình chữ nhật ở đầu trang (chiều cao khoảng 270 pixels, màu #29729f). Vào Blending Options, tick vào Gradient Overlay, đặt Blend Mode thành Soft Light, Scale 150%.







Duplicate layer ‘Top’, tạo thêm 1 layer mới, nhấn Ctrl+Click vào ‘Top’ à Ctrl+E. Đặt tên lại cho Layer vừa gộp là ‘Top’.
Vào Filter Filter>Noise>Add Noise.







Tạo Layer mới đặt tên là ‘Login’ Dùng Rectangle Marquee Tool tạo một biên ngang trên Top chiều cao 5px, tô màu #162850, sau đó dùng Rounded Rectangle Tool tạo một ô nhỏ gần góc phải của ‘Top’, cũng tô màu #162850. 








Tạo chiều sâu cho vùng này bằng cách dùng Drop Shadow như hình:






Bước 3: Logo

Chúng ta sẽ đặt một Logo ở vùng top-left của web.
Để tạo hiệu ứng soft light cho Background, bạn có thể sử dụng công cụ Elliptical Marquee Tool tạo một hình Elip màu trắng, sau đó Add Gaussian Blur cho nó là 40px , chỉnh lại Opacity cho phù hợp. (Mục đích để làm sáng nhẹ vùng Logo). Tạo tiếp một elip dẹt, làm mờ nhẹ và Opacity là 20%.








Tạo thêm 3 hình elip (mỗi hình 1 layer), đặt fill là 0% (fill chỉnh ở khung Layer), thêm Gradient Overlay cho mỗi elip như hình bên dưới.



Bây giờ là phần việc thiết kế logo, hãy sử dụng trí tưởng tượng của bạn. Ở đây tôi sẽ dùng một số Shape có sẵn trong PTS.
Dùng Rounded Rectangle Tool vẽ một hình vuông nhỏ (giữ nút shift trong khi kéo nó mới ra hình vuông). Tiếp tục dùng Custome Shape Tool vẽ một mũi tên nhỏ.
Rasterize 2 Layer này, sau đó dùng hình mũi tên để cắt nó ra khỏi hình vuông. Nhớ xoay hình vừa cắt một tí cho đẹp.






Thêm Style cho hình trên như sau:







Bây giờ dùng Type Tool (T) viết tên công ty (hoặc cái gì bạn thích), add style giống như style vừa dùng với icon ở trên.


​

Công đoạn cuối cùng để hoàn tất Header cho website là thêm Menu và khung Login/Signup. Dùng Type Tool và thêm Drop Shadow nhẹ cho text.




Bước 4: Down-Header

Dùng Rounded Rectangle Tool vẽ một hình chữ nhật lớn dưới Logo, thêm Drop Shadow nhẹ, sau đó đặt một bức ảnh bạn thích vào trong.







Bây giờ, chúng ta sẽ tiến hành tạo phần bên phải silder
Tạo một hình chữ nhật phía bên phải, đặt Fill là 0% và add style Gradient Overlay và Drop Shadow, chi tiết bên dưới.








Thêm text vào (thích ghi gì cũng được), có thể dùng Font Dejavu Sans (30 pt, trắng) cho tiêu đề và font Lucida Sans (12 pt, #0b537f) cho văn bản bên dưới. Vẽ tiếp một hình chữ nhật biên mềm bằng cách dùng Rounded Rectangular Tool (radius 2px, color #6fc630), nhấn Ctrl+T và xoay nó một tí, cuối cùng ta thêm một lớp mặt nạ, sẽ cho ra kết quả sau.
Nhắc nhỏ: Luuv thấy chỗ Layer Mask không cần thiết mà lại dễ gây khó hiểu nhưng tôn trọng tác giả bài viết Luuv sẽ để y nguyên như vậy, nếu bạn nào không làm được bước này có thể comment bên dưới, Luuv sẽ giải thích thêm.






Add style cho khối màu xanh như hình








Tiếp theo, ta sẽ thêm 2 nút phía bên dưới, màu cam và màu xanh, vẫn tiếp tục với công cụ Rectangle Tool (M)… Thêm Bevel and Emboss và Gradient Overlay để làm cho chúng trở nên chuyên nghiệp hơn.







Làm tương tự cho nút còn lại.






Thêm text cho các nút, thêm một tí Gradient Overlay (dùng màu xanh cho nút màu xanh và tương tự cho nút màu cam) và Drop Shadow nhẹ, tinh tế cho text để tạo hiệu ứng như sau:






Bước 5: Nội dung

Phần này là cốt lõi trong cách bố trí của chúng tôi, nơi khách vào web có thể dễ dàng tìm thấy thông tin hữu ích. Chúng tôi muốn xây dựng cách bố trí hai cột đơn giản với một số hình ảnh và mô tả, dưới đây là kết quả chúng tôi muốn hướng đến.






Tôi không muốn làm phiền bạn với những thứ không cần thiết. Rõ ràng là bạn có thể sử dụng những kĩ thuật mà bạn đã sử dụng trong phần Header để nhận ra các đối tượng trong phần này. Một vài ví dụ ư? 2 ảnh chụp trong mục “Coming soon on Download.Movie” được thực hiện bằng cách sử dụng các bước tương tự mà chúng tôiđã tiến hành ở phần down-header, chỉ có duy nhất một điểm khác biệt đó là: bạn phải add Color Overlay (từ Styles; màu đen, Opacity 30%). Nút ‘play’ được ghép từ 2 thành phần giống như Logo. Sau đó bạn phải thêm Drop Shadow màu đen 70%. Một lần nữa, để làm nút ‘read more’ bạn phải nhớ những gì chúng ta đã thực hiện với 2 nút màu xanh và cam ở trên, bây giờ thay vì màu cam, xanh lá và xanh lam, hãy sử dụng màu xám.






Bước 6: Footer (Chân trang)

Thêm 3 hình chữ nhật (ở trên và dưới màu #cfdcf8, ở giữa là #162850) như hình.






Thêm hiệu ứng Gradient Overlay nhẹ cho Layer màu xanh lục sau đó Rasterize toàn bộ các Layer --> Add Noise.






Cuối cùng là tạo danh sách một số link cần thiết. Để tạo chấm nhỏ trước mỗi link, bạn chỉ cần sử dụng Ellipse Tool, giữ Shift và kéo thành một vòng tròn nhỏ, tô màu #cfdcf8 cho nó và chỉnh lại độ Opacity xuống còn 20%. Duplicate để tạo ra nhiều chấm hơn.
Chúng ta cần phải tạo thêm mô tả mục (description box), cách làm nút Read more tương tự như cách đã giới thiệu ở phần trước, chọn font Lucida Sans. Cuối cùng là thêm Copyright ở dưới cùng.​

Chuyển từ PSD sang HTML/CSS

Bây giờ chính là lúc xây dựng cấu trúc HTML/CSS, hãy nhìn vào hình bên dưới để hình dung cấu trúc chính của website.





Bước 7: Cấu trúc HTML

Trước hết chúng ta cần tạo 2 file trắng: index.html và style.css. Sau đó, bằng cách sử dụng trình soạn thảo văn bản yêu thích của chúng tôi (tôi viết code của tôi thông qua Notepad), chúng ta có thể khởi tạo tài liệu HTML dưới dạng Doctype, Head và Body.​

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Download.Movie - A great database of movies</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" media="screen" />
</head>
<body>

</body>
</html>

Bây giờ, theo cấu trúc mô tả ở hình trên, chúng ta có thể viết cấu trúc cơ bản của html.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Download.Movie - A great database of movies</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>

<div id="top_background">

<div class="main_container">

    <div class="top_bar">

    </div>

    <div class="header">

    </div>

    <div class="main_box">
        <div class="slide">
        </div>

        <div class="tagline">

        </div>    

        <div class="content">

            <div class="left_content">

            </div>

            <div class="right_content">

            </div>

        </div>

    </div>

</div>

</div>

<div class="footer">

</div>

</body>
</html>

Thêm phần Reset vào style.css như sau:

Code:

/* CSS Reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }

:focus { outline: 0; }

Bước 8: Background, Top-bar và Header



Xuất các hình sau ra khỏi file PSD để tạo Header cho web như kế hoạch.










Việc đánh dấu cho Top-bar và phần Header, chúng tôi sẽ sử dụng các list ngẫu nhiên cho menu và tag h1 cho Logo.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Download.Movie - A great database of movies</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>

<div id="top_background">

<div class="main_container">

    <div class="top_bar">
        <ul class="login">
            <li><a href="#">login |</a></li>
            <li><a href="#">sign-up</a></li>
        </ul>
    </div>

    <div class="header">
        <div class="logo">
            <h1><a href="#">Download.Movie</a></h1>
        </div>

        <ul class="navigation">
            <li><a href="#">Home</a></li>
            <li><a href="#">About us</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Support</a></li>
        </ul>
    </div>

    <div class="main_box">
        <div class="slide">
        </div>

        <div class="tagline">

        </div>    

        <div class="content">

            <div class="left_content">

            </div>

            <div class="right_content">

            </div>

        </div>

    </div>

</div>

</div>

<div class="footer">

</div>

</body>
</html>

Thêm vào style.css đoạn Code sau. Lưu ý rằng ta sẽ import font Dejavu để sử dụng cho phần down-header.

Code:

* General */

@font-face { font-family: 'DejaVuSansCondensedBook'; src:  url('DejaVuSansCondensed-webfont.ttf') format('truetype'); }

body { background: #f9f9f9; font: 12px "Lucida Sans Unicode", sans-serif; line-height: 1.5em; color: #555; }

a { text-decoration: none; } 

#top_background { background: url(images/top_bck.jpg) repeat-x; }

.main_container  { margin: 0 auto; width: 960px;  background: url(images/logo_bck.png) no-repeat; }

/* Main-container classes */

.top_bar { float: right; position: relative; top: 0px; right: -11px; width: 101px; height: 24px; background: url(images/login_bck.jpg) no-repeat; padding-left: 11px; }

    ul.login li { display: inline; padding-left: 2px;  }
    ul.login li a { color: #f2f2f2; font-size: 10px; }
    ul.login li a:hover { color: #89c0dd; }

.header { clear: both; height: 80px; margin-bottom: 53px; }
    .logo { float: left }
    .logo h1 a { display: block; width: 345px; height: 50px; background: url(images/logo.png) no-repeat; text-indent: -9999px; margin: 16px 0 0 40px; }

    ul.navigation { float: right; margin: 30px 40px 0 0; }
    ul.navigation li { display: inline; margin-left: 30px; }
    ul.navigation li a { color: #fff; font-size: 14px; text-shadow: 1px 1px 0px #155479; }
    ul.navigation li a:hover { text-decoration: underline; }

Bước 9: Main-box, down-header và contents 



Bây giờ, ta sẽ thêm vào phần down-header một Slider (trình diễn ảnh). Để tạo được một silder đẹp, chúng tôi sử dụng plugin gọi là Cycle.

Đầu tiên ta tải jQuery plugin về máy và tạo file ‘jquery.cycle.lite.min.js’

Mách nhỏ: Tức là mình sẽ tạo một Folder tên là Template, tiếp tục tạo một Text Document mới tên là jquery.cycle.lite.min.txt, sau đó Paste toàn bộ nội dung của file jQuery (vừa tải về lúc nãy) vào, đổi lại định dạng tệp là jquery.cycle.lite.min.js.

Tiếp theo, tải một file jQuery nữa về máy và tạo file jquery.js. Thêm vào index.html đoạn code sau:

Code:

<head>
<title>Download.Movie - A great database of movies</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.cycle.lite.min.js"></script>
</head>

Đối với các thành phần trong main-box ta sẽ sử dụng các hình sau (xuất hình ra khỏi PSD).









Viết lại cấu trúc của phần main-box như sau:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Download.Movie - A great database of movies</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="style.css" media="screen" />
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>

<div id="top_background">

<div class="main_container">

    <div class="top_bar">
        <ul class="login">
            <li><a href="#">login |</a></li>
            <li><a href="#">sign-up</a></li>
        </ul>
    </div>

    <div class="header">
        <div class="logo">
            <h1><a href="#">Download.Movie</a></h1>
        </div>

        <ul class="navigation">
            <li><a href="#">Home</a></li>
            <li><a href="#">About us</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Support</a></li>
        </ul>
    </div>

    <div class="main_box">
        <div class="slide">
            <img src="images/screenshot1.jpg" alt="screenshot" />
            <img src="images/screenshot1_2.jpg" alt="screenshot" />
            <img src="images/screenshot1_3.jpg" alt="screenshot" />
        </div>

        <div class="tagline">
            <h2>The best way to watch your favourite movies</h2>
            <span class="know_more_green"><a href="#"></a></span>
            <p>The use of commerce is conducted in this way, spurring and drawing on innovations in electronic funds transfer, supply chain management.</p>
            <span class="cta_browse"><a href="#"></a></span>
            <span class="cta_signup"><a href="#"></a></span>
        </div>    

        <div class="content">

            <div class="left_content">
                <h3>Featured entries this week</h3>
                <p>We want to provide only high-quality DVD movies to our members. High-quality,
easy-to-find: the best of the week.</p>
                <ul>
                    <li><img src="images/screenshot2.jpg" alt="screenshot" /><h4 class="orange"><a href="#">The first movie this week</a></h4><p>The group sets out for the treasure. They walk to Pete's cousin's house</p><span class="details">dur. 110’ | action | 2011 | <a href="#">more...</a></span></li>
                    <li><img src="images/screenshot3.jpg" alt="screenshot" /><h4 class="green"><a href="#">The first movie this week</a></h4><p>The group sets out for the treasure. They walk to Pete's cousin's house</p><span class="details">dur. 110’ | action | 2011 | <a href="#">more...</a></span></li>
                    <li><img src="images/screenshot4.jpg" alt="screenshot" /><h4 class="cyan"><a href="#">The first movie this week</a></h4><p>The group sets out for the treasure. They walk to Pete's cousin's house. </p><span class="details">dur. 110’ | action | 2011 | <a href="#">more...</a></span></li>
                </ul>
            </div>

            <div class="right_content">

                <h3>Featured entries this week</h3>
                <div class="box_trailer">
                    <a href="#"><img src="images/screenshot5.jpg" alt="screenshot" /></a>
                    <span class="meta_info meta_orange">action | 12.04.2010</span>
                    <h4 class="orange"><a href="#">A new movie is coming on our website</a></h4>
                    <p>Rumpelstiltskin tricks a mid-life crisis burdened Sdrok into allowing himself to be erased from
existence and cast in a dark alternate...</p>
                    <span class="trailer_more"><a href="#"></a></span>
                </div>

                <div class="box_trailer">
                    <a href="#"><img src="images/screenshot6.jpg" alt="screenshot" /></a>
                    <span class="meta_info meta_green">drama | 12.04.2010</span>
                    <h4 class="green"><a href="#">Another movie downloadable</a></h4>
                    <p>Work causes a single mother to move to China with her young son; in his new home, the boy embraces kung fu, taught to him by a master.</p>
                    <span class="trailer_more"><a href="#"></a></span>
                </div>

            </div>

        </div>

    </div>

</div>

</div>

<div class="footer">

</div>

</body>
</html>

Bây giờ, thêm vào index.html đoạn java sau để kích hoạt Slider (Nhớ đặt trước tag /body)

Code:

<script type="text/javascript">
$(document).ready(function() {
    $('.slide').cycle({
        fx: 'fade',
        speed:  1500,
        timeout: 4500
    });
});
</script>

Còn đây là phần style cho main-box:

Code:

.main_box { clear: both; }

    .slide { background: #fff; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 5px rgba(1, 10, 18, 0.45); -khtml-box-shadow: 0px 0px 5px rgba(1, 10, 18, 0.45); -webkit-box-shadow: 0px 0px 5px rgba(1, 10, 18, 0.45); box-shadow: 0px 0px 5px rgba(1, 10, 18, 0.45); width: 560px; height: 274px; display: block; float: left; margin-bottom: 40px; }
    .slide img { padding: 10px; }

    .tagline { background: url(images/slog_bck.png) no-repeat; float: left; width: 370px; margin: 25px 0 0 30px; }
    .tagline h2 { font-family: 'DejaVuSansCondensedBook'; color: #fff; text-shadow: 1px 1px 0px #0f334f; font-size: 23px; line-height: 26px; font-weight: normal; letter-spacing: -1px; width: 300px; padding: 10px;}
    .tagline p { margin-top: 40px; padding-left: 10px; color: #0b537f; }

    .know_more_green a { float: right; display: block; position: relative; top: -55px; right: -6px; width: 86px; height: 74px; background: url(images/know_more_green.png) no-repeat; }

    .cta_browse a { display: block; width: 168px; height: 56px; background: url(images/cta_blu.jpg) no-repeat 0px 0px; float: left; margin: 26px 0 0 10px;}
    .cta_browse a:hover { background-position: 0px -56px; }
    .cta_signup a { display: block; width: 168px; height: 56px; background: url(images/cta_orange.jpg) no-repeat 0px 0px; float: left; margin: 26px 0 0 24px; }
    .cta_signup a:hover { background-position: 0px -56px; }

    .content { clear: both; overflow:auto; margin-bottom: 20px; }

        .left_content { width: 280px; float: left; }

        .orange a { color: #ed7d0f; }
        .green a { color: #5a9e28;}
        .cyan  a { color: #28819e; }
        .orange a:hover { color: #ff9e05; text-decoration: underline; }
        .green a:hover { color: #74d82b; text-decoration: underline; }
        .cyan  a:hover { color: #2fb4e0; text-decoration: underline; }

        .content h3 { font-size: 20px; color: #0b537f; font-weight: normal; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 20px; }
        .left_content ul { margin-top: 25px; }
        .left_content ul li  { border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; margin-bottom: 15px; font-size: 11px; line-height: 16px; color: #757474; }
        .left_content ul li img { float: left; margin-right: 10px; }
        span.details { font-size: 10px; color: #a8a8a8;  }
        span.details a { color: #333; }
        span.details a:hover { text-decoration: underline; }

        .right_content { width: 630px; float: left; margin-left: 50px; }

        .box_trailer { clear: both; }
        .box_trailer img { background: #fefefe; padding: 5px; -moz-box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.35); -khtml-box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.35); -webkit-box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.35); box-shadow: 0px 0px 3px rgba(51, 51, 51, 0.35); float: left; z-index: 100; position: relative; margin: 0 15px 30px 0; }
        span.meta_info { padding: 1px 6px; color: #fefefe; z-index: 99; margin-top: 18px; position: relative; top: 8px; left: -15px; font-size: 10px; }
        .meta_green { background: #5a9e28; }
        .meta_orange { background: #ed7d0f; }
        .box_trailer h4 { font-size: 16px; font-weight: normal; margin: 20px 0 10px 0; }
        span.trailer_more a { display: block; width: 83px; height: 19px; background: url(images/more.jpg) no-repeat 0px 0px; float: right; margin-top: 10px; }
        span.trailer_more a:hover { background-position: 0px -19px; }

Bước 10: Footer (chân trang)


Công việc cuối cùng là viết cấu trúc cho phần footer. Xuất hình sau ra khỏi file PSD.




Cấu trúc:

Code:

<div class="footer">

    <div class="foot_cont">
        <div class="foot_col">
            <h3>Resources for you</h3>
            <ul>
                <li><a href="#">Browse our database</a></li>
                <li><a href="#">Read our magazine</a></li>
                <li><a href="#">Job opportunities</a></li>
                <li><a href="#">Support</a></li>
            </ul>
        </div>

        <div class="foot_col">
            <h3>Our network</h3>
            <ul>
                <li><a href="#">Download.TvSeries</a></li>
                <li><a href="#">Download.Music</a></li>
                <li><a href="#">Download.Book</a></li>
                <li><a href="#">Download.Apps</a></li>
                <li><a href="#">Download.Games</a></li>
            </ul>
        </div>

        <div class="foot_col">
            <h3>Connect with us</h3>
            <ul>
                <li><a href="#">Twitter</a></li>
                <li><a href="#">Facebook</a></li>
                <li><a href="#">FriendFeed</a></li>
            </ul>
        </div>

        <div class="foot_col last_col">
            <h3>Our mission</h3>
            <p>We want to provide only hidh-quality DVD movies to our members.
High-quality, easy-to-find: the best of the week.</p>
            <span class="about_but"><a href="#">Read more about us</a></span>
        </div>
    </div>

    <div class="credits">
        <p>by WeGraphics - Copyright © 2010. A premium template.</p>
    </div>

</div>

Style:

Code:

/* Footer */

.footer { background: url(images/foot_bck.jpg) repeat-x; clear: both; }    

        .foot_cont { height: 218px; margin: 0 auto; width: 960px; }

            .foot_col { float: left; width: 220px; margin: 45px 20px 0 0; }
            .last_col  { margin-right: 0px; width: 240px; }
            .foot_col h3 { color: #cfdcf8; font-size: 14px; font-weight: normal; }
            .foot_col ul { margin: 10px 0 0 10px; }
            .foot_col ul li { padding: 4px 0 4px 20px; background: url(images/list.png) no-repeat 0px 7px; }
            .foot_col ul li a { color: #f1f3f8; font-size: 12px; }
            .foot_col ul li a:hover  { color: #89c0dd; }
            .foot_col p { color: #f1f3f8; margin-top: 10px; }

            span.about_but a { color: #cfdcf8; padding: 2px 5px; background: #3e5077; -moz-border-radius: 3px; margin-top: 10px; float: right; font-size: 10px;}
            span.about_but a:hover { background: #4e6188; color: #fff; }

        .credits { clear: both; background: #cfdcf8; margin-top: 20px; }
        .credits  p { text-align: center; font-size: 11px; color: #1c3059; padding: 8px; }

Vất vả nhỉ các bạn, công việc cuối cùng là tận hưởng kết quả ^^Bài viết được dịch bởi Jackpaker90

Read more: http://forum.vietdesigner.net/threads/tu-thiet-ke-mot-website-chuyen-nghiep-bang-photoshop-va-cach-ma-hoa.40111/#ixzz3Cnk412bi

THIẾT KẾ WEB VỚI ASP.NET

THIẾT KẾ WEB VỚI ASP.NET

Chắc các bạn đã biến đến ASP.net một công cụ hỗ trợ xây dựng ứng dụng web do Microsoft cung cấp. Được Micosoft đưa ra vào tháng 2 năm 2002 cùng với phiên bản 1.0 của Net Framework, là công nghệ nối tiếp của Microsoft's Active server Pages ( ASP). ASP.net cho phép người lập trình tạo ra những trang web động, ứng dụng web, dịch vụ web một cách nhanh chóng ngay trên giao diện Windown.

 ASP.net sở hữu một trình biên dịch dưới dạng Common language Runtime ( CLR), cho phép người lập trình viết code ASP.net với bất kỳ ngôn ngữ nào được hỗ trợ bởi .NET language.

Cấu trúc bên trong của ASP.net bao gồm các phần sau:

Phần 1: Common Language specification : phần thể hiện các ngôn ngữ được hỗ trợ trong FrameWord như VB; C#; C++; Jscript, PHP,…

Phần 2: Windows Forms được sử dụng để xây dựng các ứng trên Destop; ASP.net là phần được dùng để xây dựng các ứng dụng web đây là phần mà chúng ta sẽ cùng nhau tìm hiểu sâu hơn.

Phần 3: .Net FrameWork Base class bao gồm các lớp thư viện cơ bản trong DotNet: ADO.Net; XML; Threading IO; .Net; Seurity; Dlagnostlcs; Etc.

Phần 4: Các dịch vụ chạy DotNet Common language và Runtime được sử dụng để chạy chương trình lập trình sau khi được trình biên dịch chuyển đổi

Phần 5: là các dịch vụ services và hệ điều hành nền tảng Windows.

Những ưu điểm khi thiết kế web với ASP.net: 

-          ASP.Net hỗ trợ mạnh mẽ bộ thư viện phong phú và đa dạng của .Net Framework, làm việc với XML, Web Service, truy cập cơ sở dữ liệu qua ADO.Net,…

-          ASPX và ASP có thể cùng hoạt động trong 1 ứng dụng.

-          ASP.Net sử dụng phong cách lập trình mới: Code behide. Tách code riêng, giao diện riêng. Dễ đọc, dễ quản lý và bảo trì.

-          Kiến trúc lập trình giống ứng dụng trên Windows.

-          Hỗ trợ quản lý trạng thái của các control

-          Tự động phát sinh mã HTML cho các Server control tương ứng với từng loại Browser

-          Hỗ trợ nhiều cơ chế cache.

HỌC PHP TẠI HÀ ĐÔNG

Khóa học thiết kế web trên ngôn ngữ PHP tại Hà Đông,khóa học này sẽ hưỡng dẫn cho các bạn biết cách thiết kế một trang web trên ngôn ngữ PHP, làm sao để trang web đó chuẩn seo hay chưa. Nhưng trước tiên bạn cần phải biết PHP là gì? Được sử dụng như thế nào? Và ngôn ngữ này có gì đặc biệt hơn so với các ngôn ngữ lập trình web khác?

Học thiết kế web trên ngôn ngữ PHP

        Đầu tiên chúng ta sẽ cùng nhau tìm hiểu qua về PHP.

   PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. Hơn nữa đây còn là một ngôn ngữ dễ học, dễ sử dụng với bất kỳ ai muốn học và thực hành làm lập trình web với PHP.

  Trải qua nhiều thăng trầm, khó khăn trong cuộc sống, công ty CPTM và GD Việt Tâm Đức, một công ty chuyên hoạt động trong lĩnh vực đào tạo và thiết kế web đã và đang cố gắng tạo lên một môi trường làm việc, học tập năng động phù hợp cho tất cả các bạn sinh viên trong ngành công nghệ thông tin cũng những người có lòng đam mê với lập trình web, mở ra những những khóa học mới chất lượng, uy tín, đảm bảo kiến thức và kỹ năng cần thiết trong nghề lập trình web hiện nay.

khóa học lập trình web với PHP tại công ty VTĐ

  Đến đảm bảo chất lượng của từng khóa học, chúng tôi sẽ chọn lựa những người có kinh nghiệm lập trình tốt nhất, để có thể mang lại cho các bạn  những kiến thức,kỹ năng lập trình , thiết kế một website chuyên nghiệp. Tuy dạy học có thể hơi khô khan nhưng lại có thể dễ hiểu, giúp các bạn nắm bắt nhanh hơn những gì có trong buổi học đó. Đồng thời công ty sẽ để bạn tham gia các buổi học kỹ năng mềm để bạn có được sự tự tin khi giới thiệu bản thân trước các nhà tuyển dụng.

  Đến với khóa học lập trình web trên ngôn ngữ PHP, chúng tôi sẽ hưỡng dẫn các bạn tất cả những gì về ngôn ngữ PHP mà chúng tôi có được để giúp các bạn có thể áp dụng những gì bạn có được tất cả những kỹ năng cần thiết có để thiết kế cho mình một trang web chuẩn seo, và hơn hết là trở thành một chuyên viên thiết kế web với ngôn ngữ PHP ngay sau khi tham gia khóa học.

ĐẶC ĐIỂM NỔI BẬT CỦA WORDPRESS

Các đặc tính nổi bật của wordpress - đào tạo wordpress

• Hệ thống Plugin phong phú và cập nhật liên tục, bạn cũng có thể tự viết plugin cho mình.
• Hỗ trợ nhiều ngôn ngữ ( bao gồm cả tiếng Việt )
• Được cập nhật, vá lỗi và hỗ trợ liên tục.
• Có rất nhiều Theme miễn phí, chuyên nghiệp và SEO rất tốt.
• Dễ dàng quản lý và thao tác, việc quản lý blog, bài viết giống như các phần mềm thiết kế web chuyên nghiệp.
• Tích hợp sẵn Latex – công cụ soạn thảo công thức toán học, bạn có thể viết công thức toán học ngay trong bài viết.
• Upload và quản lý hình ảnh một cách dễ dàng, đặc biệt là chức năng tạo thumbnail rất hay.
• Có một hệ thống Widget đa dạng ( ứng dụng tạo thêm ) như Thống kê số người truy cập, Danh sách các bài viết mới, các bài viết nổi bật, được xem nhiều, được comment nhiều, Liệt kê các chuyên mục, Liệt kê các trang, Bài viết theo ngày tháng, … có đến trên 23 Widget để bạn tha hồ lựa chọn.
• Thống kê số truy cập từng ngày đối với mỗi bài viết của blog. Trên cơ sở đó bạn sẽ có định hướng nên viết gì tiếp theo.
• Hệ thống quản lý và duyệt Comment rất hay, có thể chặn spam theo IP.
• Hệ thống phân quyền với nhiều cấp độ khác nhau như: Administrator, Author, Editor, Contributer, Subcriber. Mỗi phân quyền sẽ có các quyền hạn khác nhau như được phép đăng bài viết, sửa bài viết, xóa bài viết, duyệt comment …
• Sao lưu dữ liệu một cách dễ dàng để backup hoặc chuyển nhà sang một nơi khác.
• Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger, LiveJournal …
• WordPress hỗ trợ 3 GB để lưu trữ hình ảnh và văn bản.
• Hàng ngày WordPress sẽ thống kê 100 bài viết trên các blog tiếng Việt được nhiều người đọc nhất. Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễn ra.
• Và đặc biệt mới đây nhất WordPress hỗ trợ việc quản lý blog qua mobile rất thuận tiện và dễ dàng.

Drupal là gì?

Drupal là gì? 

Drupal là CMS mã nguồn mở, miễn phí, xây dựng trên công nghệ PHP. Drupal giúp cho quá trình phát triển website trở nên đơn giản. Drupal thích hợp xây dựng các website thương mại, hay đơn giản là trang Tin tức, blog hay trang cá nhân. Hiện tại có hàng triệu website đang sử dụng, có thể liệt kê các site tiêu biểu như: WhiteHouse.gov, World Economic Forum, Stanford University, Examiner.com...

Vậy Drupal có gì nổi bật?

Drupal là mã nguồn mở

Drupal đã được phát hành trên 10 năm, dựa trên giấy phép mã nguồn mở NGU. Điều đó có nghĩa, bạn có thể tải, sử dụng và sửa chữa một cách thoải mái mà không phải trả bất kỳ phí nào.

Dễ dàng xây dựng web

Mặc định ngay khi cài đặt xong, bạn đã có ngay một bộ bộ giao diện quản lý dữ liệu, cùng với các công cụ hỗ trợ với mức độ bảo mật cao. Rất nhiều nhà phát triển web, đã và đang sử dụng Drupal như một một bộ core để xây dựng các ứng dụng web.

Làm việc nhóm tốt hơn

Drupal xây dựng sẵn hệ thống quản trị thành viên, với nhiều quyền khác nhau. Bạn có thể dễ dàng thiết lập các thao tác thành viên có thể thực hiện một cách dễ dàng

Dễ dàng quản trị nội dung

Drupal tích hợp sẵn khả năng cung cấp thông tin cho các công cụ tìm kiếm. Bạn cũng có thể dễ dàng đưa nội dung website lên các mạng xã hội như Twitter, Facebook... Tất cả các tính năng trên đều có thể thực hiện một cách tự động.

Nhẹ nhàng và hiệu quả

Hệ thống Drupal hoàn toàn tương thích với các website lớn có hàng triệu page. Có thể tiếp nhận trên 20,000 truy vấn một giây. Ngay từ khi bạn cài đặt xong Drupal, các công cụ tối ưu hệ thống được tự động kích hoạt và làm những nhiệm vụ cần thiết.

Quản lý giao diện dễ dàng

Chúng ta có thể dễ dàng nhìn thấy mục lục "themes" ngay trên thanh Toolbar, Bạn có thể thay đổi giữa các giao diện một cách nhanh chóng, chỉ vài giây sau khi kích hoạt. Các công cụ cài đặt có thể giúp bạn tùy chỉnh một cách nhanh chóng theo sở thích.

Có thể đáp ứng mọi nhu cầu

Thực tế Drupal đa phần được sử dụng bởi các công ty hay tổ chức lớn, tuy nhiên điều đó không phải không thể giúp bạn xây dựng các ứng dụng nhỏ với ít thời gian bỏ ra. Thực sự Drupal rất dễ để sử dụng.

Drupal bảo mật

Có thể dễ dàng tìm thấy thông tin của nhiều website trên mạng, hay các thảo luận trên nhiều mạng xã hội, diên đàn về độ an toàn, bảo mật của Drupal. Có thể trong chừng mực nào đó, Drupal khó tiếp cận, nhưng điều đó xứng đáng với những gì chúng ta nhận được.

Học php online tại Hà Nội

Bạn đã học lập trình online bao giờ chưa? và thấy có hiệu quả không? Công ty cổ phần an Tâm Đức mở lớp học php online tại Hà Nội.

Nội dung khóa học:

Lớp học php online do công ty An Tâm Đức đào tạo chỉ 1 thầy và 1 trò được giao tiếp qua team viewwer nếu muốn nhận sự hỗ trợ có thể trực tiếp tới công ty để trao đổi về kiến thức được tiếp thu được.

Khóa học gồm các quy trình chính:
0. Làm quen, khai giảng, xin số điện thoại, nick, lập Group nhóm, lấy tài liệu, hiểu biết tổng quan quá trình học làm được gì.
1. Vẽ demo: Vẽ giao diện, phân tích lấy ý kiến khách hàng (học về đồ họa Photoshp, Flash)
2. Cắt Template: Zen ra code chuẩn SEO web tĩnh HTML CSS từ bản vẽ Photoshop (Học HTML CSS đúng chuẩn SEO, các thẻ, tag )
3. Code: sử dụng ngôn ngữ PHP (học về PHP cơ bản, nâng cao, các hàm, cấu trúc, xử lý…)
4. Test : Test chức năng và giao diện (Quy trình test case)
5. Up lên Hosting: cấu hình hosting, domain cho khách (kiến thức domain, hosting)
6. Cách kinh doanh, kiếm tiền online chi phí từ 0đ, Training SEO, kỹ năng đàm phán khách hàng, cách làm các thỏa thuận hợp đồng….
7. Liên hoan lấy chứng nhận

ĐỐI TƯỢNG THAM GIA KHÓA HỌC
- Nhóm 1: Giám đốc công ty thiết kế web muốn tìm hiểu và khai thác PHP.
- Nhóm 2: Các doanh nghiệp muốn thiết kế và làm chủ website về thương mại điện tử.
- Nhóm 3: Trưởng phòng kỹ thuật, trưởng phòng kỹ thuật muốn tìm hiểu PHP, training cho nhân viên.
- Nhóm 4: Các cá nhân đang làm việc với ASP muốn chuyến hướng PHP
- Nhóm 5: Sinh viên các khối ngành khoa học, kỹ thuật, kinh tế muốn học thiết kế website bằng PHP để xin việc ngay lập tức.
- Nhóm 6: Học viên các trường hệ thống Aptech muốn thành thạo PHP
- Nhóm 7: Học viên các trường Niit, các trường dạy nghề CNTT thành thạo PHP, làm mạnh CV và có thể xin việc được ngay
- Nhóm 8: Những trường hợp đã học về ngôn ngữ thiết kế website nhưng không theo nghề, đi làm nghề khác nay muốn tìm hiểu và học thêm để theo ngành.
- Nhóm 9: Học viên đã học ở các trung tâm nhưng chưa đủ kiến thức tự tin để đi làm (Ipmac, NIIT, HTVSITE)
- Nhóm 10: Nhân viên kinh doanh liên quan đến công nghệ thông tin muốn học làm web (kinh doanh hosting, domain…)
-Nhóm 11: Giáo viên, giảng viên các trường đại học, cao đẳng, trung cấp, các trung tâm đào tạo muốn học để nâng cao tay nghề, hoặc học thêm lĩnh vực web.
- Nhóm 12: Cán bộ công nhân viên chức nhà nước học để quản trị web, hoặc làm thêm lĩnh vực này
- Nhóm cuối: Chủ shop, cửa hàng, Sếp các doanh nghiệp, công ty muốn học thêm để biết quản trị web, và quản lý hoặc giao việc cho nhân viên còn biết cách quản lý.

Học phí đầu tư:
Đầu tư học phí 2.000.000 VNĐ (hai triệu đồng)
- Thời gian học:
+ Học viên lựa chọn buổi học phù hợp: Sáng, Chiều, Tối, đan xen thứ 2,4,6 hoặc thứ 3,5,7, các buổi đầu dễ học liền cho ngắn thời gian.,học qua team viewwer
Sáng: 8h30p đến 11h45p Chiều: 14h15p đến 17h00p Tối: 18h đến 21h
+ Khóa học 35 buổi + Không thời hạn lên công ty học hỏi thêm tại phòng kỹ thuật
+ Kết thúc khóa học học viên nhận chứng nhận khóa học + Liên hoan tại công ty:
+ Trường hợp đối với sinh viên, công ty nhận lại làm việc với mức lương thỏa thuận sau khóa học, nếu các bạn không mong muốn, công ty sẽ cho tham gia test tuyển dụng tại công ty do đối tác của công ty đến tuyển dụng (mức lương cao hơn).
+ Trường hợp người đi làm rồi muốn học thêm, hoặc có xưởng in ấn, shop bán hàng.. hoặc những học viên có vợ làm kinh doanh về mảng tin học muốn học để làm thêm cho vợ, công ty sẽ đào tạo theo hướng khác để các bạn nắm bắt tốt, và phải làm nhanh, vì những học viên này không có nhiều thời gian.

Ngoài khóa học php online công ty còn tổ chức đào tạo lớp về lập trình php tại công ty cho các lập trình viên muốn năng cao kiến thức hay khóa học về lập trình drupal..

Thông tin liên hệ :

Công ty cổ phần việt Tâm Đức 

Địa chỉ:số nhà 31,Phú Đô-Từ Liêm -Hà Nội

Số điện thoại liên hệ..Mr Dương Bốn: 097 5252437 hoặc tham khảo tại website:daotaolaptrinh.edu.vn hoặc viettamduc.com