.willCode Tutorial

.willCode Tutorial is a website that teaches you how to use our website. With this website, you can display limitless videos, pictures, music, gallery and much more!

Videos/Table of Content Layout Selector Content/Widget Contact

Videos/Table of Content



Table of Content
1. Layout
2. Selector
3. Content/Color
4. Widget

Layout

● Layout

○ Header- 1st Section on the webpage
○ Tab/Navigation Bar- A part of the 1st Section
○ Section 1 - 2nd Section on the webpage
○ Section 2 - 3rd Section on the webpage
○ Section 3- 4th Section on the webpage
○ Section 4- 5th Section on the webpage
○ Footer- 6th and Last Section on the webpage

Selector

● Selector

○ H - Header
○ 1 - Section 1
○ 2 - Section 2
○ 3 - Section 3
○ 4 - Section 4
○ F - Footer

Content/Widget

● Content/Color


○ Website Title - This is where you will input your Webpage title
○ Title Size - This is where you will input your font size for your Website Title (Input
the numbers 10-35 recommended)
○ Description title- This is where you will input your font size for your Description
(Input the numbers 10-20 recommended)
○ Font Color- Click on the grey box to change the font color of that Section
○ Tab Background Color- Click on the grey box to change the background color of
the Tab Section
○ Background Opacity- This is where you change the opacity of the background
image of the Header
○ BackgroundURL- This is where you must​ enter 3 direct links to wallpapers that
relates to your website
○ Section Title- This is where you will input your title for that particular Section, It
will also appear as a tab
○ Section Title Size - This is where you will input your title Size for that particular
Section
○ Section Content Size - This is where you will input your content size for that
particular Section
○ Section Content- This is where you will input your content for that particular
section. This is also where you can drop a widget using the drag and drop
concept.
○ Section Font Color- Click on the grey box to change the text color of that
particular Section
○ Section Background Color- Click on the grey box to change the background color
of that particular Section
○ Email - Enter your Email in that Section
○ Email Size- This is where you will input your email text size for your footer
○ Footer Content- This is where you will input your content for the footer. This is
also where you can drop a widget using the drag and drop concept.
○ Footer Font Color- Click on the grey box to change the text color of the Footer
○ Footer Background Color- Click on the grey box to change the background color
of the Footer


● Widget


The Widget section are a set of tools that can be displayed on the webpage after you
“load” it by inputting an embed link or direct link for each widget you would like to use.
After the widgets are “loaded”, you can drag them and drop them in any Content Section
on the Edit Section to the left of this webpage.


■ Video- This widget can be loaded with any video webpage that has an
embed link.(Recommend using YouTube for best Results)
■ Photo - This widget can be loaded with any direct link to any image.
■ Gallery - This widget can be loaded with an embed link from
http://albumizr.com/ . You can upload as many images as you want with
this widget via http://albumizr.com/.
■ Map - This widget can be loaded with an embed link from
http://www.embedgooglemap.net/. BE SURE TO KEEP THE WIDTH
SECTION BLANK BEFORE YOU GENERATE THE CODE.
■ Audio- This widget can be loaded with any audio web page that has an
embed link. (Recommend using Cincopa if your audio is not online yet.
Soundcloud is also recommended)

Email: wlavarin@student.fdu.edu

Phone Number: 732-366-3486