1. How to create a website for free Panagiotis Kafkarkou

2. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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 www.yoursite.com) …needs a domain name (the url, eg www.yoursite.com) www.yoursite.com A free domain comes with the free hostingA free domain comes with the free hosting

3. © Panagiotis Kafkarkou http://pkafkarkou.co.nr NVU: A complete Web Authoring System Installer (Windows XP): http://nvudev.com/download/nvu- 1.0-win32-installer-full.exe Installer (Windows XP): http://nvudev.com/download/nvu- 1.0-win32-installer-full.exe http://nvudev.com/download/nvu- 1.0-win32-installer-full.exe http://nvudev.com/download/nvu- 1.0-win32-installer-full.exe Portable (Windows XP – Runs from a USB drive): http://downloads.sourceforge.net/po rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download Portable (Windows XP – Runs from a USB drive): http://downloads.sourceforge.net/po rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download http://downloads.sourceforge.net/po rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download http://downloads.sourceforge.net/po rtablenvu/Nvu_Portable_1.0r4_en- us.paf.exe?download

4. © Panagiotis Kafkarkou http://pkafkarkou.co.nr Register for a free hosting plan Point your browser at http://www.100free.com/ Point your browser at http://www.100free.com/ http://www.100free.com/ 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 http://www.myname.100free.com/ ATTENTION: Your username will be the first part of your domain. Eg if your username is myname then your url will be http://www.myname.100free.com/ http://www.myname.100free.com/ http://www.myname.100free.com/ Check your email and follow the instructions to activate the hosting plan Check your email and follow the instructions to activate the hosting plan

5. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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

6. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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 www.yoursite.100free.com HTTP address: Your url eg www.yoursite.100free.comwww.yoursite.100free.com 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 email inbox

7. © Panagiotis Kafkarkou http://pkafkarkou.co.nr Optional: Find a template Find and download a template Find and download a template Some free template sites are: Some free template sites are: http://www.freetemplatesonline.com/http://www.freetemplatesonline.com/http://www.freetemplatesonline.com/ http://www.2createawebsite.com/build/ templates.htmlhttp://www.2createawebsite.com/build/ templates.htmlhttp://www.2createawebsite.com/build/ templates.htmlhttp://www.2createawebsite.com/build/ templates.html Open the template with NVU Open the template with NVU File – Open FileFile – Open File

8. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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!!!

9. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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 http://www.sxc.hu/ (Registration is required)http://www.sxc.hu/ (Registration is required)http://www.sxc.hu/ Save all of your images in the project’s folder. Save all of your images in the project’s folder.

10. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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

11. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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

12. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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 email address, check The above is an email address. If you want to create a link to an email address, check The above is an email address.

13. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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

14. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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

15. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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.

16. © Panagiotis Kafkarkou http://pkafkarkou.co.nr Optional: Register for a domain name A free domain service is http://www.co.nr/ A free domain service is http://www.co.nr/ http://www.co.nr/ Your domain name will be www.yourname.co.nrYour domain name will be www.yourname.co.nr www.yourname.co.nr 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 http://mysite.100free.com Pay attention to the Target URL field. This MUST be your website URL, eg http://mysite.100free.com

17. © Panagiotis Kafkarkou http://pkafkarkou.co.nr 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 http://pkafkarkou.co.nr/http://pkafkarkou.co.nr/