Izrada web-stranica.

Slides:

Advertisements

Similar presentations

Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.

Advertisements

Computing – Weekly Review By Callum Innes HTML WWW WYSIWYG URL Hyperlink.

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

FrontPage 2003 Web Fundamentals Web Site Design. World Wide Web System based on Hypertext Transfer Protocol (HTTP) Provides access to information Information.

ETT 429 Spring 2007 Web Design I.

Creating a web page Lab Assignment Goal Create a simple web page Create the file: inclass.txt in your www directory. Do you remember how to get to your.

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

Using HTML to Create a Basic Web Page… By Josh Gallagan.

Web Design ITM 2010 Tutorial 1 Prepared by Wang Shiyu.

OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.

Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages.

What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.

Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.

Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.

XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 1 1 Microsoft Office FrontPage 2003 Tutorial 1 – Creating a Web Site.

Introduction to web development and HTML MGMT 230 LAB.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

FrontPage program za izradu web stranica

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

Using FrontPage FrontPage is a great Web editing tool for people with limited knowledge and time for HTML coding. It’s similar to using Microsoft Word.

HTML & Nvu David Tristano Drexel IRT Dept.

The Teacher Computing HTML HyperText Markup Language.

This shows CIS17 and the first day introduction..

KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.

HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.

Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.

McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Working Together 1 Word 2003 and Your.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.

Getting Started – Basic Page Structure

Introduction to HTML Section A – Programming, HTML

Exploring Microsoft Word 2000

Pripremila: Andrijana Skelić, prof.

Programi zasnovani na prozorima

v.as.mr. Samir Lemeš Univerzitet u Zenici

4.1 Vizualni (grafički) HTML uređivači

Microsoft Word 2010.

Maja Meško Anamarija Plašćak Gordana Pavlović Vedrana Verić

Creating a Successful Web Presence

Uvod u HTML Zoltan Geller 2017

Europski dan programiranja

Elektrotehnički fakultet – Podgorica Operativni sistemi

Podešavanje osobina stranica

HTML HYPERTEXT MARKUP LANGUAGE.

Vežba 1. Formatiranje teksta korišćenjem stilskih šablona

Kartica Insert.

Page Layout Podešavanje stranica.

Pojmovi digitalnog zapisa

PYTHON I HTTP, PYTHON I HTML

PRAĆENJE STATISTIKE POSEĆENOSTI WEB-PREZENTACIJE

Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!

Creating a web page Auxiliary Lab Lecture

HTML What is Html? HTML stands for Hypertext Markup Language.

BILJEŽNICA MS WORD.

Creating a web page.

Presentation transcript:

Izrada web-stranica

Osnovni pojmovi WWW (World Wide Web) Web-preglednici (Web browser) Sustav za distribuciju informacija i usluga na Internetu Informacije na Webu su pospremljene i organizirane u web-stranice Skup web-stranica vezanih uz jednu temu zove se web-mjesto (web-site) Web-preglednici (Web browser) Programi koji omogućuju prikaz HTML dokumenata Omogućuju gledanje stranica objavljenih na Webu

<html> ……</html> HyperText Markup Language Vrsta opisnog jezika kojim se prikazuje izgled i sadržaj web-stranice HTML datoteka se sastoji od teksta i opisnih oznaka (tags) Oznake određuju kako će se elementi prikazati Opisna oznaka (tag) – dolaze najčešće u parovima Početna i završna oznaka <html> ……</html>

Struktura HTML koda <html> <head> </head> zaglavlje i opis stranice </head> <body> tekst, slike i sadržaj stranice </body> </html>

Izrada web stranica Direktnim pisanjem koda (Notepad) Programom s grafičkim sučeljem (Microsoft FrontPage) HTML datoteke imaju nastavak .html ili .htm

Microsoft FrontPage

Microsoft FrontPage WYSIWYG alat (What You See Is What You Get) „To što vidiš, to i dobiješ” Omogućuje izradu web stranica bez poznavanja HTML jezika Pokretanje: Start > Programs > Microsoft Office > FrontPage Stvaranje nove web-stranice: File > New > Blank page

Microsoft FrontPage Spremanje stranice Važna podešavanja: File > Save as Važna podešavanja: Tools > Page options File > Properties > Language Podesiti standardni skup znakova da bi svim programima bili čitljivi

Microsoft FrontPage

Microsoft FronPage Podešavanje veličine stranice: Današnje dimenzije 1024 x 768 pixela (piknji) 1024 – širina 768 – visina Širina stranice uvijek ostaje ista, dok se visina prilagođava količini sadržaja (dobra praksa 2 x 768)

Prvo web mjesto File > New > One page Web site

Prvo web mjesto

Prvo web mjesto Mijenjanje tema Umetanje novih stranica Format > Theme Umetanje novih stranica U prikazu Navigation, desni klik na stranicu > New Page