Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Landing Pages
Webdesign

Lumikha ng “Malapit Na” na Pahina sa Loob ng 60 Segundo

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Adobe XD in 60 Seconds
Create a Lo-fi UI Prototype in 60 Seconds

Tagalog (Wikang Tagalog) translation by Anna Nelson (you can also view the original English article)

Tignan natin kung paano lumikha ng “Malapit Na” na pahina gamit ang Timex HTML na template mula sa Themeforest.

Simulan Na

Ito ang nais natin marating: 

Timex
Timex sa Themeforest

Una, maghanap ng gustong larawan para sa background sa mga site gawa ng unsplash.com, gawing 1920x1080 ang laki, at palitan ang “logo_only.png” at  “logo_large.png” na mga file na matatagpuan sa “img” na folder.

Tanda: dapat ay parehong transparent ang mga background.

Idagdag ang tatlong bagong larawan sa “img” folder ng teamplate upang palitan ang mga luma. 

Ngayon ay tignan ang index.html na file ng template at makikita ang mga bagong larawan. 

I-edit ang Index File

Ngayon ay kailangang buksan ang index.html na file at i-edit ang code.  Palitan ang mga tekstong naglalarawan ng tungkol sa sariling negosyo o produkto. Siguraduhing i-edit ang mga detalye, kabilang ang iyong email address, postal address, phone number, web address, at mga link sa social media. 

Tukuyin ang Petsa

Hanapin ang petsa para sa clock countdown:

Palitan ito ng petsa sa hinaharap, at i-refresh ang pahina sa browser upang makita ang iyong countdown at kumpleto na ang iyong “Malapit Na” na pahina. 

Tapos Na!

At ganyan lumikha ng “Malapit Na” na pahina sa loob ng 60 segundo.  Tignan ang ilan sa pinaka mabentang mga Under Construction na templete na Themeforest:

  • Xenon sa pamamagitan ng IronTemplates
  • Moonlight sa pamamagitan ng pixelthrone
  • Gravity sa pamamagitan ng Avanzare
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.