Web-Page-Designing.pptx xkfgosdkjdnkfasw

gabrielhermoso58 72 views 38 slides Sep 05, 2024
Slide 1
Slide 1 of 38
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38

About This Presentation

please pa help please pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helpplease pa helppleas...


Slide Content

EMPOWERMENT TECHNOLOGIES

Web Page Designing

1. Have you ever tried creating a web page? 2. Name a website you normally visit and what makes the site great

What does Web Page mean? A Web page is a document for the World Wide Web that can be accessed and displayed on a monitor or smartphone using any web browser. Web pages are made up of Hypertext Markup Language (HTML) and can be created and modified by using basic application like Notepad and professional HTML editors.

A webpage  helps create brand awareness and showcasing your brand to prospective customers . It helps to establish your image by letting the audience know who you are and what you represent. A webpage provides reliable information to the consumers, which helps in setting your business apart from the competitors.

HTML is Easy to Learn and Use HTML is easy to learn and understand. For someone who wants to learn web development, HTML is the first and foremost computer language that you need to take note but do not worry, it is not a sensitive case and as simple as it is. It already has some tags that serve a specific purpose to make.

HTML is Easy to Learn and Use One can easily understand others’ code and make changes in it when required without reading a whole book of a manual. Moreover, it does not throw any error or create any problem like other programming languages do when the developer forgets to close the tags or makes mistakes in coding.

HTML is Free One of the biggest advantages of HTML is that it is free of all cost and there is no need to purchase specific software for it to be used.

Online Website Builder - Easy Use of Drag-And-Drop Interface For those who love to make changes to their website, a drag-and-drop interface is convenient.

WYSIWYG WYSIWYG is the acronym for What You See Is What You Get. This means that whatever you will type, insert, draw, place, rearrange, or whatever you do on a web page is what the audience will see. Just like using the Microsoft Word, WYSIWYG shows and prints whatever you will type on the screen.

HTML HTML stands for Hyper Text Markup Language • HTML describes the structure of a web page • HTML consists of a series of elements • HTML elements tell the browser how to display the content • HTML elements are represented by TAGS

HTML • HTML TAGS label pieces of content such as “heading”, “paragraph”, “table” and so on... • Browsers do not display the HTML tags, but use them to render the content of the page

Web pages can be created and modified using professional HTML editors. However, in learning HTML, it is better to use a simple text editor like Notepad. Creating a Website Using Notepad

For Windows 8 or above computers: a. Open the Start Screen (the window symbol at the bottom left on your screen). b. Search and open the Notepad Step 1: Open Notepad

Step 2: Write the following HTML:

HTML document is divided into two main sections the head and the body. Each section contains specific information. The head section contains information about the documents like title, search engine or keywords but is not visible to the reader. The body section contains the information or content that you want to appear on the web page.

Create an account on Wix through their website www.wix.com and click GET STARTED. Select “Create a New Site” from the drop down menu in the top right corner of the dashboard. Once it’s clicked, Wix will ask what type of website do you want to create. There are options for everyone, from online stores to personal portfolios.

Customize your website with the Wix Editor. Once you select a template, you can be able to customize it in the Wix Editor using simple drag-and-drop editing. Update the Texts and Images At this point, you can get to see a preview page of your chosen template. This is where you can play around with simple but brilliant editing features, like the dragand -drop design and text boxes.

Personalize the Background If small images are still not enough, you can also change your template background. The left-hand sidebar features a ‘Background’ button, which you can use to click and change with ease. Add Pages Once you created a stunning homepage, there are few other more pages you can add to ensure that your website has everything visitors are looking for. For example, make sure to include a “Home”, “About” and a “Contact Us” page

WEB PAGE DESIGN Web Design is a similar process of creation, with the intention of presenting the content on electronic web pages, which the end users can access through the internet with the help of a web browser. Every single web page in a website has different content, but all the pages are using a similar graphic design. Often, sites will use websites templates, which contain all the basic elements of web design such as.

LAYOUT it means that your design should align with a handful of soothing adjectives; it should be simple, familiar, intuitive, clean and accessible. Use plenty of whitespaces to give the elements of your site room to breathe and use grid based designs to keep design items organized and orderly. Strong photography, icons or graphics provide supplementary information to your text but make sure the images complement each other and the brand you are looking. COLOR as for choosing a color scheme, paying attention to your topic, brand or industry perspectives along with your target audience demographics will make this a somewhat a painless process. Always look for ways to narrow your scope from the roughly 7 million discernable hues the eye can detect.

NAVIGATION your site’s navigation is not a space in which to be creative. First off, don’t fall into the trap of overly animated hover effects and complex. Navigational elements which can exist in a site’s header, body and footer simply serve to direct your visitors to the information they desires as quickly as possible.

FONTS your text should be easily readable, which generally means body copy should be at least 16 pixels. Using a complementary font is ideal for headings or accents, but don’t go beyond three typefaces or unnecessary sizing adjustments. Of course, you will want to make sure there’s plenty of contrast between your text and the sites background colors, which generally means a light color paired with a dark tone. CONTENT your site visitors and potential customers want information quickly such as, is your brand trustworthy? Experienced? Is it capable of delivering topnotch products and services? Given people’s short attention spans and lightning- fast first impressions, communicating clearly is critical, thus, information should be easy to read and digest.