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 Code – Easy How-to’s – Final Project HTML Requirements – Resources

Getting Started: Must Do’s Access your webpage: 1.Activate your website 1.Also see Getting Started with HTML on MGS 351 Website 2.Go to Your website address: -mine is: 1.If this pops up: Your website is NOT activated.

Must Do’s 3.To activate your website Click on this: & Click on activate your website button. 4.Go to your “S” drive and locate public_html folder Click on “my Computer” Select your S drive Click on public_html folder 5. The public_html folder is where you will store all of your UB website files!

Must Do’s 1.Click on web link file in the folder 2.Do the Getting Started with HTML activity on the website so that you know how to edit your webpage for your final project! (not necessary to do all of it as long as you have a good idea on how it works). Explained better in Using HTML Code section of this powerpoint

Connecting to S drive from off-campus computer From your own home computer (off campus): – UB has software you can download: – Download & Install: VPN Off-Campus Client: AnyConnect – Connect to: ubvpn.buffalo.edu – Login using your UBIT name & Password Go to “My Computer” – Go to “map network drive” on the top of the screen

Connecting from off campus computer Select Drive: “S” Type below address into Folder: \\itorg.ad.buffalo.edu\ubfs\myfiles\j\o\joannakr \\itorg.ad.buffalo.edu\ubfs\myfiles\j\o\joannakr Or \\itorg.ad.buffalo.edu\ubfs\myfiles\first letter of ubit name\second letter of ubit name\ubit name You may have to sign in: – Just use your ubit name and password: Use ad\username for your ubit name id Access your S/drive the same way you would on a school network computer

Resources Course Website: Bottom of Page – Use this resource to build the website for your company’s database for your final project! – Easiest to do when already connected to the school network. Use this guide to set up your S drive: – y/mgs351/SDrive.pdf y/mgs351/SDrive.pdf Will be covered in lecture by Professor Murray.

Working with HTML Code Using the “Getting started with HTML” activity on the MGS 351 website – Designed for MIS majors What you really need to know: – How to edit the webpage by adding & editing basic HTML code – This code is already written for you on the MGS351 sample webpage CLICK HERECLICK HERE HTML code help (on my discussion board)

Working with HTML Code To quickly view the HTML code for your webpage (or any webpage) – right click on the page – Select “page view source” – Or to view your code Open with Notepad from public_html file on z drive (explained on next slide)

Easy How-To’s Editing your webpage – Click on “Getting started with HTML” – Right Click on the “index.html” link and “save link as” Save under your public_HTML folder – Open your public_HTML folder Click on the index.html file (it should display the website you just had saved from) – Now close this website Now RIGHT click on the index.html file – Open with “notepad” – This is how and where you will edit your code

Easy How-To’s Now delete all the code in your index.html file (it must be open with notepad here) Go to the sample MGS website: CLICK HERECLICK HERE Right click on the page and select “view source code” Copy the code that pops up Paste that code in your index.txt file – (the “.txt” indicates your file is open in notepad and not a web browser aka “.html”)

Easy How-To’s Now Save & close your file in notepad Re-open your index.html file – If it is displayed as index.txt please rename it to index.html – Your website should now look very similar to the sample MGS 351 website This is how you edit your html code – It is as simple as deleting, copying, & pasting in notepad

Code Editing using HTML Help In the HTML code help file – I break down the code in the sample MGS website – I added additional code and explained that – These will meet your minimum requirements for your final project website – It is up to you to go above and beyond doing your own html research

What You Should Know for HTML: How to insert a Hyperlink How to add an image How to insert a Hyperlink in an image How to add an address How to change text/ font/ add text Change colors/ background Play around with website layout

HTML Resources Use w3schools.com for unique code in HTML – To go above and beyond on your project website Check out module F HTML lecture slides: s351/XLM_F.ppt s351/XLM_F.ppt When in doubt GOOGLE it!!!!