Scribd
Upload
131 views

Web 2017 - s1 - WD - Week 15 - Weebly - Day 1 - Intro To Authoring Systems

This document provides an introduction to authoring systems and WYSIWYG editors for creating web pages. It discusses how WYSIWYG editors allow creating web pages through a graphical interface rather than writing code directly. Common WYSIWYG editors are listed, and Weebly is used as an example for creating a simple personal website through dragging and dropping elements without coding. The document walks through customizing text, images, buttons and links on the Weebly site template.

Uploaded by

api-263127781
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
131 views

Web 2017 - s1 - WD - Week 15 - Weebly - Day 1 - Intro To Authoring Systems

This document provides an introduction to authoring systems and WYSIWYG editors for creating web pages. It discusses how WYSIWYG editors allow creating web pages through a graphical interface rather than writing code directly. Common WYSIWYG editors are listed, and Weebly is used as an example for creating a simple personal website through dragging and dropping elements without coding. The document walks through customizing text, images, buttons and links on the Weebly site template.

Uploaded by

api-263127781
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 32

AUTHORING SYSTEMS

Day 1
Intro to Authoring Systems

CHECKING YOUR CODING


colors in the code dont
effect the page in a Web
browser
Coloring lets the developer
see different components of
the code and can help with
debugging

tags and CSS selectors


are magenta
HTML attributes and CSS
properties are red
values are blue
coloring incorrect usually
indicates a typographical error
in your code somewhere.

CODE CONFUSION

WYSIWYG Editors
WYSIWYG Editors pronounced wizzy wig
What You See is What You Get

GUI -- pronouncedgooey
Graphical User Interface

Design View
to create a page, you don't actually write the
code
typing the text on the page
format that text, you click it orselectit
click buttons or choose menu options that
describe how you want to format that text

AUTHORING SYSTEMS
Many Web hosting services providesite
buildertools that provide wysiwyg
capability
May not require you to create and manage any
files on your own computer at all
Make pages right on their site, using their
tools, and the pages go right into your actual
live website
add content (your words and pictures) to
templates
predesigned pages already created by people who
are good at CSS and HTML

LIST OF COMMON
WYSIWYG

Adobe Dreamweaver
Adobe Muse
Amaya
BlueGriffon
CKEditor
EZGenerator
FirstPage
Freeway
Froala Editor
Google Web Designer
Hyper Publish
Jimdo
KompoZer
Macaw Web Editor
Maqetta
Microsoft Expression Web

Some cost
$$$

WEEBLY

Name your site


www.samplefirstnamelastinitial.weebly.co
m

No ads on
pages!

Choose
PERSONAL

Choose
Bella Marcel

Name it:
www.samplefirstnamelasti
nitial.weebly.com

Edit this (First name only)

Dele
t

e th
e TI
TLE

Pull in a TITLE
Bar.
Type in your
FIRST name

Add

ing
t
e
gr e

Te
ll s
a b om e
ou
t
t y hing
ou

Pull in a BUTTON

Click on BUTTON to open TOOLS

Click inside & type More about


me

Choose another button style

Choose Link

URL will be an ABSOLUTE


LINK (off the website)
STAND
ARD is
a RELA
(on the
same w TIVE LINK
ebsite
)

Link it to ABOUT and then


save.

Choose STANDARD.
Link it to ABOUT and then
save.

Click

C
EDIT hoose
B CK
GRN
D

to S E
LECT
th e P
HOTO

ACE
L
P
E
se R
o
o
h
C

Use a PHOTO from your


COMPUTER or USE A STOCK
PHOTO

Edit
PICT the
UR E

E
V
A
S

IT

Delete all the existing


content below

Continue until all


elements are removed
in the lower portion

Exit

OUT

Exit

OU T

,
On the DASHBOARD
logout

Open a new tab


Type in your Weebly address
Check to make sure it is publised

You might also like