Web Sites for amateur radio. So You want to make a Web Site? There are several things you need to know about web sites before you start to think about.

Slides:



Advertisements
Similar presentations
WordPress Installation for Beginners Sheila Bergman
Advertisements

Why Blog? To market or promote yourself, service or product.
Safer, Speedier and Sexier Surfing with Safari. Which Web Browser?
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.
How To Create A Web Page By: Mikeon Briddy & Darrius Jacobs April 10,2006 Mr. Barnett.
HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.
Easy Website Creation Using WordPress Welcome and Thank You to our Sponsors.
Make your choice from more than 70 templates to get a quick start online!70 templates.
Calendar Browser is a groupware used for booking all kinds of resources within an organization. Calendar Browser is installed on a file server and in a.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
--A technique for establishing a web presence with little cash outlay.
UWWD In our quest to eliminate bad websites, we present…. HALLELUJAH!!
Application Software: Essentials for knowledge workers
Learning Word Press. You will learn how to Get your own Get hosting for your website Get a design for your website Learn.
The easy way to a nice looking website design By a total non-designer (Me!)
ECA 228 Internet/Intranet Design I Intro to the Web.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 21: Publishing Your Pages on the Web.
Create Your Own Webpage. Today’s Agenda Cut & paste code Notepad++ or Notepad at home FTP Web Hosting Wordpress.
Blueprint for Planning & Designing a Website. A well-organized website doesn’t just happen A detailed blueprint will guide the decision-making.
Build a CMS Website. The topics this chapter covers are: What is CMS ? What you can do with CMS The benefits and disadvantages of using a content management.
Content Management Systems A content management system is software that loads on your web host’s server and manages all content on your web site dynamically.
Drupal Workshop Introduction to Drupal Part 1: Web Content Management, Advantages/Disadvantages of Drupal, Drupal terminology, Drupal technology, directories.
Acadia Institute for Teaching and Technology Basic Web Page Design for Courses.
Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?
Joomla!. What is Joomla! Joomla! is the largest Open Source Content Management System (CMS) for publishing on the World Wide Web Using a CMS allows non-technical.
Introduction: Drupal is a free and open-source content management system (CMS). A content management system(CMS) is a computer program that allows publishing,
Creating a Web Presence Introduction to WordPress Week 1.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Web Administration.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
PIVOTECH COMPANY LIMITED WEBSITE HAND-OVER TRAINING.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
Joomla! Week 6 LBSC 690 Information Technology. Key Ideas Web sites are made up of rectangular pieces Called “modules” Two basic types of modules exist.
SLIR Computer Lab: Orientation and Training December 16, 1998.
Catlyn Colson. Recap of Previously Completed Work Previously I had done the following: Built the Database, started basic layout of the webpage, connected.
History ChartGizmo was created by Max Kuchin and Galinkskiy Dmitriy, two software developers from Sankt- Petersburg, Russia. The first version of ChartGizmo.
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
Welcome message. The background image would be an image of Electronic Circuit And have a flash action script to animate 0 and 1. This site would be for.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Content Management Systems Week 14 LBSC 671 Creating Information Infrastructures.
Introduction to web development and HTML MGMT 230 LAB.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Chapter 8 Browsing and Searching the Web. 2Practical PC 5 th Edition Chapter 8 Getting Started In this Chapter, you will learn: − What is a Web page −
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Web Design Fall 2011.
Compare and Contrast : Blackboard & a Personal Web Page www3.ltu.edu/~s_schneider/howto/faculty.htm You’ll find this presentation (and another) here :
Chapter 8 HTML Editors. Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors Text editors don't have word processing features.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
(ITI310) By Eng. BASSEM ALSAID SESSIONS 10: Internet Information Services (IIS)
G046 Lecture 04 Task C Briefing Notes Mr C Johnston ICT Teacher
PHP Form Processing * referenced from
Intro to APACHE, MySQL, and PHP & freely available (hackable) Packages Aonghus Sugrue 04 Oct 2012.
Learning Aim C.  In this section we will look at some simple client-side scripts, browser compatibility, exporting and compressing and suitable file.
Start your Free Weebly Site with a User Name, Password, and address.
CREATE YOUR OWN WEBSITE IN A SNAP! Shanon Sims Travis High School W Weebly W Website W Workable.
Posting to the Web. Posting Live Content A registered domain, such as mydomain.com. A web hosting plan through a hosting provider. A software program.
Web Design Tools Lesson 3. What will you learn in this lesson? The tools of the trade and their advantages The tools of the trade and their advantages.
Secured Drupal Hosting USA's & Europe's # 1 web hosting company Contact:
HOW TO SET UP A WEBSITE. Why use WordPress? Nearly half of the websites on the Internet are running on the WordPress website platform It’s totally free.
Joomla! Gary Girolimon, M.Ed.Liane Haslauer, C.A.G.S.
EnhanceEdu IIIT-Hyderabad. Agenda What’s a wiki? Comparison with a website Wiki Formatting ‘My’ Page Fun with wiki 2EnhanceEdu, IIIT-Hyderabad.
Intro to WordPress (Using XAMPP)
Blogging together 1st Vocational School - 1st Laboratory Center
WordPress Introduction
3.02H Publishing a Website 3.02 Develop webpages..
Wordpress Tiger Tech 2017.
Introduction to Web programming
Easy Website Creation Using WordPress
4.02 Develop web pages using various layouts and technologies.
Presentation transcript:

