- Use Html Css Php Mysql Phpmyadmin 1 (84 KiB) Viewed 414 times
# Fonts You should use four fonts as shown in table Table 1 Used fonts in the project Place of use Bold Navbar Comic Sans MS Titles Trebuchet MS Sub-Titles Arial Rounded MT Other Text (Default) Tahoma Normal Comic Sans MS Trebuchet MS Arial Rounded MT Tahoma Color # Colors You should use colors as shown in table 2. Table 2 Used colors in the project Place of use Color Value Basic color (Default) #OOBAFF Active Navbar Item #FFFFFF inactive Navbar Item #000000 Save Button #198754 Reset Button #dc3545 Table Header #606060 Some table rows #E5E5E5 # Main Structure for project Folder • University ID o css MyStyle.css o PHP • AddCourse.php • AddExperience.php Course_View.php • Home.php • ViewCourses.php • ViewExperience.php o Images
2. Courses Information Page This page will show all courses that you take. Each course should have name, total hours, start date, end date, institution, attachment and notes. Attachment column should have a link that open a new page in a new tap, that will be described later. Note column could be empty or you can write anything you want. You shouldn't make any empty row. The empty row in figure is just example. The height for each row is 80px, even it needs less than 80px. These courses get from Courses table in the database and enter from the add cours page. ourses All Courses Information The cene i det Figure 2 Courses Information page design
3. Experience Information Page This page will show all experience that you have. Each experience should have job title, place of training, experience category, start month, end month and description for your works. Each one should have viewed as a paragraph. At first, the job title. Place of training is next to job title in small view., then "/" then the category of the experience. Experience category could be: Job, Freelancer, Volunteer, Self-Learning or Other. At second, the period of training for this experience, if you are still learning, write the month of end as "until present". These experiences get from Experiences table in the database and enter from the add experiences page. All Experiences Information Web Development Web Development Awwww will www Web Development www 130 w Web Development www we were des Web Development www w Figure 3 Experience informtion page design
should make a validation for each input as needed. Hint: to have validation you should use "type" attribute. 4. Add Course Page This page to add course to the database in the Courses table after validate all input except note input could be empty. After submit automatic refresh the page. Humberto . Figure 4 Add course page design
5. Add Experience Page This page to add experience to the database in the Experiences table after validate all input except note input could be empty. After submit automatic refresh the page. Figure 5 Add experience page design
6. Course Certificate View Page As we see in figure 2, each course should have a page that will view the course's attachment, which will be as shown in figure 6 the image depends to the image added with the course information in add course page. Course information pass form view courses page. Course "Network Management Admin" from 23/10/2019 2/1/2020, logos Institution was "Mohammed Training Center Certificate of Training This carries that has successfully completed the training requirements for and is awarded this cernificare This day of Certificate File Figure 6 Course attachment view