How to build a (basic) website at MUSC Elizabeth Garrett-Mayer April 28, 2014.

Slides:



Advertisements
Similar presentations
1 FrontPage 2000 Online Tutorial The following tutorial aims to help you get started with FrontPage 2000 for the creation of basic web pages. The different.
Advertisements

Getting Your Web Site Found. Meta Tags Description Tag This allows you to influence the description of your page with the web crawlers.
DREAMWEAVER Welcome to our website!
Creating a Google Site April 2011 Public Computer Center at Moore Memorial Library | Greene, NY.
Windows XP / Microsoft Word Computer Applications.
. Website and file organization. How websites work.
Celeste Carruth June 20, Why Make a New Website? We can present an overview of the K 0 TO experiment and the University of Michigan’s involvement.
Adding a Syllabus Link. Let’s add the syllabus to the homepage. Return to the homepage Click “Add File” To get to the homepage, click the Course Content.
Digital Locker Today you will learn about your digital locker. You will- upload a file to your digital locker. reply to an .
Introduction to Education E-Portfolio. Word Document Example Link to Colleen McCabeColleen McCabe Word Document Instructions –Open a new word document.
+ How to Create a Blog. + One: Prepare the Content When creating a blog one must know exactly what content you will be including. This will allow for.
A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.
+ How to Create a Blog. + One: Prepare the Content When creating a blog one must know exactly what content you will be including. This will allow for.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
Creating ePub Books for Customized Learning Keith D. Schroeder.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 2: Working with Webpage Files.
Website Designing Using Ms FrontPage FrontPage 2003 Create a Web site with FrontPage.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
Create a Website on the CWU network Find “How to Post a Web Page with a PC”
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
The SAU Website Workshop. Using the site Website Management The Campus Directory Form Manager Other available resources.
HTML.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
Creating A Site Using A Template In Dreamweaver CS6 Cakes R Us!
Level 2 IT Users Qualification – Unit 1 Improving Productivity Jordan Girling.
Updating the School Website St George’s C of E (V.A.) Primary School.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
HTML Hyper Text Markup Language A simple introduction.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Creating a Website Using the Web Page Wizard. Introduction Microsoft Word is an application to create documents. A webpage is one such document. A website.
My Documents MarysWebpage 1-WebpageFolders&Files Projects&Assignments MySpinPage SciFairProjPage The folders you should have in “My Documents” are shown.
How to upload files to Altervista Overview:
May 27, 2014 Technosized Academy. Key Elements of A Successful Webpage  Ease of Use  Relevant Information  Current Information Why Do We Need A Webpage?
Language Club KompoZer Design View. Files you will need  Images  pages  Templates  Text.
Make sure you end up on this page
Website Building Tips By Jennifer L. Bowie. Starting Out Create a file folder in your web space (your public_html file on your H drive/elocker is one.
COP3502: Introduction to Computer Science Yashas Shankar Creating a webpage on FSU website.
Saving Work to Your School Server Click through this presentation at your own speed. Use it as a review or a guide while saving a project.
Submitting and Assignment Click on the assignment link in your course The folder with the paper sticking out of the top is the symbol for an assignment.
Website for our class. The information is updated at the end of each.
PowerPoint Basics Basics Add lyrics Add picturespictures hyperlinks Create an index Custom animation animation Add musicmusic PowerPoint PowerPoint Templates.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
3.02E Website File Management 3.02 Develop webpages.
Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi.
Lesson 6 Links. Creating Folders  For every web site/page, you need to create a separate folder  The computer cannot find links if they are not stored.
HTML Help For MGS 351 Final Project Website. Agenda Getting Started – Must-Do’s – Working from an off-campus computer – Other Resources Working with HTML.
Setup Folders in public_html, create folder web in web, create folder images NO index.htm or index.html in public_html in public_html, create folder web.
HINDU STYLE PORTFOLIO TEMPLATE
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
Creating a Google Site For a Digital Portfolio Purpose.
This is the software we will use to load our html page up to the server. You can download a copy for home if you want to.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Contributing to the WCARC Website
Dropbox Basics.
You’ve created an e-Learning resource...
KELLER WILLIAMS REALTY
Creating a Student Portfolio
Introduction to the ISB Intranet
HTML Structure.
Making a website.
A02 Creating my website NAME ______________.
Website File Management
EVERYONE LOG ON!!! WE ARE GOING TO DELETE YOUR OLD USERNAME FOLDERS & ADD NEW, IMPROVED ONES TO YOUR COMPUTERS.
Presentation transcript:

How to build a (basic) website at MUSC Elizabeth Garrett-Mayer April 28, 2014

Homeroom You must map the ‘homeroom’ network drive to your computer. The name of the drive is (but replace “netid” with your netid: \\homeroom.musc.edu\netid

Go to homeroom Notice the ‘public_html’ folder Everything in it is “public” – Can be seen be anyone, even if it isn’t created as a specific hyperlink Open the public_html folder

index.html In public_html, open or create an index.html file using a word processing program (e.g. Word, Emacs, WinEdt) Be sure to save it as a.htm or.html file. This file is your ‘homepage’

Creating your home page Should be clean and easy to navigate Make links to relevant content – CV – Papers – Photos album Don’t try to put too much on the home page

Using templates You can easily organize using a table with hidden gridlines (my strategy) Find other peoples pages and save the source code: edit it to make it yours. Some examples: – – – –

Adding in links Right click, add hyperlink Create a new page Add in a photo