Create Y our Website in 4 Easy Steps

Create Your Website in 4 Easy Steps Brandon Pope AnuragVerma Some Material in this Presentation was created by Heungjo An (Thank you) 9

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. • Basic HTML

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

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

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

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.}

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>

Make a personnel web site : Brainstorming • Design • Layout • Contents • 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. ?} Top Page Left Page Main Page

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.

Make a personnel web site : A Template You Can Use • http://people.tamu.edu/~anuragverma/i/webpage.zip • Download • Edit • Upload index and resume

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.

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

Create Y our Website in 4 Easy Steps