ConferenceCode_SessionCode
Download
Report
Transcript ConferenceCode_SessionCode
Create Your Website in 4 Easy Steps
Brandon Pope
Informs Seminar
Texas A&M
Anurag Verma
Spring 2008
9
Some Material in this
Presentation was created by
Heungjo An (Thank you)
Original Contents of this presentation
Part I.
Trend of Web
Web 2.0
Part II.
Make a personnel web site in person (people.tamu.edu)
Build a personnel web site by using services (Google Blog)
Part III.
1. Basic HTML
Texas A&M, Industrial & Systems Engineering
1
Create Your Website in 4 Easy Steps
Steps
1. Activate your webspace on people.tamu.edu
2. Install file transfer software
3. Make a web site
• Plan overall web site architecture
• Prepare contents
• Make web pages
4. Upload files
Texas A&M, Industrial & Systems Engineering
2
Make a personnel web site
: Activate your webspace
Go to http://people.tamu.edu/
Activate a web page on this server : Go to
https://oalinfo.tamu.edu/account/
Your website address will be http://people.tamu.edu/~yournetid
Texas A&M, Industrial & Systems Engineering
3
Make a personnel web site
: Download file transfer program
Outside of OALs, SFTP must be used to upload files for
your webpage.
– Instructions for uploading from an OAL can be found
on people.tamu.edu
SFTP := {Simple, Secure, Serial} File Transfer Protocol
– I don’t know which, but it is not important for us.
You must download a program which uses this protocol
to upload files.
– people.tamu.edu recommends Filezilla (I use this one
as well)
– http://filezilla-project.org
Texas A&M, Industrial & Systems Engineering
4
Make a personnel web site
: Basic Ideas
Once you have successfully downloaded your file transfer program,
you should turn your attention to designing your webpage.
– To do this lets give some basic idea of what is going on.
Earlier we activated your web space, this basically grants you
access to your folder “…/yournetID/public_html/”
– when you first claim your space, this folder will be virtually empty
– once your have created files which generate your webpage, you
will use the file transfer program to upload them to this folder
– “…/yournetID/public_html/index.htm(l)” is the main page of your
website
In addition to the index.html file, you can place additional files such
as {pictures, other pages, documents, etc.}
Texas A&M, Industrial & Systems Engineering
5
Make a personnel web site
: Start Simple
Using a text editor. (Notepad, Visual Studio, ...)
– Make a simple index.html as follows.
– You can preview it before uploading it.
<html>
<head>
<title>Test</title>
</head>
<body>
Welcome to my web site.
</body>
</html>
Texas A&M, Industrial & Systems Engineering
6
Make a personnel web site
: Brainstorming
Design
– Layout
Top Page
Contents
Left
– Main Page
Page
Main Page
– Curriculum Vitae
– Materials that are related with your interest areas.
• (papers, articles, presentations, related links and so on,)
– Images
– Find service providers who provide a web application that you want.
• {Calendar, Clock, etc. ?}
Texas A&M, Industrial & Systems Engineering
7
Make a personnel web site
: Finding Sample Pages
Find a website you like.
– Lets try people.tamu.edu/~akshriv/
Right click on the page and select “View Source”
– The source will most likely appear very complicated.
Now you can use the basic form of the html, with your personal
information.
– Show Example
Remember if you do this to acknowledge the creator of the
template, much like referencing other academic works.
Texas A&M, Industrial & Systems Engineering
8
Make a personnel web site
: A Template You Can Use
http://people.tamu.edu/~anuragverma/i/webpage.zip
– Download
– Edit
– Upload index and resume
Texas A&M, Industrial & Systems Engineering
9
Make a personnel web site
: Expanding Your Site and Uploading Files
Study the html code and your will be able to create multiple pages
for your website quite easily.
– http://people.tamu.edu/~brandon_pope/
• This is still a beginner’s site!
Via your file transfer program, you can connect to people.tamu.edu
and upload the files you have created for your webpage
– Instructions for connecting can be found at people.tamu.edu
Show how to upload.
Texas A&M, Industrial & Systems Engineering
10
Conclusions
This has been a very simple introduction with the purpose in mind of
you being able to achieve some small (yet significant) results. My
sincere hope is that you will become much more proficient than I in
webpage design.
Thank you
Texas A&M, Industrial & Systems Engineering
11