Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi.

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

X10 hosting Sign up for free account. Enter a domain name click continue Then Enter your address Enter a password.
By fox. You will need to log onto your computer and the you will need to open up any searching device : Google chrome, internet explorer or fire fox.
® Microsoft Office 2010 Appendix A: Introduction to SkyDrive and Office Web Apps.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Basic Web Publishing BA209 Arturo Perez-Reyes. Web is a communication protocol The Internet is A net of nets That use the TCP/IP protocol To publish on.
CIS101 Introduction to Computing
The Web HTTP request HTTP response Your Machine Web Server Web browser sends a separate request for each object (e.g., embedded image) on the web page.
Best Practices for Website Design & Web Content Management.
HTML & Dreamweaver 101 Aman Yadav. Definitions HTTP – The Web uses a protocol called HTTP (Hyper Text Transport Protocol) to communicate between the Web.
Creating First Class Web Pages Log into your account.
Accessing And Onedrive. Open internet explorer ( if you are at home, open your internet browser)
Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)
Advanced Last Updated: May Class Outline Part 1 - Review –Review of basics –Review of files and folders Part 2 - Attachments –Sending.
Demonstration on Photo Upload for Student Identity Card 2. Click the tab “Services for New Student” in AIMS 1. Use your EID to log into AIMS, which is.
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
How to create a website for free Panagiotis Kafkarkou.
Getting on the Web CCSD Technology Team. Post a page to the Web using a simple file transfer process Goal: Process: Create a Web page using Microsoft.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
CPSC203 Introduction to Computers Lab 69 By Jie Gao.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Lecture 2 Building Web Pages 1 Lecture 2  Building Web pages  Languages and programs  HTML - Hyper Text Markup Language  Netscape’s Composer  MicroSoft.
Sharepoint Getting started. Please log on to the Adult and Family Education website: adulted.d11.org Then go to AFE Teaching Staff and click on Valerie.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
CPSC203 Introduction to Computers Lab 33 By Jie Gao.
Weblog Manual Contents: Login and managing your account ……….p. 2 Uploading files……………………………………p. 3 Uploading images……………………………….p. 4 Cropping images..………………p.
1 Windows Internet MS Word. 2 Windows Essential Windows Operations  Opening a disk/folder/file  Creating a new folder  Renaming a folder/file.
1 Internet Hiroshi Toyoizumi
Week 1 – Beginners Content McAfee & Big Fish Games CoderDojo.
Website Editing From Gingerweb The Image Gallery.
***Adding items to your Etudes Homepage*** Log into Etudes
Start Dreamweaver program From file menu click new Blank page appears.
Artist Statement QR 1.Open iMovie and create a new 2.Create a movie 3.No Theme 4.Name your movie: mod#_DMA_LastName or Mod#_advDMA_LastName.
Why are links important to a website? Web Design Course.
Academic Search Premier Saving search results: mailing, printing, saving University Library next = click.
Setting up Wordpress Directions Creating an account Lost your password? Finding your dashboard Choosing background theme Adding a new page Setting the.
Teacher Web Page Creation Eileen Musselman. Log on to Muhlenberg’s Intranet Click Submit button.
1 Double Click to Edit. Installing Evernote 22 First, download the installation software. Open your favorite web browser and visit the Evernote Web site.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
1 After completing this lesson, you will be able to: Get around the Internet with your browser. Connect to the Internet. Print Web pages. Save Web pages.
By Dawid Wojtalewicz. In this PowerPoint I will show you how to use internet and what can you do in it.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
User Guide Contact for any
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
1 More About HTML Images and Links. 22 Objectives You will be able to Include images in your HTML page. Create links to other pages on your HTML page.
Personal Identity Worksheet. 1. Make sure you are editing your assessment site. This is the ONLY site I will be grading.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
Creating Web Pages with Links, Images, and Embedded Style Sheets
Nina Keating September Sign “My Learning Plan sign in sheet 2. Classroom Teachers only: In gmail, click on link from Nancy Hale for shared document.
Weebly is Your Friend. * To Enhance And Promote Your Curriculum * To Provide A Student Resource * Add Efficiency to Your Planning * Informational * Promote.
Demonstration on Photo Upload for Student Identity Card 2. Click the tab “Services for New Student” in AIMS 3. Select the function “Photo Upload for Student.
Connecting From Home Editing at Home(You don’t have to.)
Creating simple website in Serif Web Plus And uploading to free hosting A2 ICT.
Getting an account with WordPress.com
From the Homepage, Click “Photo Gallery” to begin
Employee Profile Showcase Campus Directory
How to upload a document on ePortfolio.
Loading a File to the UST Web Server
Appendix A: Introduction to SkyDrive and Office Web Apps
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
2. Press Browse and search for the video file you need.
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Make Up Your Own Home Page in Waseda
Presentation transcript:

Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

A Simple HTML Example You Can Make A Simple HTML Example My First Home Page Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! And this is the second paragraph. This is an example of link. Click it! This is also an example of inline image. Can you find where the original is? You Can Make A Simple HTML Example My First Home Page Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! And this is the second paragraph. This is an example of link. Click it! This is also an example of inline image. Can you find where the original is?

Result of the Simple HTML Example

Make your own HTML file 1.Edit the following sample. 2.Save it with an appropriate name on your desktop. 3.Preview your file by your browser. 4.You can add anything you like (e.g. your picture, your hobby, …) Sample This is title of your page This the header! Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! And this is the second paragraph. This is an example of link. Click it! This is also an example of inline image. Can you find where the original is? 1.Edit the following sample. 2.Save it with an appropriate name on your desktop. 3.Preview your file by your browser. 4.You can add anything you like (e.g. your picture, your hobby, …) Sample This is title of your page This the header! Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! And this is the second paragraph. This is an example of link. Click it! This is also an example of inline image. Can you find where the original is?

Upload and Your Server »Your homepage can be accessed on the internet if you upload your file on your waseda server. »Your server is for example ftp.aoni.waseda.jp, depends on your waseda address. ftp.aoni.waseda.jp »Your homepage can be accessed on the internet if you upload your file on your waseda server. »Your server is for example ftp.aoni.waseda.jp, depends on your waseda address. ftp.aoni.waseda.jp

Upload Your File 1.Start FFFTP. 2.Connect ftp.xxx.waseda.jp, using your account name and password.ftp.xxx.waseda.jp 3.Open the “public_html” folder. 4.Drag and drop your file into your “public_html” foler. » Don’t use Japanese for the file you upload. 1.Start FFFTP. 2.Connect ftp.xxx.waseda.jp, using your account name and password.ftp.xxx.waseda.jp 3.Open the “public_html” folder. 4.Drag and drop your file into your “public_html” foler. » Don’t use Japanese for the file you upload.

Checking and Evaluate Your Homepage 1.Start Internet Explorer 2.Go to count/your_file_name and check your home page. count/your_file_name 1.Start Internet Explorer 2.Go to count/your_file_name and check your home page. count/your_file_name