Permalink
Browse files

Initial commit

Code for week 1.
  • Loading branch information...
1 parent 62336a1 commit 98496e8f1242713303fa5b8affbfbd740bf0d22e @shirleyatkinson shirleyatkinson committed Oct 1, 2012
View
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>COMP216 - Web Development Platforms</title>
+ <meta content="Shirley Atkinson" name="author">
+ <meta content="Web page for Module" name="description">
+ <meta content="COMP216" name="keywords">
+ <meta content="text/html; charset=utf-8" http-equiv="content-type">
+ <link rel="stylesheet" href="comp216.css">
+ </head>
+ <body>
+ <header><img title="Logo" alt="COMP216 With Plymouth University" src="images/comp216Logo.png"
+ height="134"
+ width="194"><h1 id="logo">COMP216 Web Development Platforms</h1>
+ <nav>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="#">About</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+ <section>
+ <article>
+ <p>COMP216 - Web Development Platforms aim to take you
+ through developing an understanding of server-side development techniques required to implement web-based software solutions.</p><p>By the end of the module students will have demonstrated they can:
+ <ol>
+ <li>Compare and contrast server-side technologies and argue their relative merits.</li>
+ <li>Implement server-side web solutions using appropriate technologies and integrate with back end data stores.
+ </li>
+ <li>Work with web frameworks to implement common web applications using open source solutions</li>
+ <li>Test and secure server-side web applications</li>
+ </ol>
+ </p>
+ </article>
+ </section>
+ <footer>
+ <p>&copy 2012 Shirley Atkinson</p>
+ </footer>
+ </body>
+ </html>
View
@@ -0,0 +1,160 @@
+body {
+ font-size: 1em;
+ line-height: 1.4;
+}
+
+header, nav, footer {
+display : block
+}
+
+nav ul li {
+display : inline;
+}
+
+nav {
+ padding: 5px 5px;
+ position: absolute;
+ top: 5em;
+}
+
+nav ul li {
+font-size: 25px;
+text-transform: capitalize;
+margin-top: -5px;
+}
+
+nav ul li a {
+color: #FFFFFF;
+text-shadow: 3px 3px 0px #000099;
+border-bottom: 6px solid #000099;
+border-top: 6px solid #000099;
+background: #000099;
+padding: 10px 10px;
+text-decoration: none;
+font-weight: bold;
+
+}
+
+nav li a: hover {
+ color : #635c49;
+ font-weight: bold;
+}
+
+
+h1#logo {
+color: #000099;
+text-shadow: 3px 3px 0px #C8C8C8;
+border-bottom: 6px solid #000099;
+border-top: 6px solid #000099;
+float : left;
+width : 75%;
+}
+
+header {
+z-index: 1001;
+position: relative;
+margin: 40px auto;
+margin-bottom: 0;
+width: 960px;
+height: 140px;
+border-top: 10px solid #1a1a1a;
+background: #C8C8C8;
+background: -moz-linear-gradient(top, #C8C8C8 0%, #333848 38%, #21262A 100%);
+background: -webkit-gradient(linear, left top left bottom, color-stop(0%, #C8C8C8), color-stop(38%, #333848), color-stop(100%, #21262A));
+background: -webkit-box-shadow: 0px 0px 10px #000;
+-moz-box-shadow: 0px 0px 10px #000px;
+box-shadow: 0px 0px 10px #000;
+}
+
+nav ul li:first-child a {
+-moz-border-radius-topleft: 10px 5px;
+border-top-left-radius : 10px 5px;
+-moz-border-radius-bottom-left: 10px 5px;
+border-bottom-left-radius: 10px 5px;
+}
+nav ul li:last-child a {
+-moz-border-radius-topright: 10px 5px;
+border-top-right-radius: 10px 5px;
+-moz-border-radius-bottom-right: 10px 5px;
+border-bottom-right-radius: 10px 5px;
+}
+
+article {
+
+padding: 10px 10px;
+
+
+}
+
+section {
+z-index: 1001;
+position: relative;
+width: 960px;
+margin: 40px auto;
+background: #fff;
+border-bottom: 1px solid #eee;
+border-top: 1px solid #eee;
+clear: both;
+background: #98AFC7;
+background: -moz-linear-gradient(top, #98AFC7 0%, #AFC7C7 38%, #717D7D 100%);
+background: -webkit-gradient(linear, left top left bottom, color-stop(0%, #98AFC7), color-stop(38%, #AFC7C7), color-stop(100%, #717D7D));
+background: -webkit-box-shadow: 0px 0px 10px #000;
+-moz-box-shadow: 0px 0px 10px #000px;
+box-shadow: 0px 0px 10px #000;
+}
+
+
+/* Footer styling: */
+footer{
+ display: block;
+ position: relative;
+ margin: 0 auto;
+ margin-bottom:150px;
+ text-align:center;
+ font-size:0.825em;
+}
+
+footer p{
+ margin-bottom:-2.5em;
+ position:relative;
+}
+
+footer a,footer a:visited{
+ color:#cccccc;
+ background-color:#213e4a;
+ display:block;
+ padding:2px 4px;
+ z-index:100;
+ position:relative;
+}
+
+footer a:hover{
+ text-decoration:none;
+ background-color:#142830;
+}
+footer a.by{
+ float:left;
+}
+footer a.up{
+ float:right;
+}
+
+
+
+
+/* ==========================================================================
+ EXAMPLE Media Queries for Responsive Design.
+ Theses examples override the primary ('mobile first') styles.
+ Modify as content requires.
+ ========================================================================== */
+
+@media only screen and (min-width: 35em) {
+ /* Style adjustments for viewports that meet the condition */
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+ only screen and (min-resolution: 144dpi) {
+ /* Style adjustments for high resolution devices */
+}
+
+
View
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>COMP216 - Web Development Platforms</title>
+ <meta content="Shirley Atkinson" name="author">
+ <meta content="Web page for Module" name="description">
+ <meta content="COMP216" name="keywords">
+ <meta content="text/html; charset=utf-8" http-equiv="content-type">
+ <link rel="stylesheet" href="comp216.css">
+ </head>
+ <body>
+ <header><img title="Logo" alt="COMP216 With Plymouth University" src="images/comp216Logo.png"
+ height="134"
+ width="194"><h1 id="logo">COMP216 Web Development Platforms</h1>
+ <nav>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="#">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+ <section>
+ <article>
+ <p>Contact Shirley Atkinson for more information on this module. Email her using the uni email system, or find her in Portland Square, room A329.
+ </p>
+ </article>
+ </section>
+ <footer>
+ <p>&copy 2012 Shirley Atkinson</p>
+ </footer>
+ </body>
+ </html>
@@ -0,0 +1,13 @@
+<%@ Page Title="About Us" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
+ CodeFile="About.aspx.cs" Inherits="About" %>
+
+<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
+</asp:Content>
+<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
+ <h2>
+ About
+ </h2>
+ <p>
+ Put content here.
+ </p>
+</asp:Content>
@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class About : System.Web.UI.Page
+{
+ protected void Page_Load(object sender, EventArgs e)
+ {
+
+ }
+}
@@ -0,0 +1,60 @@
+<%@ Page Title="Change Password" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
+ CodeFile="ChangePassword.aspx.cs" Inherits="Account_ChangePassword" %>
+
+<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
+</asp:Content>
+<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
+ <h2>
+ Change Password
+ </h2>
+ <p>
+ Use the form below to change your password.
+ </p>
+ <p>
+ New passwords are required to be a minimum of <%= Membership.MinRequiredPasswordLength %> characters in length.
+ </p>
+ <asp:ChangePassword ID="ChangeUserPassword" runat="server" CancelDestinationPageUrl="~/" EnableViewState="false" RenderOuterTable="false"
+ SuccessPageUrl="ChangePasswordSuccess.aspx">
+ <ChangePasswordTemplate>
+ <span class="failureNotification">
+ <asp:Literal ID="FailureText" runat="server"></asp:Literal>
+ </span>
+ <asp:ValidationSummary ID="ChangeUserPasswordValidationSummary" runat="server" CssClass="failureNotification"
+ ValidationGroup="ChangeUserPasswordValidationGroup"/>
+ <div class="accountInfo">
+ <fieldset class="changePassword">
+ <legend>Account Information</legend>
+ <p>
+ <asp:Label ID="CurrentPasswordLabel" runat="server" AssociatedControlID="CurrentPassword">Old Password:</asp:Label>
+ <asp:TextBox ID="CurrentPassword" runat="server" CssClass="passwordEntry" TextMode="Password"></asp:TextBox>
+ <asp:RequiredFieldValidator ID="CurrentPasswordRequired" runat="server" ControlToValidate="CurrentPassword"
+ CssClass="failureNotification" ErrorMessage="Password is required." ToolTip="Old Password is required."
+ ValidationGroup="ChangeUserPasswordValidationGroup">*</asp:RequiredFieldValidator>
+ </p>
+ <p>
+ <asp:Label ID="NewPasswordLabel" runat="server" AssociatedControlID="NewPassword">New Password:</asp:Label>
+ <asp:TextBox ID="NewPassword" runat="server" CssClass="passwordEntry" TextMode="Password"></asp:TextBox>
+ <asp:RequiredFieldValidator ID="NewPasswordRequired" runat="server" ControlToValidate="NewPassword"
+ CssClass="failureNotification" ErrorMessage="New Password is required." ToolTip="New Password is required."
+ ValidationGroup="ChangeUserPasswordValidationGroup">*</asp:RequiredFieldValidator>
+ </p>
+ <p>
+ <asp:Label ID="ConfirmNewPasswordLabel" runat="server" AssociatedControlID="ConfirmNewPassword">Confirm New Password:</asp:Label>
+ <asp:TextBox ID="ConfirmNewPassword" runat="server" CssClass="passwordEntry" TextMode="Password"></asp:TextBox>
+ <asp:RequiredFieldValidator ID="ConfirmNewPasswordRequired" runat="server" ControlToValidate="ConfirmNewPassword"
+ CssClass="failureNotification" Display="Dynamic" ErrorMessage="Confirm New Password is required."
+ ToolTip="Confirm New Password is required." ValidationGroup="ChangeUserPasswordValidationGroup">*</asp:RequiredFieldValidator>
+ <asp:CompareValidator ID="NewPasswordCompare" runat="server" ControlToCompare="NewPassword" ControlToValidate="ConfirmNewPassword"
+ CssClass="failureNotification" Display="Dynamic" ErrorMessage="The Confirm New Password must match the New Password entry."
+ ValidationGroup="ChangeUserPasswordValidationGroup">*</asp:CompareValidator>
+ </p>
+ </fieldset>
+ <p class="submitButton">
+ <asp:Button ID="CancelPushButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"/>
+ <asp:Button ID="ChangePasswordPushButton" runat="server" CommandName="ChangePassword" Text="Change Password"
+ ValidationGroup="ChangeUserPasswordValidationGroup"/>
+ </p>
+ </div>
+ </ChangePasswordTemplate>
+ </asp:ChangePassword>
+</asp:Content>
@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class Account_ChangePassword : System.Web.UI.Page
+{
+ protected void Page_Load(object sender, EventArgs e)
+ {
+
+ }
+}
@@ -0,0 +1,13 @@
+<%@ Page Title="Change Password" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
+ CodeFile="ChangePasswordSuccess.aspx.cs" Inherits="Account_ChangePasswordSuccess" %>
+
+<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
+</asp:Content>
+<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
+ <h2>
+ Change Password
+ </h2>
+ <p>
+ Your password has been changed successfully.
+ </p>
+</asp:Content>
@@ -0,0 +1,14 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+public partial class Account_ChangePasswordSuccess : System.Web.UI.Page
+{
+ protected void Page_Load(object sender, EventArgs e)
+ {
+
+ }
+}
Oops, something went wrong.

0 comments on commit 98496e8

Please sign in to comment.