How to create a simple web page
Notes on creating a personal webpage at UNLV
- create a directory public_html on the H: drive using Windows
Explorer. Should end up looking like this, H:\public_html
- then create a text file called
index.html under this directory. Using a text editor such as NotePad, NotePad++,
UltraEdit, etc. type in the following HTML code.
-
- Reference the homepage with your login
name, example http://complabs.nevada.edu/~jeff%20jensen/index.html
- UNLV Student Website Publishing is managed by the Office of
Information Technology (OIT)
- As of Feb 2009, PHP and MySQL is NOT supported on the student web server.
Only support basic HTML pages. Contact Craig Southwick with OIT for more
details, email: craig.southwick@unlv.edu, voice: 702-895-0769,
fax: 702-895-5398
- To remotely transfer files to the H:\ drive, use NetStorage
How to add a image to your webpage
- Step 1: copy a jpg, gif, or png image into your H:\public_html directory.
If doing this from home, will need to use
NetStorage to upload the file. Might get a 'This Connection is
Untrusted', just click the 'I Understand the Risks' link and the 'Add
Exception...' button. Should then be prompted to enter your Novell
User Name and Password (same login as used in TBE-B367 computer lab)
- Try using the UNLV Logos if you don't have an image handy
- Step 2: using a text editor such as notepad++ to open your
H:\public_html\index.htm file
- Step 3: add the following within the body section of the HTML
document, <img src="somefilename.jpg" alt="my picture or something" />
- Can identify the height and width of the image by opening the image in
Microsoft Paint then Image -> Attributes
- References
Using Adobe Dreamweaver to create a simple web page at UNLV
- Simple Web Page Example can also download the entire
SumitTemplate.zip
to install on your personal webpage
- Step 1: Access the folder
- Create a folder “public_html” in your “My Documents” (H: drive)
- Create a file “index.html” in the folder
- Edit the file in notepad and create tags Hello World
- Browse the contents of the file at http://complabs.nevada.edu/~username
- Step 2: Launch Dreamweaver
- Open the file “index.html”
- Familiarize yourself with 3 View modes: Code, Split and Design.
- Write your name in Title box.
- Notice the changes in the View modes.
- NOTE: Unsaved files opened in Dreamweaver are designated by a “star”
after the filename
- Step 3: Building a Template header
- Select from menus-> Insert- Table. Rows=3 and Columns=2
- Highlight the first row and give a red background color
- Highlight 2nd and 3rd row to give a black background color
- Highlight the text to give a white color
- Create another table Columns=2 and Rows =1
- Give a grey color to left column
- Create 4 links for Home, In Class, Virtual Campus and GIS Tutorial
- Save the file as “template.html”
- Step 4: Creating Home Page
- Open the file “template.html” and save as “index.html”
- Insert a table 2 cols 1 row in the content area
- In the LHS of inserted column Insert->Image (your picture)
- Use “Split” to break the RHS into multiple rows and write your information
- Step 5: Creating page for Inclass homework
- Open “template.html” and save it as “inclass.html”
- In the content area write Day-1, Day-2, Day-3, etc.
- Step 6: Creating page for Virtual Campus and GIS Tutorial
- Open “template.html” and save it as “vcampus.html”
- In the content area write Module-1, Module-2, etc.
- Similarly repeat for GIS Tutorial
- Step 7: Creating links
- Highlight “In Class” and click the folder next to “Link” in the Properties toolbar
- Select the file “inclass.html”. Click Ok
- Similarly create links for every menu item
- Step 8: Building Portfolio and submitting homeworks
- Create a separate folder for Inclass, Virtaul Campus and GIS Tutorials
- Put all the pdf files in their relevant locations
- Create a link for files in a similar manner as created for pages