Adobe Dreamweaver is a website creation program that allows users to build and publish web pages using HTML, CSS, JavaScript and other technologies. It is useful for web designers of all experience levels, from beginners to professionals. Dreamweaver guides users through the process of building a website with tutorials on creating a new site, adding headers, navigation, descriptions, and styling pages with CSS. Key aspects covered include using CSS to layout and structure pages, JavaScript for interactivity, and HTML as the underlying code.

1. Using Adobe Dreamweaver to create
a Web site
💻🖥
💻🖥

2. ●Is a website creation program that
allows you to build a publish web pages
almost anywhere with software that
supports HTML,CSS,Java Scipt and
more..

3. ● Is usefull for a variety of a web designers, from
beginners to advance professional.
●It is a proprietary web pages development tool.

4. CSS(Cascading Style Sheet)
-Is a computer language for laying out and
structuring web pages(HTML or XML).
-This language contains coding elements and
it composed of these"cascading style sheets"
which are equally called CSSfiles(.,css).

5. JavaScript
-Is a text based programming language used both
on the client-side and server-side that allows you to
make webpages interactive.
-a dynamic programming language that used for web
development, in web applications, for game
development, and lots more

6. HTML(Hypertext Mark-up Language)
- is the code that is used to structure
a web page and its content.
-it is the program of making website

7. Building a Website
DREAMWEAVER TUTORIAL:
💻
💻

8. DREAMWEAVER TOTURIAL:
Building a Website
1.Create a New Site - go to Site->New Site and a window will pop up.
📎

9. click when you are finish.
SAVE
📎

10. 2.Create Homepage File
📎

11. 📎

12. 3.Create a Header
📎

13. 📎

14. 4.Add a Home Navigation 📎

15. 📎

16. 5.Add website Description 📎

17. 📎

18. 📎

19. 📎

20. 6.Create a CSS File
📎

21. 📎

22. 📎

23. Now,your ready to style it using CSS select
7.Create a CSS Selector for the Website Title
📎

24. 📎

25. 📎

26. 📎

27. 📎

28. 📎

29. 📎

30. 📎

31. .

32. ARE YOU
READY???
🤔
😉

33. ARE YOU
READY???
Get 1/2 lengthwish and ready your
pen.
LET'S HAVE A QUIZ
🖊📕

34. direction:Answer the following questions:
1.CSS stands for_________________
2.HTML stands for _________________
3.It is the code that used to structure a webpage and
its content.
a.JavaScript b.CSS c.HTML
4.Is used for web development,web application for
game development and lots more.
a.JavaScript b.CSS c.HTML

35. 5.A language for laying out and structuring web
pages.
a.JavaScript b.CSS c.Dreamweaver
6.It is a proprietary web pages development tool.
a.Dreamweaver b.CSS c.HTML
7.What is the program that supports
HTML,CSS,JavaScript.
a.Dreamweaver b.CSS c.HTML

36. 8.This language contains elements.
9.It allows you to make webpages interactive.
answer:
answer:
10.It is useful for a variety of a web designers.
answer:

37. DIRECTION:WRITE A NUMBER 1-9 ON THE SPACE PROVIDED
1.__Align the title to Center
2.__Create a CSS selector for the website title
3.__Create a New Site
4.__Add website Description
5.__Create a Header
6.__Add Home Navigation
7.__Create a Homepage File
8.__Create a CSS File
9.__Change Title Font
10.DW stands for________________

38. 1-10. write only one name of our group
member ..(COMPLETE NAME)
*Its your choice to choose one
of us
*dont ask to your classmate
*your paper will be invalid if you ask and research our names in social media
*10pts when you answer it correctly but 5pts if you
didn't complete it.

39. GROUP 2
Members:
●EDGARDO SIBUNGA
●JHONRIC MOMO
●SHEEN ARCILLA
●CATHYMAE DELACRUZ
●MARYROSE ALMAZAN

40. THANK YOU
AND GOD
BLESS.
😁
😊
😉 😄
😁