Web Sites for amateur radio

So You want to make a Web Site? There are several things you need to know about web sites before you start to think about making one: –Free Hosting or paid hosting company? –Domain Name – is the www. XXX.UUU (this is the part after the it will be determined by the kind of hosting you are going to use. –How many pages are you going to have? Some of the answers will determine how you are going to make your web site.

Hosting There are Free and paid hosting accounts. The Free hosting will have some strings attached – so read the Fine Print –May have Ads posted on your web pages –Will have limitation on how to program site etc. –May have a limitation on number of pages etc. –Free hosting may restrict your domain name

Hosting cont’d Paid Hosting will give you a lot more flexibility (but it has costs) Most Hosting companies will have several levels of hosting (for most of us – the entry level will be adequate) The cost is ~ $ 4 - $ 7 a month This will get you 100 Gb storage, large bandwidth, addresses, 2 – 10 SQL databases

Hosting cont’d SQL Data bases – these are used for data storage and programs. Joomla & Drupal uses a SQL data base as the source of the program. If you want to use forms, this may require a data base. Some free hosting don’t have SQL data base.

There is also Google, QRZ, others. Your service provider may also give you some space.

Paid Hosting Most will have web-building software that you can use (free). You will have to register your domain name ( etc.) – registration varies depending on type.com,.net etc. ~ $ 13 / year – depending on typewww.wb5cxc.com Some will have ‘build site tonight’ (these will have a limited number of pages and usually cost more).

Domain GoDaddy

I did a search for wb5cxc.com – it is already used, but I can get others domains with wb5cxc

Paid Hosting cont’d The hosting company will have web design programs that you can install – WordPress, Joomla, Drupal, etc. (these are free web software programs) With paid hosting you will probably use a software program to program your site.

GoDaddy New customers

Control Panel for Linux hosting (GoDaddy) Most of the hosting companies will have Linux or Window (you can use Linus hosting – has better stuff)

Web Configuration Software These programs will take your configuration and make the HTML & other code needed for the web site. For our purposes the software ranges from ~ $ 50 to $ 300. The most popular programs are $ $ 200. Some have discounts for teachers and seniors. Some will discount the software when new versions come out.

Software cont’d For Windows – Web Design Studio 5 ($ 150) – Xara Web Designer Pro ($ 99) For MAC you can use Sandvox ($ 80) or Freeway 5 ($ 150). These programs are WYSIWYG, have menu development, picture handling, etc. Most of these programs will have Demo version that you can download and try.

Software cont’d The Xara Web Designer site has some very fine video tutorials on how to use their software. You can see how this kind of software works. Most of the software programs that are listed work about the same.

Software cont’d The software will also upload your web configuration to your hosting company. There are several folder in a standard web site (your pages, all the pictures and files etc.) Your software will arrange all this data for you and make it easy for you to upload it to the server.

Web Site Structure –

Design of Your Site You should start with an outline of the pages you want to build. If you have a lot of pages (> 5), then you will need to put them in categories so you can do a menu. The menu can have sub- menus etc.

Design Your Site cont’d On my program you can make a change to the menu on one page and it will change all the menus on every page (not all software will do this – this is a very good feature when you have quite a few pages and want to add pages etc. – that way you don’t have to change every page).

Design Your Site cont’d On my software (each software program is different) I picked a layout from the gallery – changed the colors and made some modification. This is used as the base and when I start a new page I would duplicate the standard page and then save it with the new page name. When I got all my pages done I started on the menu.

Menu configuration screen

Design Your Site cont’d Your program should be able to insert HTML code from other programs into the your page. There are all kinds of small HTML modules that you can insert into your web site (like the current propagation etc.) These programs have all kinds of things to help make your web site.

This is an example of what you can insert into your web site. You can go to to get the code for this. They have many different types/styles of data.

Part of page off

Design Your Site cont’d Pictures can be a major problem to include on your web site. Pictures get changed when they are added to your website. The resolution is changed to web standards (to reduce your load time). Each program will handle pictures differently. My old program was a little harder to size the picture etc. The new program is really easy to work with pictures.

Design Your Site cont’d Each program will have advantages and disadvantages. My current program handles pictures good, but don’t have tables. There is a learning curve on the software. So be prepared to put in some time in learning it.

Design Your Site cont’d The software program should have the capability to view your page. Your web page may display differently in other browsers. It should also be able to display the whole web site so you can test it out. The software should allow you to upload to your hosting server.

Web Site Page Each browser displays your page differently, that is because it doesn’t display your page, it is an interpretation of the source code for your page. About the only thing that will be the same is the text.

Part of my Home Page.

Part of the Code for my Home Page – there are 216 lines of code for this page!

View Source Code To View the Source Code – on your browser click ‘View’ and then select ‘Source’ The page will probably different languages on the page – JavaScript, HTML, CSS, etc.

Keeping Web Site Up to Date Depending on your web site – keeping it up to date – can be a major problem. If it is a site that has activities, then it will need to be updated weekly and/or monthly This can be a very time consuming job if the site was not built with this in mind, or is not made to update easily, even so it will take some time to modify it each time.

xxxxx YYYYY

xxxxx YYYYY

xxxxx YYYYY