How to create a website for free Panagiotis Kafkarkou

© Panagiotis Kafkarkou A website… …consists of files with text, images… …consists of files with text, images… We will use NVU editor to create the filesWe will use NVU editor to create the files …has a hosting service (a folder in a computer, accessible online) …has a hosting service (a folder in a computer, accessible online) We will use a free hosting serviceWe will use a free hosting service …needs a domain name (the url, eg …needs a domain name (the url, eg A free domain comes with the free hostingA free domain comes with the free hosting

© Panagiotis Kafkarkou NVU: A complete Web Authoring System Installer (Windows XP): win32-installer-full.exe Installer (Windows XP): win32-installer-full.exe win32-installer-full.exe win32-installer-full.exe Portable (Windows XP – Runs from a USB drive): rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download Portable (Windows XP – Runs from a USB drive): rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download

© Panagiotis Kafkarkou Register for a free hosting plan Point your browser at Point your browser at Click Sign Up on the left side Click Sign Up on the left side Fill the form with your information Fill the form with your information ATTENTION: Your username will be the first part of your domain. Eg if your username is myname then your url will be ATTENTION: Your username will be the first part of your domain. Eg if your username is myname then your url will be Check your and follow the instructions to activate the hosting plan Check your and follow the instructions to activate the hosting plan

© Panagiotis Kafkarkou Set up NVU Run NVU Run NVU The Site Manager is on the left side. If it is not there, press F9 to activate it The Site Manager is on the left side. If it is not there, press F9 to activate it Click Edit Sites Click Edit Sites

© Panagiotis Kafkarkou Set up NVU (2) Site name: The name of your site. Eg My Website Site name: The name of your site. Eg My Website HTTP address: Your url eg HTTP address: Your url eg Publishing address: Your FTP server eg ftp.yoursite.100free.com Publishing address: Your FTP server eg ftp.yoursite.100free.comftp.yoursite.100free.com Username: Your username eg mysite Username: Your username eg mysite Password: Your password eg mypassword Password: Your password eg mypassword Check Save Password if you want NVU to remember the password Check Save Password if you want NVU to remember the password Click Select Directory to select the folder on your computer, where the project will be saved. Click Select Directory to select the folder on your computer, where the project will be saved. Click OK when finished Click OK when finished All the details needed here, are in your inbox

© Panagiotis Kafkarkou Optional: Find a template Find and download a template Find and download a template Some free template sites are: Some free template sites are: templates.htmlhttp:// templates.htmlhttp:// templates.htmlhttp:// templates.html Open the template with NVU Open the template with NVU File – Open FileFile – Open File

© Panagiotis Kafkarkou Create your homepage Create the page that you want to appear when someone visits your site. Create the page that you want to appear when someone visits your site. Save this page as index.htm Save this page as index.htm IMPORTANT: If you don’t name your homepage as index.htm, then when someone visits your site, no page will appear!!! IMPORTANT: If you don’t name your homepage as index.htm, then when someone visits your site, no page will appear!!!

© Panagiotis Kafkarkou Use photos A website with no pictures, is a boring website! A website with no pictures, is a boring website! Find your pictures. Use Find your pictures. Use Google Image SearchGoogle Image Search (Registration is required) (Registration is required) Save all of your images in the project’s folder. Save all of your images in the project’s folder.

© Panagiotis Kafkarkou Images in NVU To insert an image go Insert - Image To insert an image go Insert - Image Click Choose File and find the image you want Click Choose File and find the image you want Check URL is relative… Check URL is relative… Click OK Click OK Resize and move the image as you like Resize and move the image as you like

© Panagiotis Kafkarkou Create more pages A website contains more than one pages, besides the FrontPage. A website contains more than one pages, besides the FrontPage. Some pages… Some pages… About meAbout me Contact meContact me PortfolioPortfolio PhotosPhotos … Click File – New to create a new page Click File – New to create a new page

© Panagiotis Kafkarkou Hyperlinks A hyperlink opens an other page or document, when clicked A hyperlink opens an other page or document, when clicked To create a hyperlink, highlight the text you wish to set as hyperlink and go Insert – Link or press CTRL+L To create a hyperlink, highlight the text you wish to set as hyperlink and go Insert – Link or press CTRL+L If you want to create a link to an other existing website, type or paste the address and click OK If you want to create a link to an other existing website, type or paste the address and click OK If you want to create a link to an other page of your site, click Choose File and browse for the page If you want to create a link to an other page of your site, click Choose File and browse for the page If you want to create a link to an address, check The above is an address. If you want to create a link to an address, check The above is an address.

© Panagiotis Kafkarkou Create tables Tables are a good way to keep your text aligned and tidy Tables are a good way to keep your text aligned and tidy To create a table, go Table – Insert – Table To create a table, go Table – Insert – Table Select the size of the table and click OK Select the size of the table and click OK

© Panagiotis Kafkarkou Create a navigation menu A navigation menu must exist on all your pages and links the visitor to every of your pages A navigation menu must exist on all your pages and links the visitor to every of your pages Usually it is located on the left or right side Usually it is located on the left or right side Create a single column table, to keep things organized and aligned Create a single column table, to keep things organized and aligned

© Panagiotis Kafkarkou Upload your website To upload (or publish) your website To upload (or publish) your website To upload (or Publish) your page, go File – Publish. To upload (or Publish) your page, go File – Publish. Site name: Select your site Site name: Select your site Page title: The title of your page, that will appear on the top of Internet Explorer Page title: The title of your page, that will appear on the top of Internet Explorer Check Include images… and Use the same location Check Include images… and Use the same location Click Publish and wait to upload Click Publish and wait to upload Visit your site, to see if everything went fine. Visit your site, to see if everything went fine.

© Panagiotis Kafkarkou Optional: Register for a domain name A free domain service is A free domain service is Your domain name will be domain name will be Visit the website and click on the upper left site the link Basic Free Domain Visit the website and click on the upper left site the link Basic Free Domain Follow the instructions and fill the form Follow the instructions and fill the form Pay attention to the Target URL field. This MUST be your website URL, eg Pay attention to the Target URL field. This MUST be your website URL, eg

© Panagiotis Kafkarkou Final words NVU is similar to FrontPage and even Word NVU is similar to FrontPage and even Word Use drag and dropUse drag and drop Use formattingUse formatting Use paragraph alignmentUse paragraph alignment Use colorsUse colors Remember to save your work!Remember to save your work! Visit my website for more info Visit my website for more info