Creating your first web page: your resume P.D. & M.S. Krolak © Copyright 2005.

Slides:



Advertisements
Similar presentations
Using CrossCheck in Editorial Manager® Prepared by: Adam Nicely.
Advertisements

3.02D HTML Overview 3.02 Develop webpages.
Web Shift Booking System
DRUPAL How to create a website Summer Tech Academy 2010 Mercedes Conde.
Where to start? The first time you log in My Current WorkIcons To log on, open your internet browser. Type in your web address for i-GRasp e.g, xxxxxxs://training.i-grasp.com/admintraining/
DFSS tour Contents School and course selection Course outline page Page navigation Forums (online discussions) Reveals Completing a journal Watching a.
EDW647 Internet For Educators Setting Up a Gmail Account Roger W. Webster, Ph.D. Department of Computer Science Millersville University (717)
Your tool to help you build a list of Subscribers.
 Adding Background image  Creating internal links  Creating external links  Save your document as a webpage(.mht) file.
HTML resources page exercise An HTML resource page is created for later use. The web editor Composer is used to create tables, named anchors, horizontal.
How to Apply for On-Campus Jobs Through MonsterTRAK Career Center.
Creating HTML Pages: An Overview Contributed by Richard Truxall, The Library Network Community Information Toolkit Copyright © 1999,
1.Learning the Terms Learning the TermsLearning the Terms 2.Accessing the Internet from a PC Accessing the Internet from a PCAccessing the Internet from.
1 Creating a Web Page An introduction to Hypertext Markup Language (HTML) ~~~~~ ~~~~ ~~~~~
How to create a website for free Panagiotis Kafkarkou.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. M I C R O S O F T ® Animating and Using Multimedia Effects Lesson 10.
Starter for 10 Unit 10: Flickr & YouTube Transform IT SFT10_Flickr_YouTube.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Information guide.
Agenda9/11/13 Do Now –Display your name tag and log into your computer Pre-Assessment Test Info and Interests Syllabus and Course Expectations Opening.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
 First time student activates their google account, they need to go to an internet browser and go to  drive.google.com/a/students.macon.k12.nc.usdrive.google.com/a/students.macon.k12.nc.us.
Developing professional presentations Office XP PowerPoint? Who? Us?
Research Click the button to begin! Applying The Phone Call Before the Interview The Day of the Interview During the Interview After the Interview 1.
Eat Your Words! Creating webpage Layout. CONTENT The Layout of a Webpage HEADER FOOTER Each of these sections represents a ‘div’ (or divider). By linking.
Search Empower Engage Send Print Co-Brand With BusinessBuilder.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
Career Services Center Employer Training. This is the main login page. The link can be found at Employers.
Web Design Unit Assignment #2: Job Skills Favorite Links Page You will create a HTML web page with links to informational websites about a variety of job.
Enhancing Your Web Site. More Basic HTML Tags Today you will learn these tags: & add-on (alt, height, width & align) and “href” add-on Add a text link.
FACEBOOK IS THE BEST THING THAT EVER HAPPENED TO FRIENDSHIP WHY I LIKE FACEBOOK! By Mike Matthews.
Understanding Web Sites. What is a Web Site A collection of Web pages which you can view on the Internet Contains text, graphics, sound, and video to.
A Step by Step Guide How to add your own pages to the website.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
F-1 Management Information Systems for the Information Age Copyright 2004 The McGraw-Hill Companies, Inc. All rights reserved Extended Learning Module.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
1 Instruction Manual for the Arabtec mySupplier System | version 1.0.
Sign In with and password An ArbiterSports Tutorial presented by your ECBOA.
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
Basic Instructions on how to use One Drive and share files. ONE Drive Your LogoYour own footer.
Homework #4 HTML Web Assignment II ©2001 E. Kinnear.
Project 2 Web Page Design Creating and Editing a Web Page Pages
Start Dreamweaver program From file menu click new Blank page appears.
Notes Chapter 10—Adding Graphics. There are two kinds of graphics on the Internet: those you can use on your own Web pages, and those you cannot.  Many.
Writing a Web Page. Using Frontpage FrontPage is a user-friendly WYSIWYG html editor. To begin, open the program and a new page. FrontPage is a user-friendly.
12/15/20151 WEBSITE CREATION DOING IT MANUALLY. 12/15/20152 PURPOSE of WEBSITE To give colleagues and prospective employers some information about your.
Tips and Tricks To view this as a presentation, choose “Slide Show – From Beginning”
How to Add Animations and Narration to Your PowerPoint Presentation Ms. Chen North Shore High School AP Biology.
How to make a digital portfolio SCC YEAR 1. Table of contents  1. Go to your digital portfolio  2. Make the document as your digital portfolio  3.
FACEBOOK Material adapted from
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
Go to Slide 2. (You can get there by clicking on slide 2 in Normal VIEW.)
Creating Web Pages with Links, Images, and Embedded Style Sheets
Creating a Google Site For a Digital Portfolio Purpose.
Making your own web site How to use Publisher to do it!
1 PROJECT 3 WEB/HTML PROJECT USING NOTEPAD Management Information Systems, 9 th edition, By Raymond McLeod, Jr. and George P. Schell © 2004, Prentice Hall,
ENHANCE YOUR WEBSITE. HOW TO INSERT COLOR??? USE THE TAG: GO TO PICK COLOR WANT BY POINTING: THEN USE THE HEX NUMBER.
Revised June 2008 Online PD Basic HTML1 Let’s Try It!  Open Notepad oStart > All Programs > Accessories > Notepad oDon’t get WordPad by mistake – won’t.
Introducing Scratch Learning resources for the implementation of the scenario
Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.
Creating and Editing a Publication
Complete Walkthrough For Website & Mobile App
Going Green By Ima Librarian
Geography 121 Homepage Design Project Zero
Understanding Web Sites
Embedding Graphics in Web Pages
Using Netscape Page Composer
Drupal user guide Evashni Jansen Web Office.
Presentation transcript:

