Higher Nationals in Computing
Unit 3: Employability and Professional Development
Session 4: In this session will involve
starting new ASP.NET Web Forms website and customising it to
create a a personal e-Portfolio.
Resources »
Assessments
Session Activities
-
10 min
Demonstrate an example e-Portfolio
as a reminder of the aim for the website
-
10 min
Customise Contact Page to contain the College address, and
a college email address
-
10 min
Open the default.apsx page and change the
main h1 heading in the jumbotron to
YourName e-Portfolio
-
10 min
Replace the contents of the paragraph in
the jumbotron to a paragraph that explains
the purpose of your website
-
10 min
Replace the More Information
link with # (it will go to a page we add later)
-
5 min
Delete the whole of the div
underneath the jumbotron and replace it with
a table
-
10 min
Inside the table add thead and
tbody tags.
Inside thead add one tr row with
suitable th column headings (see
example portfolio
)
Please make sure that the indentation clearly matches
the structure of the table.
-
5 min
Inside the tbody add one tr
row with suitable td column values.
-
5 min
Use Visual Studio to load your page into
the Chrome Browser and check how it looks.
Apply the
Bootstrap table style
as a class and reload the page. Save all changes.
-
5 min
Create a Bitbucket Account
-
5 min
Add your website to Git Version Control»
It may already be added to Git when the project was first created
-
5 min
Push Changes to BitBucket»
Goto Git Changes window and commit all the outstanding changes to the
local repository. Then push up to the remote Repository.
-
5 min
Share Bitbucket Repository with the tutor by going to settings,
and access management. You may want to add another
email address rather than use your College email address
-
10 min
Complete the home page by adding all the
course units to the table.
-
5 min
Customise your Master Page Application Name, headers and footers.
-
5 min
Commit your changes and Push your changes up to
bitbucket.
-
Your portfolio should look something like
this example e-Portfolio.
Useful Resources