Buoi-6-bai-11-design template

http://nguyenthanhdien.com, http://truongdaynghe.net, http://hungvuongtech.edu.vn

DESIGN TEMPLATE BẰNG ARTISTER Khởi động chương trình

an TCNew Block

Lựa chọn danh mục †tem

tr >

Sty!

a

_

New Project

v| Sort By; | Popular *|

Category; | All

Blank

Templates

plate

-_—_— template trang

°

*°Ẳ{Œs

te

| |¥Sho

5.44 .4 an fl ne

Lua chon danh muc template

mau

template co san

w on Startup

HOME

Soe ee oe ee 8

Home Edit Colors&Fonts Layout Content E

Q + Suggest Colors (sal Suggest Background |

A Suggest Fonts [28] Suggest Header

Suggest Design Suggest Layout “— Suggest Images P

Design Ideas

› -| Home ; -

Blog Lây ý tường từ chương trình

Ta chọn tempate trắng

Xem mô tả template bên dưới đề hiểu và design tốt hơn

search

Header

Content header

Content header

content

Content header

sheet

Chọn màu sắt font chử

Home Edit | Colors & Fonts | Layout Content Background Sheet Header Menu Blocks Vertical Menu ca

Suggest Colors Color Themes “O- Adjust Suggest Fonts Font Sets Typography Font Scale

Pages

&

Posts

& Post 2

(=) Dact

Layout

Colors & Fonts | Layout Content Background Sheet Header Menu Blocks Vertical Menu Controls Footer «

x @B Header ~ Margin + IR Column Width ~ Ep Widgets ~

(|| Menu ~ "i Padding ~ Column Style * (=) Blocks ~

— Title”

—= == Sô cột cho giao

diện web

— EE = ngan layout

Ee Oo Subpage 1 ị \ Lorem ipsum dol

| | : | | : Subpage 2 ị adipiscing elit Et

Read

—— a ee

LG

Home Edit Colors&Fonts Layout | Content | Background Sheet Header Menu Blocks Vertical N

EÒ —- Hi Headings ~ Gh image ~ ݬlEx Ee+ {Zx 3?~ = | Post Header ~

- A Text * H Table * BỊ Post Footer ~ Shape eee S Hyperlink €€ Quote + ="

Styling Ga Style and Font IE)

tiêu đề bài viết

Headline

`

Suggest

Content

Metadata i

khung vién bai

& Post 2 viết

& Post

Hinh nén website

Home Edit Colors&Fonts Layout Content — Background | Sheet Header Menu Blocks Vertical Menu Controls Footer <<

=b Ÿy]Fill Color x LỔ From File |- Í |G From Fite

_ ae Gradient » x ® Effects ~ Options

Pages

Posts

Hiéu ứng thêm hình

VMenu nền Home

Home Edit Colors&Fonts Layout Content Background | Sheet | Header Menu Blocks Verticz

-.— th Padding * fe) Transparency *

Ideas Sheet Ia

Header

Eb = Lengthy Fill Color~ #8 Position ~ [> Shape ~ #9) ©} Play |

5 ==! B®! Margin~ & Transparency ALIN x BS From File Controls ~ Gy Motion *

Ideas Layout lš Background rz Background Image r) Insert Slide Show | Flash &

_ Enter Site Title

Home Edit Colors&Fonts Layout Content Background Sheet Header Menu Blocks Vertical Menu Controls Footer << =e

Suggest Menu Position - ses Menu Item Sr res _ Levels Submenu Subitem

Layout 1z

màu menu

cac menu

vo màu menu lúc đã click vô rồi

1 Emam

Block header

Edit Colors&Fonts Layout Content Bachoreund——Sheet— Header Menu | Blocks | Vertical Menu

+|E #|© †s+r > xv

.—

Ae 62v s— v a

— = —

Block Content

Block Styles

n6 xen” Enter Site TIe

Menu đứng ( tương tự menu ngan)

loại block heade

dit Colors&Fonts Layout Content Background Sheet Header Menu Blocks | Vertical Menu | Controls Footer << TẾ Marketplac:

7 [E] 5ackground ~ a 8 g = Active x = Ea | Hes = Active *

Se Header ~ El Passive * S| Passive ~ = Position s Block * Area Menu Menu l#| Content x —= — fm, Hovered ~ Levels Submenu Subitem Coloring — rete s Hovered* ˆ Menu Show In Layout Styles Menu Area fm Item r1 Submenu r1 Pages

«<

HOMF i BI

Các nút nhắn

rr

rey

°b Ea] Passive * Input * ®' Radio button *

8] Hoveredx _ [Ïj Search RSS

“ ~ WWWHPressedy V CheckBoxy các nut nhần

Footer

wm Hen nay ue

Home Edit Colors&Fonts Layout Content Background Sheet Header Menu Blocks Vertical Menu Controls | Footer | «

Fe bee Marginy `Ÿ*:Fillx |& Align ~ Ai Text Footnotex +|Ey 3$ x

` = "Separator | [Bj Text Paddingy |S Hyperlink Ghimage~ 3|+~

Position * @ Effects La Text TH †sx

Enter Site Title

7A Activation

(C) db TMDT 06/03/2013 4:28 PM File folder

ne (D3 unetbootin-windows 417_ USB 20/03/2013 12:11 ‘File folder

ne (Di) xampp 01/03/2013 8:22 PM File folder ~

tE) — «| II ] '

Ỉ tan l[_— m z.a Ì

Xuất ra template joomla hoặc các opensource khác

ll Save As

+ Import

IQ Preview In Browser >

>

>

Develop

7A Activation

& About Artisteer

File > export

Website Template

Blogger Template

DotNetNuke Skin

Drupal Theme

%2

Oo!

Chon joomla 2.5

@ WordPress Theme

ances XX Exit Artiste

Publish

`

& Artisteer.net

Text

= Marketplace Lorem i

lenu -]

nter Page c¡

enean sollic

Donec vel neque in neque porta venenatis scelerist ext © Text