Creating your first web page: your resume P.D. & M.S. Krolak © Copyright 2005

About this exercise Carefully consider your needs for privacy and security –Do not use home address or phone number –Do not use your social security number –Do not use your personal – use a web mail that you will check, i.e. a disposable one. –If you do not want to use a real resume use a Dummy one (Clearly marked as a Dummy in the heading)

Design issues Use a professional looking texture for a background Use a tasteful sound file (midi will do). This is for exercise only & not the common practice. Do not place a photo on the resume as this will cause it to be discarded immediately (HR practice to avoid sex and age discrimination lawsuits). Avoid personal data.

Resume Besides having a background image, a music file, and an animated gif, you will need a block structure. Heading: Name & contact info Goal: Education: Link your schools Skills: Job experience: Animated Button Tasteful music

First steps Get your animated gif Get your music or sound file. Get your background texture. Click

Get your animated Use your search skills to find an animated gif Capturing an image or animated gif Once you find an object that you want to capture: –Put your mouse on it. –click on your selection with the right mouse button. –A menu will appear; select Save image as. –This will save the object. Remember the file's name and extension (e.g., mailbox.gif) and where you saved it.

Select and save your music Search for a tasteful.mid or.wav file Use your search skills to find an appropriate audio clip: Place the mouse on the link to the audio clip (directly above it). Click with [right mouse button] and choose -- save link as. To hear this sound clip played, plug your headset into the green socket in the back of lab computer. (To work with sounds, your computer should have a sound card and speakers or a headset.) It is strongly recommended that you use sounds that have small file sizes less than 10KB (10,000 Bytes) is best.

Select and capture your background 1.Search for background texture 2.Use standard image capture. 3.If it is a background on a webpage, To capture a texture (background): Put the mouse on it in an area not occupied by a link, or inline image, etc. Click with the right mouse button and choose, SaveAs Background.

Selecting your color scheme

Prepare to write your resume You will need to create a draft of your resume. Easiest to start with your current one. Fill in the blocks with your data. The green blocks- headings should be followed by a list of items. Heading: Name & contact info Goal: Education: Link your schools Skills: Job experience: Animated Button Tasteful music

Writing your first web page Easiest means is to use the Nvu editor (Click button) For the more daring you can try using HTML tags directly (Click button)

Prepare to write your resume Use WordPad for the text editor: 1.You should have a draft of your resume ready. 2.We will create the resume in three sections. 2.1 The top (mostly the Head section) 2.2 The bottom which closes the HTML and body container and creates the animated button 2.3 The resume material will go in the middle

Step 1 The Top

Step 2 The Bottom of the Document

Step 3 Middle Part

Now create the Goal Statement Set off the Goals using the heading 2 with a statement of what you can do and why someone would hire you. Goal: Get a good job with short hours, big bucks, and 4 weeks vacation to start.

Continue with education, skills, job experience

After your have finished Save_as Name of file resume.html File Type text document. Once saved check it spelling etc. and open it from your browser. If it looks good, send it to a web page checker. Make final corrections and save the report from the web checker.

What to upload to your website! Your resume.html Your sound file Your background image Your animated gif. Your validation report.