DOCSLIB.ORG

Wer Viel Zeit in Eine Website Investieren Will Ist Gut Beraten, Eine Professionelle Software Für Webde- Signer Zu Beschaffen

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Wer Viel Zeit in Eine Website Investieren Will Ist Gut Beraten, Eine Professionelle Software Für Webde- Signer Zu Beschaffen Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 1 Ein portabler Web-Editor http://www.nvu-composer.de Wer viel Zeit in eine Website investieren will ist gut beraten, eine professionelle Software für Webde- signer zu beschaffen. Diese Programme sind sehr leistungsfähig, haben einen grossen Funktionsum- fang, sind gut dokumentiert, aber in der Regel auch sehr teuer. Daneben gibt es unzählige Web-Editoren mit be- schränkten Anwendungsmöglichkeiten, die dafür sehr leicht zu bedienen und erst noch kostenlos sind. Eine Sonderstellung hat der portable NVU- KompoZer, der nicht installiert werden muss und problemlos auf einem Stick Platz hat. Sie können das Portable Programm auf der offiziel- len Homepage von NVU herunterladen. Eine etwas kompaktere Variante mit einer Beschreibung der Installation und der Erstellung einer ersten Websei- te habe ich auf der Website: http://huscholz.bplaced.net/start.html Nvu - ausgesprochen "N view" - ist eine Stand-Alone- Weiterentwicklung der Mozilla-Suite-Komponente Composer, basierend auf der Gecko-Engine von Mozilla. Ein komplettes Programm zur Erstellung und Verwaltung von Webseiten ist nun für Linux, Microsoft Windows und viele weitere Betriebssysteme verfügbar. Es kann mit Programmen wie FrontPage und Dreamweaver konkurrieren. Nvu macht das Verwalten einer Webseite zum Kinderspiel. Nun kann jeder Webseiten erstellen und verwalten, ohne technische Kenntnisse von HTML. Durch seine Verfügbarkeit für viele Plattformen müssen Sie sich selbst bei einem Wechsel Ihres Betriebssystems nicht umgewöhnen. Sie können weiterhin den gewohnten Komfort von Nvu nutzen. • WYSIWYG bearbeiten von Seiten, Webseitenerstellung so einfach wie das Schreiben eines Briefs in ihrer Text- verarbeitung. • Integriertes FTP-Dateimanagement. Loggen Sie sich auf Ihrer Webseite ein und navigieren durch Ihre Dateien, ändern Sie Ihre Webseiten direkt im Netz. • Zuverlässige HTML-Code-Erstellung, der von den heute beliebtesten Browsern korrekt interpretiert wird. • Zwischen der WYSIWYG-Ansicht und Code-Ansicht wechseln, ganz einfach mit Tabs. • Gleichzeitiges bearbeiten mehrerer Tabs macht das Ändern vieler Seiten zum Kinderspiel. • Leistungsfähige Unterstützung für Formulare, Tabellen und Vorlagen. • Das einfachste Programm zur Erstellung und Verwaltung von Webseiten. Plattformübergreifend. Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 2 Anleitungen für den KompoZer Im Skript „Webseiten gestalten“ finden Sie alle erforderlichen Hinweise, wie bestehende Vorla- gen verändert und neue Webseiten mit dem KompoZer erstellt werden. Dabei beschränken sich diese Anleitungen auf die wenigen Funktio- nen, die dazu verwendet werden. Wer den gesamten Funktionsumfang von Kom- poZer nutzen will kann sich eine sehr umfassende Dokumentation herunterladen, die auf mehr als 150 Seiten das Erstellen einer kompletten Websi- te beschreibt. Im Internet gibt es viele Blogs und Foren, in wel- chen Erfahrungen ausgetauscht oder auf Erweite- rungen hingewiesen wird. http://www.juergen-klose.de/vhs/kompozer-anleitung.pdf Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 3 Ein kleines Projekt Sie bearbeiten den Stoff zum „Goldenen Schnitt“ und möchten die Schülerinnen und Schüler mit einer vorbereiteten Internet-Recherche für das Thema motivieren. Sie haben bereits ein paar Bilder zusammengestellt und interessante Links zu ausgewählten Webseiten notiert, die Sie mit dem Smart-MindManager in einer Mind-Map zusammen fassen. Bevor Sie mit dem Erstellen der Webseite beginnen, sollten Sie eine gute Vorbereitung treffen. Erstellen Sie einen Ordner, der in der Folge alle Dateien ent- halten soll, die zur Webseite gehören. Das ist in der Regel ein Bilder-Ordner und die bereits bestehenden Dokumente wie PowerPoint-Präsentationen, PDF- Dateien, Mind-Maps oder Word-Dokumente. Machen Sie einen ersten Entwurf der Homepage und legen Sie die Anordnung der Bilder, Texte und Links fest. Überlegen Sie sich, wie sich alle diese Elemente mit einer Tabelle strukturieren lassen. Starten Sie den KompoZer und speichern Sie als Erstes die noch leere Webseite, damit die relativen Adressen für die Bilder und Dokumente festgelegt sind. Speichern Sie (die noch leere Webseite) unter dem Dateinamen index in das vorbereitete Verzeichnis. Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 4 Die Seite strukturieren Bei reinen HTML-Seiten ist es zweckmässig, alle Texte und Bilder in eine Tabelle einzutra- gen. Legen Sie eine erste Tabelle für die grobe Aufteilung der Bildschirmanzeige an. In die einzelnen Zellen dieser Tabelle können dann weitere Tabellen eingefügt werden. Selbstver- ständlich können benachbarte Zellen auch zu einer Zelle vereint werden. Achten Sie bitte darauf, dass auch die inneren Tabellen die Struktur der äusseren Tabelle übernehmen, was bei zu komplexen Tabellen zu Problemen führen kann. In unserem Beispiel besteht die äussere Tabel- le aus 4 Zeilen und 2 Spalten. Die Breite der Spalten können Sie ganz oben (oberhalb der Tabelle) bereits provisorisch einstellen. Die vertikalen Abstände für die Zeilen lassen Sie am besten so stehen. Diese werden sich dann automatisch an die Inhalte anpassen. Texte einfügen In die Zellen der Tabelle können nun die Texte eingefügt werden. Für die Wahl der Schriftart steht ein Pulldown-Menü bereit. Für die Festle- gung der Schriftgrösse, der Schriftfarbe und des Schriftschnitts verwenden Sie am besten das Menü Format. Für die am häufigsten ver- wendeten Funktionen finden Sie die entspre- chenden Schaltflächen in der Symbolleiste. Bilder einfügen Setzen Sie den Cursor in die Zelle, welche das Bild aufnehmen soll. Dann klicken Sie auf das Symbol Grafik und suchen dann (Grafik- Eigenschaften) das gewünschte Bild. Markie- ren Sie unbedingt den Eintrag, dass das Bild eine relative Datei-Adresse hat. Wenn Sie keinen Alternativtext verwenden möchten, müssen Sie die entsprechende Option wählen. Im Register Grösse können Sie die Bildgrösse noch verändern und im Register Erschei- nungsbild unter anderem die Ausrichtung des Bildes festlegen. Mit OK wird das Bild in die ausgewählte Zelle eingefügt. Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 5 Eine weitere Tabelle einfügen Damit die Aufteilung des Bildschirms weiter verfei- nert werden kann ist es vielleicht notwendig, weite- re Tabellen einzufügen. In diesem Fall klicken Sie mit der rechten Maustaste in die Zelle, die eine Tabelle aufnehmen soll. Im Kontextmenü wählen Sie danach Tabelle einfügen / Tabelle. Das weitere Vorgehen kenne Sie bereits. Die eingefügte Tabelle besteht nur gerade aus einer Zeile und zwei Spalten. In diese beiden Zel- len werden nun zwei benachbarte Bilder eingefügt. Im Register Grösse können die beiden Bilder auf die gleiche Höhe eingestellt werden. Schliesslich ändern wir noch die Textfarbe... Die Seite speichern Beim Erstellen einer Webseite muss man immer wieder mit Über- raschungen rechnen. Dabei ist es oft schwierig, eventuelle Fehler wieder rückgängig zu machen. Darum ist es ratsam, die Webseite immer wieder zu speichern. Bei sehr aufwendigen und komplexen Seiten sollte man sogar mehrere Varianten speichern, damit die Arbeit nicht verloren geht. Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 6 Links einfügen Benutzerfreundlich sind Navigationen, bei denen die Besucher auf ein Symbol klicken können, das sie auf die gewünschte Internetseite führt. In die- sem Beispiel wird zuerst eine Tabelle eingefügt und dann die Pfeile als Schaltflächensymbole. Markieren Sie ein Pfeilsymbol und wählen Sie im Kontextmenü Link erstellen. Im Register Link müs- sen Sie dann nur noch die URL eintragen. So sieht die Webseite aus, wenn sie im Browser geöffnet wird. Web 2.0 im Unterricht Web-Editoren Kapitel 16 Seite 7 Eine Mind-Map verlinken Eine Mind-Map besteht immer aus einer HTML- Seite und einem Bild (GIF-Datei). Sorgen Sie dafür, dass sowohl das Bild wie auch die Seite mit dem Code im gleichen Verzeichnis sein müssen. Der Link erfolgt immer auf die HTML-Seite. Einen Hyperlink setzen Markieren Sie den Text und klicken Sie in der Sym- bolleiste auf den Button Link. Sie können auch festlegen, dass die angewählte Webseite in einem neuen Fenster angezeigt werden soll. Tabellenränder ausblenden Setzen Sie (im Kontext-Menü) alle Tabellenränder auf 0). So präsentiert sich die Webseite im Internet .
Load more

