Manuale Nel Codice Sarà Necessario

Total Page:16

File Type:pdf, Size:1020Kb

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 completi .................................................................................................... 6 1. 1) L'orientamento scelto: conformità alle raccomandazioni di w3c .................................................................... 7 2) Conoscenze richieste ........................................................................................................................ 8 2. 1) Avete già delle conoscenze preliminari ? ...................................................................................................... 10 3) La doppia faccia de linguaggio WYSIWYG ....................................................................................... 10 3. 1) Piccola spiegazione ....................................................................................................................................... 10 3. 2) Saper fare la differenza ................................................................................................................................. 11 3. 3) Il formato testo grezzo ................................................................................................................................... 13 3. 4) Il linguaggio delle pagine Web ...................................................................................................................... 14 3. 5) Per approfondire la conoscenza del linguaggio HTML ................................................................................... 15 4) Le strutture di una pagina Web e di un sito .................................................................................... 16 4. 1) Rudimenti della struttura logica di una pagina Web ..................................................................................... 16 4. 2) Rudimenti della struttura logica di un sito Web ............................................................................................ 17 4. 3) Il disegno delle pagine Web: vedere o leggere? .......................................................................................... 17 4. 4) Strumenti d'aiuto supplementari per la creazione di pagine Web ................................................................ 18 4. 5) Come creare un sito Web? ............................................................................................................................ 19 B) Installazione e configurazione ................................................................... 20 1) Installazione .................................................................................................................................. 20 1. 1) Sotto windows ................................................................................................................................................ 20 1. 2) Sotto Linux ..................................................................................................................................................... 21 2) Configurazione .............................................................................................................................. 23 2. 1) Con Modifica/Preferenze... ............................................................................................................................. 23 2. 2) Con Impostazioni Pubblicazione... ................................................................................................................. 25 C) Utilizzazione ............................................................................................. 26 1) Esempio di testo da riprodurre tale quale (a mano) ........................................................................ 27 1. 1) Inizio del primo esercizio ............................................................................................................................... 27 2) Edizione di una pagina Web .......................................................................................................... 30 2. 1) Prima tappa : parametri generali di una pagina HTML ................................................................................. 30 2. 2) Piccoli assistenti utili all'elaborazione di una pagina .................................................................................... 32 2. 3) Seconda tappa: ritrascrizione del testo ......................................................................................................... 35 2.3.2.1) Edizione dei collegamenti esterni...................................................................................................37 2.3.2.2) Editare collegamenti interni in un documento...............................................................................39 2.3.2.3) Edizione degli elenchi ...................................................................................................................42 2. 4) Ricapitolazione: struttura di una pagina HTML ............................................................................................. 48 2. 5) Esempio di codice HTML ................................................................................................................................ 52 2. 6) Fine del primo esercizio ................................................................................................................................. 53 Http://www.framasoft.net 3/182 Tutorial Framasoft D ) Formattazione di una pagina HTML ........................................................... 54 1) Le differenti formattazioni con Nvu ................................................................................................. 54 1. 1) Inizio del secondo esercizio ........................................................................................................................... 54 1. 2) Formattazione con i fogli di stile ................................................................................................................... 55 2) 1° modo: formattazione integrata al codice HTML .......................................................................... 55 2. 1) La barra Formato (alt + v + w + f) ................................................................................................................ 56 2. 2) Il menù Formato (alt + r) ............................................................................................................................... 61 2. 3) Ricapitolazione: formattazione integrata nell'HTML ...................................................................................... 62 2. 4) Esempio di codice HTML per una formattazione integrata .......................................................................... 64 2. 5) La fine del secondo esercizio ......................................................................................................................... 66 3) 2° modo: utilizzo degli stili interni .................................................................................................. 67 3. 1) Inizio del terzo esercizio ................................................................................................................................ 67 3. 2) Scoperta dell'editor CSS Cascades ................................................................................................................ 69 3. 3) Creazione di un foglio di stile interno ............................................................................................................ 72 3. 4) Un po' di pratica! ........................................................................................................................................... 90 3.4.2.1) Trasformare rapidamente un collegamento in pulsante ...............................................................92 3.4.2.2) Formattazione dei calchi................................................................................................................94 3.4.2.3) Modificazione dei parametri di un calco con l'editor CSS..............................................................96 3.4.2.4) Modifiche
Recommended publications
  • Mobile Phones and Cloud Computing
    Mobile phones and cloud computing A quantitative research paper on mobile phone application offloading by cloud computing utilization Oskar Hamrén Department of informatics Human Computer Interaction Master’s programme Master thesis 2-year level, 30 credits SPM 2012.07 Abstract The development of the mobile phone has been rapid. From being a device mainly used for phone calls and writing text messages the mobile phone of today, or commonly referred to as the smartphone, has become a multi-purpose device. Because of its size and thermal constraints there are certain limitations in areas of battery life and computational capabilities. Some say that cloud computing is just another buzzword, a way to sell already existing technology. Others claim that it has the potential to transform the whole IT-industry. This thesis is covering the intersection of these two fields by investigating if it is possible to increase the speed of mobile phones by offloading computational heavy mobile phone application functions by using cloud computing. A mobile phone application was developed that conducts three computational heavy tests. The tests were run twice, by not using cloud computing offloading and by using it. The time taken to carry out the tests were saved and later compared to see if it is faster to use cloud computing in comparison to not use it. The results showed that it is not beneficial to use cloud computing to carry out these types of tasks; it is faster to use the mobile phone. 1 Table of Contents Abstract ..................................................................................................................................... 1 Table of Contents ..................................................................................................................... 2 1. Introduction .......................................................................................................................... 5 1.1 Previous research ........................................................................................................................
    [Show full text]
  • 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]
  • Editors Desk ...2
    The content of this magazine is released under the Creative Commons Attribution-Share Alike 3.0 Unported license. For more information visit user http://creativecommons.org/licenses/by-sa/3.0 TM Issue #1 - April 2009 EDITORS DESK ................................ 2 COMMUNITY NEWS ........................ 3 CHOOSING A DE/WM ...................... 4 HARDENING SSH IN 60 SECONDS .................................... 6 GAMERS CORNER .......................... 9 TIPS & TRICKS ............................... 10 PIMP MY ARCH .............................. 11 SOFTWARE REVIEW ......................12 Q&A ..................................................14 EEDDIITTOORRSS DDEESSKK Welcome to the first issue of Arch User Magazine! ARCH USER STAFF Daniel Griffiths (Ghost1227) ........... Editor ello, and thank you for picking up issue #1 of Arch User Magazine! While David Crouse (Crouse) .......... Contributor the vast majority of you probably know me (or have at least seen me H around the forums), I feel that I should take a moment to introduce myself. My name is Daniel Griffiths, and I am a 26-year-old independent contractor in Delaware, US. Throughout my life, I have wandered through various UNIX/Linux systems including (but not limited to) MINIX, RedHat, Mandrake, Slackware, Gentoo, Debian, and even two home made distributions based on Linux From Scratch. I finally found Arch in 2007 and instantly fell in love with its elegant simplicity. Some of our more attentive readers may note that Arch already has a monthly newsletter. With the existence of the aformentioned newsletter, what is the point of adding another news medium to the mix? Fear not, newsletter readers, I have no intention of letting Arch User Magazine take the place of the newsletter. In fact, Arch User Magazine and the newsletter are intended to fill two very different needs in the Arch community.
    [Show full text]
  • About FOSS for Mac OS X (FREE)
    Free and Open Source Software FREE for Mac OS X A selection of some of the best, yet totally free, software that’s available for the Mac, collected together on a single DVD… plus some bonus videos! Audio PrBoom Graphics First Person Shooter based on the Audacity original Doom. We’ve included Blender Simple sound recording and bonus IWADs from Freedoom. Fully integrated 3D graphics editing tool. creation suite allowing modeling, PySol Fan Club Edition animation, rendering, post- iPodDisk Collection of more than 1000 production, realtime interactive 3D Copy music off your iPod in the solitaire card games. There are and game creation and playback finder, just like a regular disk drive. games that use the 52 card with cross-platform compatibility - International Pattern deck, games all in one tidy, package! Games for the 78 card Tarock deck, eight and ten suit Ganjifa games, Seashore Aleph One Hanafuda games, Matrix games, Image editor that aims to serve the Engine for Bungie's free First Mahjongg games, and games for basic image editing needs of most Person Shooter series Marathon. an original hexadecimal-based computer users, but still has Play online, solo play with rich deck. features like gradients, textures and original story, many total Scorched 3D anti-aliasing for both text and conversions and thousands of brush strokes, as well as supporting Simple turn-based artillery game multiple layers and alpha channel maps. Includes Marathon, and also a real-time strategy game Marathon 2 & Marathon Infinity editing. It is based around the in which players can counter each GIMP's technology and uses the Armagetron Advanced others' weapons with other same native file format, but uses Multiplayer game in 3d that creative accessories, shields and Mac OS X native interface.
    [Show full text]
  • Download (4MB)
    Jurnal SIMETRIS, Vol 6 No 2 November 2015 ISSN: 2252-4983 REMASTERING LIVE USB UNTUK ”LAMP” PADA FAKULTAS SAINS DAN TEKNOLOGI PALEMBANG Klaudius Jevanda B.S. Fakultas Sains dan Teknologi, Program Studi Informatika Universitas Katolik Musi Charitas Email: [email protected] ABSTRAK Penelitian ini bertujuan untuk membuat distribusi Linux bernama Lubuntu yang memfokuskan diri pada desktop yang ringan serta ditujukan untuk menjadi lingkungan web server yang free dalam bentuk live USB. Dimana, penelitian ini menjelaskan tentang desain dan implementasi dari distribusi Linux Lubuntu itu sendiri yang nantinya bisa terus diperbaiki, disempurnakan dan dimungkinkan untuk dimodifikasi serta dipelajari oleh pihak lain. Lubuntu dikembangkan dengan memodifikasi dari Linux Lubuntu 14.04 dari tahap penambahan program, penghapusan program dan konfigurasi sampai pada tahap pembuatan Live USB untuk LAMP (Linux Apache Mysql PHP) menggunakan metode remastering. Hasil dari penelitian ini berupa Live USB yang berisi tool untuk lingkungan web server. Tool utama dalam Live USB diantaranya adalah phpmyadmin, gimp, inkscape, dan bluefish. Keluaran penelitian ini, diharapkan bisa digunakan sebagai sistem operasi dan dikhususkan dalam lingkungan web server yang nyaman untuk dipergunakan dalam proses belajar mengajar pada matakuliah sistem operasi, pemrograman basis web I, dan pemrograman basis web II di Fakultas Sains dan Teknologi Universitas Katolik Musi Charitas palembang. Kata kunci: linux, web server, LAMP, remastering, live usb. ABSTRACT The research aims to make the linux distribution namely Lubuntu that focuses on lightweight desktop environment and to create a free Live USB environment. This research explains the design and implementation the Linux Lubuntu distribution which will be continuously improved, modified, and learned by other.
    [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]
  • LIFE Packages
    LIFE packages Index Office automation Desktop Internet Server Web developpement Tele centers Emulation Health centers Graphics High Schools Utilities Teachers Multimedia Tertiary schools Programming Database Games Documentation Internet - Firefox - Browser - Epiphany - Nautilus - Ftp client - gFTP - Evolution - Mail client - Thunderbird - Internet messaging - Gaim - Gaim - IRC - XChat - Gaim - VoIP - Skype - Videomeeting - Gnome meeting - GnomeBittorent - P2P - aMule - Firefox - Download manager - d4x - Telnet - Telnet Web developpement - Quanta - Bluefish - HTML editor - Nvu - Any text editor - HTML galerie - Album - Web server - XAMPP - Collaborative publishing system - Spip Desktop - Gnome - Desktop - Kde - Xfce Graphics - Advanced image editor - The Gimp - KolourPaint - Simple image editor - gPaint - TuxPaint - CinePaint - Video editor - Kino - OpenOffice Draw - Vector vraphics editor - Inkscape - Dia - Diagram editor - Kivio - Electrical CAD - Electric - 3D modeller/render - Blender - CAD system - QCad Utilities - Calculator - gCalcTool - gEdit - gxEdit - Text editor - eMacs21 - Leafpad - Application finder - Xfce4-appfinder - Desktop search tool - Beagle - File explorer - Nautilus -Archive manager - File-Roller - Nautilus CD Burner - CD burner - K3B - GnomeBaker - Synaptic - System updates - apt-get - IPtables - Firewall - FireStarter - BackupPC - Backup - Amanda - gnome-terminal - Terminal - xTerm - xTerminal - Scanner - Xsane - Partition editor - gParted - Making image of disks - Partitimage - Mirroring over network - UDP Cast
    [Show full text]
  • ODROID Magazine, Published Monthly at Is Your Source for All Things Odroidian
    Weather Board Application • Open Media Vault • Installing Node.js Year One Issue #11 Nov 2014 ODROIDMagazine 3 X U VIRTUALIZE NOW! DISCOVER A UNIVERSE OF POSSIBILITIES WITH KVM TECHNOLOGY BOINC THE DISTRIBUTED PROCESSING PLATFORM THAT MAKES THE MOST OF AN ODROID’S LOW POWER CONSUMPTION • OS SPOTLIGHT: CODE MONKEY BOINC MONSTER: • LINUX GAMING: DOSBOX A WHOPPING • UNMANNED GROUND VEHICLE: 135W CLUSTER GPS NAVIGATION PROGRAMMING WITH 96 CORES What we stand for. We strive to symbolize the edge of technology, future, youth, humanity, and engineering. Our philosophy is based on Developers. And our efforts to keep close relationships with developers around the world. For that, you can always count on having the quality and sophistication that is the hallmark of our products. Simple, modern and distinctive. So you can have the best to accomplish everything you can dream of. We are now shipping the ODROID U3 devices to EU countries! Come and visit our online store to shop! Address: Max-Pollin-Straße 1 85104 Pförring Germany Telephone & Fax phone : +49 (0) 8403 / 920-920 email : [email protected] Our ODROID products can be found at http://bit.ly/1tXPXwe EDITORIAL The exciting news this month is that ODROIDs are now available for sale in the United States from http://www.ameridroid.com! Based in California, Ameridroid offers affordable shipping for domestic cus- tomers, and US residents will receive packages much faster. Here is an excerpt from their website: “Maybe your story is the same. Santa answered a 7-year-old’s letter with a shiny soldering iron. Before long, he was taking apart electronics and salvaging the parts to make a crystal radio.
    [Show full text]
  • Benchmarks Online, July 2006, Page 1
    Benchmarks Online, July 2006, Page 1. Volume 9 - Number 7 * July 2006 Gartner Research Presentation Friday, July 21 New Statistics Server is Online and Ready for Use Don't forget our monthly Columns! LaTeX ShortCourse Added for August Summer Hours Return to top Network Connection | Link of the Month | IRC News | RSS Matters | [email protected] | Short Courses | Staff Activities Computing and Information Technology Center Home | Help Desk | Training | About Us | Publications | Our Mission Questions, comments and corrections for this site: [email protected] Site was last updated or revised : February 12, 2007 http://www.unt.edu/benchmarks/archives/2006/july06/[4/26/16, 2:17:55 PM] Benchmarks Online, July 2006, Page 1. Please note that information published in Benchmarks Online is likely to degrade over time, especially links to various Websites. To make sure you have the most current information on a specific topic, it may be best to search the UNT Website - http://www.unt.edu . You can also search Benchmarks Online - http://www.unt.edu/benchmarks/archives/back.htm as well as consult the UNT Helpdesk - http://www.unt.edu/helpdesk/ Questions and comments should be directed to [email protected] UNT home page | Search UNT | UNT news | UNT events http://www.unt.edu/benchmarks/archives/2006/july06/[4/26/16, 2:17:55 PM] Campus Computing News -- July, 2006 Skip Navigation Links Page One Campus Computing News Campus Computing Gartner Research Presentation Friday, July 21 News New Statistics By Dan Glass, Computer Systems Manager, Unix Support Services Server is Online and Ready for Use The Computing and Information Technology Center (CITC) would like to invite UNT faculty and staff to a presentation outlining the partnership between UNT and Gartner LaTeX Short Research on Friday, July 21, 2006 at 1:30 p.m.
    [Show full text]
  • 20 No More Fedora and Opensuse Tech Tools Dreamweaver on Linux
    C<KK<IJ NI@K<8::<JJ EfDfi\=\[fiXXe[ with just a small “OS” symbol if the working for me; would some kind of vir- fg\eJLJ< license meets the open source definition. tual PC running within Ubuntu do the When is Linux Magazine going to put Ben Wong trick? some new Linux DVDs in the magazine? Without this, I can never let go of the Not more openSUSE and Fedora. LM Thank you for the suggestion. We Windows hands around my neck (and How many copies do you think I need? will consider that idea for future issues, my productivity). Craig although it might pose some logistical Chris Lowry challenges. One problem is that some of LM We try to cover a range of options these tools have both open source and LM The open source community offers with our DVD series. The fact is, though, proprietary alternatives. In other cases, several powerful web development tools, that we have fairly solid sales informa- the license might not fall into one of the some of which have appeared in these tion telling us that more readers prefer traditional license categories. pages over the years. mainstream distros such as Fedora, Although we typically give preference Since you like Linux and you have openSUSE, and Ubuntu. For this reason, to open source alternatives in the rest of your own hosting company, you have we try to cover the major releases of the the magazine, Tech Tools is designed as probably explored many of these most popular Linux alternatives. a space that is open to any server and options, but for the record, free HTML We do, however, keep our eye on developer tools that might run on Linux.
    [Show full text]