Recommended publications
  • The “New”Side of Web Design
    THE “NEW” SIDE OF WEB DESIGN Start with Fundamentals A GOOD teacher will LEARN and TEACH the basics of HTML and CSS before allowing students to use WYSIWYG editors! Yes, it’s programming, technically, but they can handle it! And, so can you! Free Web Tools and Widgets Embeddable Video Hosting (online) Embeddable Audio (offline) http://schooltube.com (school video hosting and embed code) http://www.audioflash.org/ (free streaming audio recorder) http://screentoaster.com (capture screencast and embed code given) Embeddable Photo Galleries (offline) http://screencastle.com (capture screencast and get embed code) http://www.snapfiles.com/get/sothinkalbum.html SoThink Album Embeddable Forum http://www.snapfiles.com/get/skyalbum.html SkyAlbum http://tal.ki/ “Top” Widgets Embed RSS Feed from Blog http://www.makeuseof.com/dir/scrollbox-embed-rss-feeds/ AddThis Button http://addthis.com/ ModPoll http://www.modpoll.com Embed Photo Galleries/Presentations Hosted Online Random Widget Collections http://www.slideserve.com (embed PPT files; no transitions/animation unless plugin downloaded—trial does 10 slides only) http://www.iwidgetworld.com/ http://picasaweb.google.com/home http://www.widgetbox.com/ http://www.freewidgetzone.com/ Embed Documents Hosted Online (can upload) http://www.tickerfactory.com/ezticker/ticker_designer.php http://embedit.in (embed document or embed baby thumbnail link) Free Web Site Creators/Hosting (easy) • Wix • Yola • Google Sites • Weebly Source: http://internet.suite101.com/article.cfm/make-free-websites-on-the-web 1
    [Show full text]
  • 1 Chapter -3 Designing Simple Website Using Kompozer
    RSCD Chapter -3 Designing Simple Website Using KompoZer ------------------------------------------------------------------------------------------- 1. ……………plays a very important role in a business now-a-days. a) Website b) webpage c) Web browser d) Web host 2. …………….is a collection of interlinked web pages for a specific purpose. a) Website b) webpage c) Web browser d) Web host 3. ………….defines what we want to achieve by developing a website. a)Objective b) Goal c) Planning d) Target 4. Once by knowing the reason for developing a website, you must decide …….of the website. a)Objective b) Goal c) Planning d) Target 5. ……….means for whom the website is to be developed. a)Objective b) Goal c) Planning d) Target audience 6. From the following which is important for content of a webpage? a) Text and graphics for website b) Content as per visitor’s requirements c) Too short or too long content d) All of these 7. Who provides trial version of the software for free download? a) Editor b) Vendor c) Visitor d) None 8. The visual diagram of the website is known as ……………… a) Site Map b) Image Map c) Site Editor d) Site Browser 9. The website should contain should be classified into ………….categories. a) General b) Detailed c) Simple d) Both a and b 10. What is the first step for planning a website? a) Homepage b) Target audience c) Objective and Goal d) Browser compatibility 11. The website must contain ………………….information. a) Complete b) relevant c) incomplete d) Both a and b 12. What is the key point of a website? a) Content b) Homepage c) Objective and Goal d) Browser Compatibility 13.
    [Show full text]
  • Appendix a the Ten Commandments for Websites
    Appendix A The Ten Commandments for Websites Welcome to the appendixes! At this stage in your learning, you should have all the basic skills you require to build a high-quality website with insightful consideration given to aspects such as accessibility, search engine optimization, usability, and all the other concepts that web designers and developers think about on a daily basis. Hopefully with all the different elements covered in this book, you now have a solid understanding as to what goes into building a website (much more than code!). The main thing you should take from this book is that you don’t need to be an expert at everything but ensuring that you take the time to notice what’s out there and deciding what will best help your site are among the most important elements of the process. As you leave this book and go on to updating your website over time and perhaps learning new skills, always remember to be brave, take risks (through trial and error), and never feel that things are getting too hard. If you choose to learn skills that were only briefly mentioned in this book, like scripting, or to get involved in using content management systems and web software, go at a pace that you feel comfortable with. With that in mind, let’s go over the 10 most important messages I would personally recommend. After that, I’ll give you some useful resources like important websites for people learning to create for the Internet and handy software. Advice is something many professional designers and developers give out in spades after learning some harsh lessons from what their own bitter experiences.
    [Show full text]
  • Weightage 8 Marks
    Chapter 1 Weightage Creating HTML Form Using KompoZer 8 marks Introduction to Form . With the increase in the use of Internet many activities have become online. Web page is used to fill various information about ourselves or product. HTML forms are used to help the visitors of the website to input data. A form in HTML is a container used to collect different kinds of inputs from the user. It allows for more interactivity and control in data entry. Well organized structure designed to input the required the data and information of website is called form. HTML contains elements like label, checkbox, text input field, radio button, submit button, reset button and many more. The form elements are used to enter the data as well as validate the data within the forms. Four elements are used in a form: 1) Form 2) Input 3) Textarea 4) Select and option Form Elements . Form element acts as a container for all the elements used in the form. The tag <form>….</form> is used to implement this element. SYNTAX::::: <form action=”file1.html” method=”post”> . The form element uses two attributes namely action and method Action Attribute o The action attribute is used to specify where to send the form data when the form is submitted. o The action attribute takes a filename as value. Method Attribute o The method attribute specifies the HTTP(Hyper Text Transfer Protocol) method to be used when sending the data. o The method attribute take two values: GET and POST GET Method . The GET method retrieves the data from the form and sends it to the server by attaching it at the end of the URL.
    [Show full text]
  • 1Lesson 1: Markup Language and Site Development Essentials
    1Lesson 1: Markup Language and Site Development Essentials Objectives By the end of this lesson, you will be able to: 2.1.1: Relate the history of markup languages to current techniques and technologies, including Standard Generalized Markup Language (SGML), previous versions of Hypertext Markup Language (HTML). 2.1.2: Identify the format and various versions of HTML, including HTML 4.01, Extensible HTML (XHTML), HTML5. 2.1.8: Explain the importance of consistently developing to a single W3C standard (e.g., HTML5). 2.6.1: Describe the functionality of XML. 2.7.1: Obtain input from stakeholders about acceptable technologies and color combinations. 2.7.2: Create an initial Web site diagram (i.e., a story board or prototype), and translate it into a site map. 2.7.3: Verify compliance with government and industry accessibility standards, including W3C Web Accessibility Initiative (WAI), U.S. Government Section 508, Americans with Disabilities Act (ADA). 2.7.4: Validate Web page design according to technical and audience standards adopted by employers. 2.7.5: Verify Web site usability, viewability and browser compatibility. 2.12.1: Test and validate Web documents. 2.12.3: Test Web pages in multiple browsers. 2.13.1: Work as a team member to develop pages and sites. 1-2 Site Development Associate 2.13.2: Collaborate with technical (e.g., IT) and non-technical (e.g., marketing) members of the organization to ensure sites meet requirements. 2.13.3: Determine information and audience requirements for a site, including stakeholders such as customers, employees, shareholders, suppliers. 2.13.4: Document a Web site plan.
    [Show full text]
  • Volume 67 August, 2012
    Volume 67 August, 2012 Linux Financial Apps: KMyMoney Embed PDFs In Firefox With Evince Via Mozplugger Download YouTube Videos The "Light" Way Customize Your Default Search Engine With Opera Toggle Your Keyboard Between Languages View Twitter Posts As RSS Feeds KompoZer Part 2: Let's Get Started Plus more inside! Table Of Contents 3 Welcome From The Chief Editor 4 Linux Financial Apps: KMyMoney 6 Screenshot Showcase The PCLinuxOS name, logo and colors are the trademark of 7 KompoZer, Part 2: Let's Get Started Texstar. The PCLinuxOS Magazine is a monthly online publication 11 Screenshot Showcase containing PCLinuxOS­related materials. It is published primarily for members of the PCLinuxOS community. The 12 ms_meme's Nook Reprise: Over The Net & Through The Sandbox magazine staff is comprised of volunteers from the 13 Mark's Quick Gimp Tip & Double Take PCLinuxOS community. 14 View Twitter Posts As RSS Feeds Visit us online at http://www.pclosmag.com 15 Rhythmbox: A Short Review This release was made possible by the following volunteers: 16 Screenshot Showcase Chief Editor: Paul Arnote (parnote) Assistant Editor: Meemaw 17 Toggle Your Keyboard Between Languages Artwork: Sproggy, Timeth, ms_meme, Meemaw Magazine Layout: Paul Arnote, Meemaw, ms_meme 18 Screenshot Showcase HTML Layout: Rudge, Sproggy 19 Game Zone: Counter­Strike: Source (CS:S) Staff: 23 Create A Software RAID1 ms_meme Mark Szorady Patrick Horneker Darrel Johnston 28 Graphics Tutorials: GIMP, Part 2 Meemaw Gary L. Ratliff, Sr. 30 Networking on QEMU: Pete Kelly Daniel Meiß­Wilhelm Setting Up The E1000 & Novell NE2000 ISA Evaluation Contributors: 36 Screenshot Showcase longtom longtomjr T6 glamdring 37 Customize Your Default Search Engine In Opera AndrzejL 38 Download YouTube Videos The Light Way The PCLinuxOS Magazine is released under the Creative 40 Asunder: A Brief Review Commons Attribution­NonCommercial­Share­Alike 3.0 Unported license.
    [Show full text]
  • Manuale Nel Codice Sarà Necessario
    Della serie Les tutoriels libres presentati dal sito FRAMASOFT Framasoft « Partire da Windows per scoprire il software libero... » http://www.framasoft.net Tutorial Framasoft N|VUN|VU Ze|N tutorial Programma: Nvu Autore(i): Lindows Inc. Piattaforma(e): Linux, Windows, Mac Versione: 0.41 it Licenza: mpl/gpl/lgpl Sito italiano: http://www.sanavia.it/nvuitalia Sito inglese: http://nvu.com di Fun Sun (jean-marc juin1) 14/05/04 (prima versione) 24/06/04 (correzioni + aggiornamento 0.3) 25/08/04-->19/10/04 (miglioramenti generali ) Correttori Christian (Choul) Goofy Versione francese 0.41 27.10.04 Traduzione italiana 0.3 di: Giulio Bellezza ([email protected]) 15.11.04 Traduzione, revisione e aggiornamento 0.41 Andrea Sanavia 15.11.04 Correzione e verifica: Riccardo Fusaroli Versione italiana 0.41 beta 1 Pubblicato con licenza Creative Commons By-NonCommercial-ShareAlike http: //creativecommons.org/licenses/b y-nc-sa/1 .0/ Questo documento sarà visualizzato meglio con il carattere bitstream, prelevabile a questo indirizzo: http://ftp.gnome.org/pub/GNOME/sources/ttf-bitstream-vera/1.10/ 1) Patronimo fisico in omaggio a questo mondo rassegnato in ricerca di tempo e di leggi. Un giorno, forse, tu mi autorizzerai a chiudere il suono di queste parole in una chiesa affinché tu prenda coscienza dell'inesistenza dell'alfabeto... Http://www.framasoft.net 2/182 Tutorial Framasoft SOMMARIO Tabella degli argomenti A ) Introduzione ................................................................................................ 6 1) Creare pagine Web e siti
    [Show full text]
  • Site Development Associate Self-Study Guide Web Foundations Series CCSSM-CF2SDF-PR-1208 • Version 2.0 • Rd082712
    Site Development Associate Self-Study Guide Web Foundations Series CCSSM-CF2SDF-PR-1208 • version 2.0 • rd082712 EVALUATION COPY EVALUATION COPY Site Development Associate Self-Study Guide EVALUATION COPY President/Chief Certification Architect James Stanger, Ph.D. Vice President, Operations Todd Hopkins Senior Content Developer Kenneth A. Kozakis Managing Editor Susan M. Lane Editor Sarah Skodak Project Manager/Publisher Tina Strong Customer Service Certification Partners, LLC 1230 W. Washington St., Ste. 201 Tempe, AZ 85281 (602) 275-7700 Copyright © 2012, All rights reserved. EVALUATION COPY Site Development Associate Developer Patrick T. Lane Contributors DeAnne Bowersock, James Stanger, Ph.D., and Kenneth A. Kozakis Editor Sarah Skodak Project Manager/Publisher Tina Strong Trademarks Certification Partners is a trademark of Certification Partners, LLC. All product names and services identified throughout this book are trademarks or registered trademarks of their respective companies. They are used throughout this book in editorial fashion only. No such use, or the use of any trade name, is intended to convey endorsement or other affiliation with the book. Copyrights of any screen captures in this book are the property of the software's manufacturer. Disclaimer Certification Partners, LLC, makes a genuine attempt to ensure the accuracy and quality of the content described herein; however, Certification Partners makes no warranty, express or implied, with respect to the quality, reliability, accuracy, or freedom from error of this document or the products it describes. Certification Partners makes no representation or warranty with respect to the contents hereof and specifically disclaims any implied warranties of fitness for any particular purpose. Certification Partners disclaims all liability for any direct, indirect, incidental or consequential, special or exemplary damages resulting from the use of the information in this document or from the use of any products described in this document.
    [Show full text]
  • How to Design and Publish Your Website with Kompozer Table of Contents
    How to Design and Publish Your Website with KompoZer Table of Contents HOW TO DESIGN AND PUBLISH YOUR WEBSITE WITH KOMPOZER TABLE OF CONTENTS .................................................................. 1 TABLE OF CONTENTS ......................................................................................................................................................................... 2 HOW TO DESIGN AND PUBLISH YOUR WEBSITE WITH KOMPOZER .................................................................................................... 3 OVERALL GOALS OF THIS TUTORIAL ............................................................................................................................................................... 3 CREATING A SIMPLE FIRST WEB PAGE ........................................................................................................................................................... 3 HOW TO ADD IMAGES, CHANGE FONTS & COLOURS, AND CREATE LINKS .............................................................................................................. 7 HOW TO MAKE YOUR LINKS CHANGE COLOUR WHEN THE MOUSE IS HOVERING OVER IT: CREATING A ROLLOVER OR MOUSEOVER EFFECT ................... 12 HOW TO REMOVE THE UNDERLINING FROM YOUR LINKS ................................................................................................................................. 14 HOW TO CREATE DATA TABLES ..................................................................................................................................................................
    [Show full text]
  • Manual De Instalación De Kompozer
    UNIVERSIDAD NACIONAL DE CHIMBORAZO FACULTAD DE CIENCIAS DE LA EDUCACIÓN HUMANAS Y TECNOLOGÍAS TÍTULO DE TESIS: “ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB PARA LA ESCUELA DE INFORMÁTICA APLICADA A LA EDUCACIÓN DE LA UNIVERSIDAD NACIONAL DE CHIMBORAZO UTILIZANDO SOFTWARE LIBRE” Trabajo presentado como requisito para obtener el título de Licenciado en Ciencias de la Educación especialidad Informática Aplicada a la Educación. Autores: Reinoso Quishpi Benjamín Rodrigo benjamí[email protected] Cepeda Zambrano Wilson Leonardo [email protected] Director de Tesis: Ing. Jorge Fernández Acevedo Riobamba – Ecuador 2014 CERTIFICACIÓN Certifico que el presente trabajo fue realizado en su totalidad por los Señores. Wilson Leonardo Cepeda Zambrano y Benjamín Rodrigo Reinoso Quishpi, como requerimiento parcial a la obtención del título de LICENCIADO EN CIENCIAS DE LA EDUCACIÓN, ESPECIALIDAD INFORMÁTICA APLICADA LA EDUCACIÓN. Riobamba,………………………………… Ing. Jorge Fernández Acevedo DIRECTOR DEL PROYECTO DE TESIS UNIVERSIDAD NACIONAL DE CHIMBORAZO FACULTAD DE CIENCIAS DE LA EDUCACIÓN HUMANAS Y TECNOLOGÍAS ESCUELA DE INFORMÁTICA APLICADA A LA EDUCACIÓN TÍTULO DE TESIS: “ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DE UN SITIO WEB PARA LA ESCUELA DE INFORMÁTICA APLICADA A LA EDUCACIÓN DE LA UNIVERSIDAD NACIONAL DE CHIMBORAZO UTILIZANDO SOFTWARE LIBRE” Trabajo de Licenciatura en la especialidad de “Informática Aplicada a la Educación” Autores: Reinoso Quishpi Benjamín Rodrigo Cepeda Zambrano Wilson Leonardo Aprobado en nombre de la Universidad Nacional de Chimborazo por el siguiente jurado examinador a los……..días del mes de……………………del año 2014. Ing. María Eugenia Solís M. …………………………….. PRESIDENTA DEL TRIBUNAL FIRMA Ms. Patricio Tobar. ……………………………... MIEMBRO DEL TRIBUNAL FIRMA Ing. Jorge Fernández A. ……………………………… TUTOR DE TESIS FIRMA NOTA: ……….
    [Show full text]
  • Carte Care Se Vrea În Esență Despre Internet Și Despre Web Este Cel Puțin Ciudat Să Folosesc Un Astfel De Motto
    Cuprins 1 Introducere ..................................................................5 1.1 Să ne lămurim… .................................................. 6 1.1.1 La început a fost WEB-ul: fals ........................ 6 1.1.2 WEB-ul era la sistemul de operare: fals ........ 6 1.1.3 Sistemul de operare era WEB-ul: fals ........... 6 1.2 Când a început WEB-ul? ..................................... 7 1.3 La început a fost Internetul: aproape corect ...... 9 2 HTML – HTML5 ....................................................... 14 2.1 WWW (World Wide Web)? ................................ 14 2.2 Pagini Web ......................................................... 15 2.3 Adresa unei pagini de Web ................................ 15 2.4 Cum aduce browserul paginile web? ................. 17 2.5 Cum afișează browser-ul paginile web? ............ 19 2.6 Ce este un fișier HTML? ................................... 20 2.7 Structura standard a unui document html5 ..... 21 2.7.1 Primul cod html ............................................ 21 2.7.2 Explicarea structurii standard: ................... 24 2.8 Tag-uri html ...................................................... 26 2.8.1 DOM – Document Object Model .................27 2.8.2 Observații generale ..................................... 29 1 2.9 Marcarea corectă a textului ............................... 31 2.9.1 Marcarea metadatelor ................................. 32 2.9.2 Delimitarea logică a conținutului ............... 34 2.9.3 Tag-uri pentru marcarea structurală a conținutul textului
    [Show full text]
  • Designing Simple Website Using Kompozer
    Lession 3 Designing simple website using KompoZer A website helps to presenting the business to the world. It helps in promoting the business, selling the products and attracting the large number of customers. The website is a collection of interlinked web pages for a specific purpose. The challenge however is in creating a website that is interactive, user friendly and providing accurate and useful information. Planning for the website: Developing a good website is a project similar to any other projects and requires detailed planning. Following are the important points which should be considered for developing a good website as part of planning process. Purpose: The purpose of the website should be clearly identified. Before creating a website, we should be clear with the definition and goal of the website. Audience: Before we start with the designing part, we should know the expected users of the website. The website should contain both general and detailed information. Another consideration is the speed of connection that the expected users will have. In case, large graphical file are kept on the website, they will take a long time to download. Content: The website must contain complete and relevant information. Also if the information provided is incomplete, the user can leave the website. The website content should be classified into general and detailed categories. Medium: More and more people are using internet through smart phones and tablets. The website design should scale for all the devices like computers, smart phones, and tablets. Creating a simple website using KompoZer: Let us create a Ecommerce website named “School Plaza”.
    [Show full text]