ゼミ Wiki の再構築について 資料編 加納さおり

Size: px
Start display at page:

Download "ゼミ Wiki の再構築について 資料編 加納さおり"

Transcription

1 Wiki

2 [ Fukuda Semi Wiki] [ 2 wiki]

3 [ 3 ] [ 4 ]

4 [ 5 ] [ 6 ]

5 [ 7 ] [ 8 ]

6 [ 9 ] [ 10 ]

7 [ 11 ]

8 [ 12 ]

9 [ 13 ]

10 [ 14 Menu1] [ 15 Menu2]

11 [ 16 Menu3] [ 17 wiki Menu]

12 [ 18 TOP ] [ 19 ]

13 [ 20 ] [ 20]

14 [ 21 ]

15 [ 22 ( )] [ 23 ( )]

16 [ 24 ( )] [ 25 ]

17 [ 26 2]

18 [ 27 zemi.sql] #create database zemi_wiki; use zemi_wiki; drop table zemi; CREATE TABLE zemi ( id integer unique primary key not null auto_increment, title varchar(225) unique, kiji text, hiduke datetime, cat_id integer ); [ 28 zemi_category.sql] use zemi_wiki; CREATE TABLE category ( id integer unique primary key not null auto_increment, category varchar(225) );

19 [ 29 zemi_top.php] $sql = "select * from zemi where id=0"; $data = mysql_query($sql); if ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji'>"; wiki2html($kiji); $sql = "select category from category where id=$cat_id"; $data2 = mysql_query($sql); if ($data2) { $record2 = mysql_fetch_array($data2); $cat_name = $record2["category"]; else { $cat_name = " "; print "<hr>"; print "</div>"; <h6>[<a href="zemi_kiji_henshu.php?id=0"> </a>]</h6> </div><!-main div-> [ 30 zemi_new.php] <script "text/javascript"> function preview() { if (document.shinki_form.title.value == "") { alert(" "); else { document.shinki_form.submit(); return False; </script>

20 [ 31 zemi_new.php] <h4> </h4> $data = mysql_query("select current_timestamp()"); $record = mysql_fetch_array($data); $hiduke = $record[0]; <table> <form action="zemi_kiji_preview.php" method="post" name="shinki_form"> <tr><th> </th> <td><input type="text" name="title" length="50" size="50"></td></tr> <tr><th> </th><td> <textarea name="kiji" rows="15" cols="50"></textarea> </td></tr> <tr><td></td> <tr><th> </th><td> <select name = "cat_id"> $sql = "select * from category order by id;"; $data = mysql_query($sql); while ($record = mysql_fetch_array($data)) { extract($record); print "<option value= "$id ">$category</option> n"; </select> <input type="button" value=" " onclick = "return preview();"></td> </tr> </table> <input type="hidden" name="hiduke" value=" echo $hiduke;"> <input type="hidden" name="cmd" value="shinki"> </form> </div>

21 [ 32 zemi_kiji_preview.php] <h4> </h4> <p> </p> extract($_post); $sql = "select category from category where id=$cat_id"; $data = mysql_query($sql); if ($record = mysql_fetch_array($data)) $cat_name = $record['category']; else $cat_name = '' ; <table border="1"> <form action="zemi_kiji_shosai.php" method="post"> <tr><th> </th> <td width-"500"> echo $title;</td></tr> <tr><th> </th> <td> echo wiki2html($kiji);</td></tr> <tr><th> </th> <td> echo $cat_name;</td></tr> </table> <input type="submit" value=" "> <input type="button" value=" " onclick="history.back();"> <input type="hidden" name="kiji" value=" echo $kiji;"> <input type="hidden" name="title" value=" echo $title;"> <input type="hidden" name="hiduke" value=" echo $hiduke;"> <input type="hidden" name="cat" value=" echo $cat_id;"> <input type="hidden" name="cmd" value="shinki"> </form>

22 [ 33 zemi_kiji_shosai.php] $sql = "select * from zemi where id=$id_this_page"; $data = mysql_query($sql); if ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji'>"; print "<h4>$title</h4>"; wiki2html($kiji); $sql = "select category from category where id=$cat_id"; $data2 = mysql_query($sql); if ($data2) { $record2 = mysql_fetch_array($data2); $cat_name = $record2["category"]; else { $cat_name = " "; print "<hr>"; print "<h6> $cat_name / ($hiduke)</h6>"; print "</div>"; <form action="zemi_kiji_henshu.php" method="post" style="display:inline;"> <input type="hidden" name="id" value=" echo $id_this_page;"> <input type="submit" value=" "> </form> <form action="zemi_kiji_sakujo.php" method="post" style="display:inline;"> <input type="submit" value=" "> <input type="hidden" name="id" value=" echo $id_this_page;"> <input type="hidden" name="cmd" value="sakujo"> </form>

23 [ 34 zemi_kiji_kensaku.php] if ($kensaku!= "") { $sql = "select * from zemi where kiji like '%$kensaku%'"; $data = mysql_query($sql); print "<h4> </h4>"; print "<p><b> '$kensaku' </b></p>"; print "<ul>"; while ($record = mysql_fetch_array($data)) { extract($record); print "<li><a href= "zemi_kiji_shosai.php?cmd=select&id=$id ">$title</a> -- ($hiduke)</li>"; print "</ul>"; [ 35 zemi_kiji_ichiran.php] <h4> </h4> <ul> $sql = "select * from zemi order by title ;"; $data = mysql_query($sql); while ($record = mysql_fetch_array($data)) { extract($record); <li><a href="zemi_kiji_shosai.php?cmd=select&id= echo $id;"> echo $title;</a> - echo $hiduke; </li>

24 [ 36 zemi_kiji_saishin.php] <h4> </h4> <ul> $sql = "select * from zemi order by hiduke desc;"; $data = mysql_query($sql); while ($record = mysql_fetch_array($data)) { extract($record); <li> echo $hiduke; - <a href="zemi_kiji_shosai.php?cmd=select&id= echo $id;"> echo $title;</a></li> [ 37 zemi_menu1.php] <div id="zemi_menu1"> <div id="cat"><h2> Menu </h2></div> $sql = "select * from zemi where id=1"; $data = mysql_query($sql); if ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji1'>"; wiki2html($kiji); print "<hr>"; print "</div>"; <p>[<a href="zemi_kiji_henshu.php?id=1"> </a>]</p> <a href=" <img src="../sotsuron/gazo/fukuda.jpg" width="170" height="80" title=" "></a> <h4> <br> Blog </h4>

25 [ 38 zemi_menu2.php] <div id="zemi_menu2"> <div id="cat"><h2> </h2></div> <ul> $sql = "select * from zemi order by hiduke desc limit 8;"; $data = mysql_query($sql); while ($record = mysql_fetch_array($data)) { extract($record); print "<li><a href= "zemi_kiji_shosai.php?cmd=select&id=$id ">$title</a></li>"; </ul> <p><a href="zemi_kiji_saishin.php"> </a></p> <hr> <!-- SiteSearch Google --> <h4>[google ]</h4> <center> <form method=get action=" <table bgcolor="#ffffff"><tr valign=top><td> </td> <td> <input type=text name=q size=20 maxlength=255 value=""><br> <input type=hidden name=ie value=utf-8> <input type=hidden name=oe value=utf-8> <input type=hidden name=hl value="ja"> <input type=submit name=btng value=" "> <font size=-1> <input type=radio name=sitesearch value=""> WWW <br> </font> </td></tr></table> </form> </center> <!-- SiteSearch Google -->

26 [ 39 zemi_menu3.php] <div id="main"> <div class="menu3"> <p class="top"><a href="zemi_top.php">top</a> <p class="new"><a href="zemi_new.php"> </a></p> <p class="ichiran"><a href="zemi_kiji_ichiran.php"> </a></p> <p class="ichiran"><a href="zemi_kiji_kensaku.php"> </a></p> <p class="saishin"><a href="zemi_kiji_saishin.php"> </a></p> <p class="category"><a href="zemi_category.php"> </a></p> <p class="link"><a href="zemi_link.php"> </a></p> <p class="help"><a href="zemi_help.php"> </a></p> <br clear="all"> </div><!-menu3 div-> [ 40 zemi_link.php] $sql = "select * from zemi where id=2"; $data = mysql_query($sql); if ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji'>"; print "<h4>$title</h4>"; wiki2html($kiji); $sql = "select category from category where id=$cat_id"; $data2 = mysql_query($sql); if ($data2) { $record2 = mysql_fetch_array($data2); $cat_name = $record2["category"]; else { $cat_name = " "; print "<hr>"; print "<h6> $cat_name / ($hiduke)</h6>"; print "</div>"; <h6>[<a href="zemi_kiji_henshu.php?id=2"> </a>]</h6>

27 [ 41 zemi_help.php] $sql = "select * from zemi where id=3"; $data = mysql_query($sql); if ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji'>"; print "<h4>$title</h4>"; wiki2html($kiji); $sql = "select category from category where id=$cat_id"; $data2 = mysql_query($sql); if ($data2) { $record2 = mysql_fetch_array($data2); $cat_name = $record2["category"]; else { $cat_name = " "; print "<hr>"; print "<h6> $cat_name / ($hiduke)</h6>"; print "</div>"; <h6>[<a href="zemi_kiji_henshu.php?id=3"> </a>]</h6>

28 [ 42 zemi_category.php] <h4> </h4> <table> <form action="zemi_category.php" method="post"> <tr><th> </th> <td><input type="text" name="category" length="50" size="50"></td></tr> <td> <input type="submit" value=" "> <input type="button" value=" " onclick="history.back();"> <input type="hidden" name="hiduke" value=" echo $hiduke;"> <input type="hidden" name="cmd" value="shinki"> </form> </td> </table> <h4> </h4> <table border="1"> $sql = "select * from category order by id"; $data = mysql_query($sql); print "<tr><th> </th><th> </th><th> </th></tr>"; while ($record = mysql_fetch_array($data)) { extract($record); $sql2 = "select * from kiji where category=$id"; $data3 = mysql_query($sql2); print "<tr><td><a href= "zemi_category_ichiran.php?category=$id ">$category</td><td><a href= "zemi_category_henshu.php?id=$id&cmd=henshu "> </a></td><td><a href= "zemi_category_sakujo.php?id=$id&cmd=sakujo "> </a></td></tr>"; </table>

29 [ 43 zemi_category_sakujo.php] else if ($cmd == "sakujo") { $sql = "update zemi set cat_id=0 where cat_id=$id"; $data = mysql_query($sql); if ($data == false) { print " "; else { $sql = "delete from category where id=$id;"; $data = mysql_query($sql); if ($data == false) { print "<p> </p>"; [ 44 zemi_category_ichiran.php] <h4> </h4> <table border="1"> $sql = "select * from category order by id"; $data = mysql_query($sql); print "<tr><th> </th></tr>"; while ($record = mysql_fetch_array($data)) { extract($record); $sql2 = "select * from kiji where category=$id"; $data3 = mysql_query($sql2); print "<tr><td><a href= "zemi_category_ichiran.php?category=$id ">$category</td></tr>"; </table>

30 [ 45 zemi_category_ichiran.php] extract($_get); if ($category == -1) { $sql = "select * from zemi where isnull(category) order by id desc;"; else { $sql = "select * from zemi where cat_id=$category order by id desc;"; $data = mysql_query($sql); print "<h4> </h4>"; while ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji'>"; print "<li><a href= "zemi_kiji_shosai.php?cmd=select&id=$id ">$title</a> -- [$cat_name] - ($hiduke)</li>"; $sql = "select category from category where id=$category"; $data2 = mysql_query($sql); if ($data3 == False) { $data3 = "0"; if ($data2) { $record2 = mysql_fetch_array($data2); $cat_name = $record2["category"]; else { $cat_name = " "; print "</div>"; <hr> <h6><a href="zemi_category.php"> </a></h6>

31 [ 46 ] print "<h4> </h4>"; print "<p> '$cat_name' </p>"; while ($record = mysql_fetch_array($data)) { extract($record); print "<div id='kiji'>"; print "<li><a href= "zemi_kiji_shosai.php?cmd=select&id=$id ">$title</a> -- ($hiduke)</li>"; $sql = "select category from category where id=$category"; $data2 = mysql_query($sql); if ($data3 == False) { $data3 = "0"; if ($data2) { $record2 = mysql_fetch_array($data2); $cat_name = $record2["category"]; else { $cat_name = " "; print "</div>"; [ 47 css ] #main h4{ background-color:#bbff88; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px; border-bottom:5px solid #00CC19; font-size:20px; #main h6 { text-align:right; font-size:15px;

32 [ 48 css] #kiji h1 { font-size:20px; border-left:8px solid orange; padding-left:5px; #kiji h2 { font-size:16px; border-left:5px solid green; padding-left:5px; #kiji h3 { font-size:16px; color:#128512; padding:2px; [ 49 css] #kiji pre { background-color:#e3f8d2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-right:25px;

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

Patron- Driven Expedited Cataloging Enhancement to WebPAC Pro

Patron- Driven Expedited Cataloging Enhancement to WebPAC Pro Patron- Driven Expedited Cataloging Enhancement to WebPAC Pro Prepared by Steven Bernstein Project Description This enhancement to the Innovative Millennium ILS provides users with a direct method for

More information

School of Computer Science and Software Engineering

School of Computer Science and Software Engineering 1. C 2. B 3. C B 4. B 5. B 6. B 7. C (should be getelementsbyid case sensitive) 8. A 9. B 10. D 11. B 12. A 13. A 14. D 15. C 16. D 17. A 18. C 19. A 20. D P a g e 2 of 13 Section B: Long Answer Questions

More information

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Chapter4: HTML Table and Script page, HTML5 new forms Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Objective To know HTML5 creating a new style form. To understand HTML table benefits

More information

Universal CSS Navigation Menu: Advanced Styling Patrick Julicher Universal CSS Navigation Menu: Advanced Styling

Universal CSS Navigation Menu: Advanced Styling Patrick Julicher Universal CSS Navigation Menu: Advanced Styling Universal CSS Navigation Menu: Advanced Styling Page 1 of 15 Content 1. Introduction... 3 2. How to use... 3 2.1. Editing existing CSS Styles... 3 2.2. Creating new CSS Styles... 6 3. Explanation of styles...

More information

Spring 2014 Interim. HTML forms

Spring 2014 Interim. HTML forms HTML forms Forms are used very often when the user needs to provide information to the web server: Entering keywords in a search box Placing an order Subscribing to a mailing list Posting a comment Filling

More information

P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus)

P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus) P - 13 Bab 10 : PHP MySQL Lanjut (Studi Kasus) 10.1 Tujuan Mahasiswa mampu : Mengetahui dan Memahami Integrasi PHP dengan MySQL Mengetahui dan Memahami Relasi Dengan phpmyadmin Designer Mengetahui dan

More information

주소록만들기 주소록. Input 페이지 Edit 페이지 Del 페이지

주소록만들기 주소록. Input 페이지 Edit 페이지 Del 페이지 주소록프로젝트 주소록만들기 주소록 List 페이지 Input 페이지 Edit 페이지 Del 페이지 Inputpro 페이지 Editpro 페이지 Address_Input.html 주소입력페이지 td,li,input{font-size:9pt} 주소입력

More information

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its

More information

CSC 121 Computers and Scientific Thinking

CSC 121 Computers and Scientific Thinking CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language

More information

By the end of this chapter, you will have a very basic, but fully functional blogging system.

By the end of this chapter, you will have a very basic, but fully functional blogging system. C H A P T E R 5 Building the Entry Manager At this point, you know enough to start building your blog! In this chapter, I ll walk you through how to build the backbone of your blogging application. The

More information

1.2 * allow custom user list to be passed in * publish changes to a channel

1.2 * allow custom user list to be passed in * publish changes to a channel ToDoList /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to cre Items that are due are highlighted in yellow, items passed due ar list can be added to any page. The information

More information

Exam 2 Reference Packet

Exam 2 Reference Packet CS 328 - Exam 2-2015-04-08 p. 1 For Problem 5 Exam 2 Reference Packet Number of cups:

More information

ToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/

ToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/ /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to create new items, assign them to other users, and set deadlines. Items that are due are highlighted in yellow, items

More information

New way of learning PHP EXAMPLE PDF. Created By: Umar Farooque Khan. Copyright ptutorial All Rights Reserved

New way of learning PHP EXAMPLE PDF. Created By: Umar Farooque Khan. Copyright ptutorial All Rights Reserved PHP EXAMPLE PDF Created By: Umar Farooque Khan 1 Program No: 01 PHP Generate 10 Random Numbers Using Loop $min=10; $max="100"; echo "Number between 10 to 100"; for($i=0;$i

More information

if(! list.contains(list.collect(params,'key'),'title')){ <div style="font-weight:bold;color:red;">"warning: A title field must be assigned.

if(! list.contains(list.collect(params,'key'),'title')){ <div style=font-weight:bold;color:red;>warning: A title field must be assigned. /** Author: Blake Harms Version 2.9 See: http://developer.mindtouch.com/app_catalog/ Integrated_Bug_and_Issue_Tracker on 2.9 added performance tunning posted by Sego on this blog post: http://forums.developer.mindtouch.com/

More information

Technical Guide Login Page Customization

Technical Guide Login Page Customization Released: 2017-11-15 Doc Rev No: R2 Copyright Notification Edgecore Networks Corporation Copyright 2019 Edgecore Networks Corporation. The information contained herein is subject to change without notice.

More information

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published Cambridge International Examinations Cambridge International General Certificate of Secondary Education INFORMATION AND COMMUNICATION TECHNOLOGY 047/3 Paper 3 Practical Test B MARK SCHEME Maximum Mark:

More information

A Balanced Introduction to Computer Science, 3/E

A Balanced Introduction to Computer Science, 3/E A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is

More information

1 Form Basics CSC309

1 Form Basics CSC309 1 Form Basics Web Data 2! Most interesting web pages revolve around data! examples: Google, IMDB, Digg, Facebook, YouTube! can take many formats: text, HTML, XML, multimedia! Many of them allow us to access

More information

COM1004 Web and Internet Technology

COM1004 Web and Internet Technology COM1004 Web and Internet Technology When a user submits a web form, how do we save the information to a database? How do we retrieve that data later? ID NAME EMAIL MESSAGE TIMESTAMP 1 Mike mike@dcs Hi

More information

Web Development and HTML. Shan-Hung Wu CS, NTHU

Web Development and HTML. Shan-Hung Wu CS, NTHU Web Development and HTML Shan-Hung Wu CS, NTHU Outline How does Internet Work? Web Development HTML Block vs. Inline elements Lists Links and Attributes Tables Forms 2 Outline How does Internet Work? Web

More information

home.php 1/1 lectures/6/src/ include.php 1/1 lectures/6/src/

home.php 1/1 lectures/6/src/ include.php 1/1 lectures/6/src/ home.php 1/1 3: * home.php 5: * A simple home page for these login demos. 6: * David J. Malan 8: * Computer Science E-75 9: * Harvard Extension School 10: */ 11: // enable sessions 13: session_start();

More information

Introduction to using HTML to design webpages

Introduction to using HTML to design webpages Introduction to using HTML to design webpages #HTML is the script that web pages are written in. It describes the content and structure of a web page so that a browser is able to interpret and render the

More information

CIE-H12 Web page Sample

CIE-H12 Web page Sample eztcp Technical Document CIE-H12 Web page Sample Version 1.0 2011-08-31 Sollae Systems Co., Ltd. http://www.sollae.co.kr Contents Contents 1 Overview... 3 1.1 Overview... 3 2 Default... 4 2.1 Simple Modification

More information

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab. Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with

More information

Media Stylesheets and Navigation with CSS goodness. Webpage Design

Media Stylesheets and Navigation with CSS goodness. Webpage Design Media Stylesheets and Navigation with CSS goodness Webpage Design Printing web pages the problem Here s a nice enough website that is clearly designed for the screen. The links are there because they work

More information

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013 The Hypertext Markup Language (HTML) Part II Hamid Zarrabi-Zadeh Web Programming Fall 2013 2 Outline HTML Structures Tables Forms New HTML5 Elements Summary HTML Tables 4 Tables Tables are created with

More information

HTMLnotesS15.notebook. January 25, 2015

HTMLnotesS15.notebook. January 25, 2015 The link to another page is done with the

More information

LAB Test 1. Rules and Regulations:-

LAB Test 1. Rules and Regulations:- LAB Test 1 Rules and Regulations:- 1. Individual Test 2. Start at 3.10 pm until 4.40 pm (1 Hour and 30 Minutes) 3. Open note test 4. Send the answer to h.a.sulaiman@ieee.org a. Subject: [LabTest] Your

More information

Website construction: Course overview

Website construction: Course overview Website construction: Course overview Web page design with HTML (3 weeks) Website construction and management (2 weeks). The course will enable you to design webpages and websites, and to set up and manage

More information

Lab 7 Introduction to MySQL

Lab 7 Introduction to MySQL Lab 7 Introduction to MySQL Objectives: During this lab session, you will - Learn how to access the MySQL Server - Get hand-on experience on data manipulation and some PHP-to-MySQL technique that is often

More information

Silk Test Object Recognition with the Classic Agent

Silk Test Object Recognition with the Classic Agent Silk Test 13.5 Object Recognition with the Classic Agent Micro Focus 575 Anton Blvd., Suite 510 Costa Mesa, CA 92626 Copyright 2012 Micro Focus. rights reserved. Portions Copyright 1992-2009 Borland Software

More information

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6 JDownloader - Bug #80273 Bug # 75914 (Closed): Hoster: openload.co - Free Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d9453425a1830b60ab13ddec9a2ff6 08/18/2016 02:13 AM - StatServ Status: Closed

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

HTML 5.0 KKCC INFO SYSTEMS. K.SrinivasaRao

HTML 5.0 KKCC INFO SYSTEMS. K.SrinivasaRao HTML 5.0 KKCC INFO SYSTEMS K.SrinivasaRao Document Type Declaration

More information

Chapter 5. Introduction to XHTML: Part 2

Chapter 5. Introduction to XHTML: Part 2 Chapter 5. Introduction to XHTML: Part 2 Tables Attributes of the table element: border: width of the table border in pixels (0 makes all lines invisible) align: horizontal alignment (left, center, or

More information

If Only. More SQL and PHP

If Only. More SQL and PHP If Only More SQL and PHP PHP: The if construct If only I could conditionally select PHP statements to execute. That way, I could have certain actions happen only under certain circumstances The if statement

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6 CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r

More information

Chapter 6 CSS Layout and Animation

Chapter 6 CSS Layout and Animation Sungkyunkwan University Chapter 6 CSS Layout and Animation Prepared by Y. Kim and H. Choo Web Programming Copyright 2000-2018 Networking Networking Laboratory Laboratory 1/87 Copyright 2000-2012 Networking

More information

Dynamic Form Processing Tool Version 5.0 November 2014

Dynamic Form Processing Tool Version 5.0 November 2014 Dynamic Form Processing Tool Version 5.0 November 2014 Need more help, watch the video! Interlogic Graphics & Marketing (719) 884-1137 This tool allows an ICWS administrator to create forms that will be

More information

XHTML & CSS CASCADING STYLE SHEETS

XHTML & CSS CASCADING STYLE SHEETS CASCADING STYLE SHEETS What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML XHTML is almost identical to HTML 4.01 XHTML is a stricter and cleaner version

More information

CPET 499/ITC 250 Web Systems

CPET 499/ITC 250 Web Systems CPET 499/ITC 250 Web Systems Chapter 11 Working with Databases Part 2 of 3 Text Book: * Fundamentals of Web Development, 2015, by Randy Connolly and Ricardo Hoar, published by Pearson Paul I-Hai, Professor

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

Html basics Course Outline

Html basics Course Outline Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and

More information

SK Telecom. Platform NATE WAP

SK Telecom. Platform NATE WAP SK Telecom Platform NATE WAP SK TELECOM NATE WAP This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea SK Telecom

More information

Database Connectivity using PHP Some Points to Remember:

Database Connectivity using PHP Some Points to Remember: Database Connectivity using PHP Some Points to Remember: 1. PHP has a boolean datatype which can have 2 values: true or false. However, in PHP, the number 0 (zero) is also considered as equivalent to False.

More information

Web Authoring and Design. Benjamin Kenwright

Web Authoring and Design. Benjamin Kenwright CSS Div Layouts Web Authoring and Design Benjamin Kenwright Outline Review Why use Div Layout instead of Tables? How do we use the Div Tag? How to create layouts using the CSS Div Tag? Summary Review/Discussion

More information

CSE 154 LECTURE 8: FORMS

CSE 154 LECTURE 8: FORMS CSE 154 LECTURE 8: FORMS Web data most interesting web pages revolve around data examples: Google, IMDB, Digg, Facebook, YouTube, Rotten Tomatoes can take many formats: text, HTML, XML, multimedia many

More information

Web Programming. Dr Walid M. Aly. Lecture 10 PHP. lec10. Web Programming CS433/CS614 22:32. Dr Walid M. Aly

Web Programming. Dr Walid M. Aly. Lecture 10 PHP. lec10. Web Programming CS433/CS614 22:32. Dr Walid M. Aly Web Programming Lecture 10 PHP 1 Purpose of Server-Side Scripting database access Web page can serve as front-end to a database Ømake requests from browser, Øpassed on to Web server, Øcalls a program to

More information

Member registration and searching(2)

Member registration and searching(2) Member registration and searching(2) Initial screen for member registration ( ex11-9.php ) 간단한회원등록및검색서비스 간단한회원등록및검색서비스

More information

Form Overview. Form Processing. The Form Element. CMPT 165: Form Basics

Form Overview. Form Processing. The Form Element. CMPT 165: Form Basics Form Overview CMPT 165: Form Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 26, 2011 A form is an HTML element that contains and organizes objects called

More information

CSS stands for Cascading Style Sheets Styles define how to display HTML elements

CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS has various levels and profiles. Each level of CSS builds upon the last, typically adding new features and typically

More information

Controlled Assessment Task. Question 1 - Describe how this HTML code produces the form displayed in the browser.

Controlled Assessment Task. Question 1 - Describe how this HTML code produces the form displayed in the browser. Controlled Assessment Task Question 1 - Describe how this HTML code produces the form displayed in the browser. The form s code is displayed in the tags; this creates the object which is the visible

More information

Denes Kubicek. Oracle ACE APEX Developer of the Year 2008

Denes Kubicek. Oracle ACE APEX Developer of the Year 2008 Denes Kubicek Oracle ACE APEX Developer of the Year 2008 Blog & Tools at: http://www.deneskubicek.blogspot.com/ http://apex.oracle.com/pls/otn/f?p=31517:1 http://www.opal-consulting.de Create Web 2.0 Applications

More information

HTML Tables and Forms. Outline. Review. Review. Example Demo/ Walkthrough. CS 418/518 Web Programming Spring Tables to Display Data"

HTML Tables and Forms. Outline. Review. Review. Example Demo/ Walkthrough. CS 418/518 Web Programming Spring Tables to Display Data CS 418/518 Web Programming Spring 2014 HTML Tables and Forms Dr. Michele Weigle http://www.cs.odu.edu/~mweigle/cs418-s14/ Outline! Assigned Reading! Chapter 4 "Using Tables to Display Data"! Chapter 5

More information

Chapter 6. Cascading Style Sheets CSS

Chapter 6. Cascading Style Sheets CSS ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA ICAI Cristina Puente, Rafael Palacios 2009-2010 Formats vs Styles The format applied to an object only affects that particular object. Style sheets allow the programmer

More information

Chapter 15 Java Server Pages (JSP)

Chapter 15 Java Server Pages (JSP) Sungkyunkwan University Chapter 15 Java Server Pages (JSP) Prepared by J. Jung and H. Choo Web Programming Copyright 2000-2018 Networking 2000-2012 Networking Laboratory Laboratory 1/30 Server & Client

More information

COMP519 Web Programming Lecture 6: Cascading Style Sheets: Part 2 Handouts

COMP519 Web Programming Lecture 6: Cascading Style Sheets: Part 2 Handouts COMP519 Web Programming Lecture 6: Cascading Style Sheets: Part 2 Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

More information

SilkTest 2009 R2. Rules for Object Recognition

SilkTest 2009 R2. Rules for Object Recognition SilkTest 2009 R2 Rules for Object Recognition Borland Software Corporation 4 Hutton Centre Dr., Suite 900 Santa Ana, CA 92707 Copyright 2009 Micro Focus (IP) Limited. Rights Reserved. SilkTest contains

More information

Chapter 7 Building Website with HTML and CSS

Chapter 7 Building Website with HTML and CSS Sungkyunkwan University Chapter 7 Building Website with HTML and CSS Prepared by J. Lee and H. Choo Web Programming Copyright 2000-2016 Networking Laboratory 1/54 Copyright 2000-2012 Networking Laboratory

More information

HTML. HTML Evolution

HTML. HTML Evolution Overview stands for HyperText Markup Language. Structured text with explicit markup denoted within < and > delimiters. Not what-you-see-is-what-you-get (WYSIWYG) like MS word. Similar to other text markup

More information

LING 408/508: Computational Techniques for Linguists. Lecture 14

LING 408/508: Computational Techniques for Linguists. Lecture 14 LING 408/508: Computational Techniques for Linguists Lecture 14 Administrivia Homework 5 has been graded Last Time: Browsers are powerful Who that John knows does he not like? html + javascript + SVG Client-side

More information

HTML What is HTML Hyper Text Markup Language is a computer based language used to create WebPages.

HTML What is HTML Hyper Text Markup Language is a computer based language used to create WebPages. vinsri76@yahoo.com +965-69300304 HTML What is HTML Hyper Text Markup Language is a computer based language used to create WebPages. Name Two text Editor which are used to create HTML page. They are: Notepad

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Project #3 Review Forms (con t) CGI Validation Design Preview Project #3 report Who is your client? What is the project? Project Three action= http://...cgi method=

More information

School of Information and Computer Technology Sirindhorn International Institute of Technology Thammasat University

School of Information and Computer Technology Sirindhorn International Institute of Technology Thammasat University School of Information and Computer Technology Sirindhorn International Institute of Technology Thammasat University ITS351 Database Programming Laboratory Laboratory #9: PHP & Form Processing III Objective:

More information

Purpose of this doc. Most minimal. Start building your own portfolio page!

Purpose of this doc. Most minimal. Start building your own portfolio page! Purpose of this doc There are abundant online web editing tools, such as wordpress, squarespace, etc. This document is not meant to be a web editing tutorial. This simply just shows some minimal knowledge

More information

What is MySQL? [Document provides the fundamental operations of PHP-MySQL connectivity]

What is MySQL? [Document provides the fundamental operations of PHP-MySQL connectivity] What is MySQL? [Document provides the fundamental operations of PHP-MySQL connectivity] MySQL is a database. A database defines a structure for storing information. In a database, there are tables. Just

More information

// 範例 4-1: 連結資料庫 (connectdb.php) <?php mysql_connect("localhost", "student", "Asia2013"); mysql_select_db("student");?>

// 範例 4-1: 連結資料庫 (connectdb.php) <?php mysql_connect(localhost, student, Asia2013); mysql_select_db(student);?> // 範例 4-1: 連結資料庫 (connectdb.php) mysql_connect("localhost", "student", "Asia2013"); mysql_select_db("student"); // 範例 4-2: 以 PHP 建立資料表 (gbcreate.php) $aa=" create table gb ( gbprikey integer auto_increment

More information

Hyperlinks, Tables, Forms and Frameworks

Hyperlinks, Tables, Forms and Frameworks Hyperlinks, Tables, Forms and Frameworks Web Authoring and Design Benjamin Kenwright Outline Review Previous Material HTML Tables, Forms and Frameworks Summary Review/Discussion Email? Did everyone get

More information

CMSC 330: Organization of Programming Languages. Markup & Query Languages

CMSC 330: Organization of Programming Languages. Markup & Query Languages CMSC 330: Organization of Programming Languages Markup & Query Languages Other Language Types Markup languages Set of annotations to text Query languages Make queries to databases & information systems

More information

CMSC 330: Organization of Programming Languages

CMSC 330: Organization of Programming Languages CMSC 330: Organization of Programming Languages Markup & Query Languages Other Language Types Markup languages Set of annotations to text Query languages Make queries to databases & information systems

More information

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html>

HTML BEGINNING TAGS. HTML Structure <html> <head> <title> </title> </head> <body> Web page content </body> </html> HTML BEGINNING TAGS HTML Structure Web page content Structure tags: Tags used to give structure to the document.

More information

CIS52N Martha Raup, 11/30/09. Lab 3: Problem 1: (demographics) a. A list of all records sorted by country name

CIS52N Martha Raup, 11/30/09. Lab 3: Problem 1: (demographics) a. A list of all records sorted by country name CIS52N Martha Raup, 11/30/09 Lab 3: Problem 1: (demographics) a. A list of all records sorted by country name b. The country with the highest population c. The country with the lowest population d. Countries

More information

HTML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Department of Computer Engineering Khon Kaen University

HTML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Department of Computer Engineering Khon Kaen University HTML Asst. Prof. Dr. Kanda Runapongsa Saikaew (krunapon@kku.ac.th) Department of Computer Engineering Khon Kaen University 1 What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file

More information

COSC 2206 Internet Tools. Brief Survey of HTML and XHTML Document Structure Formatting

COSC 2206 Internet Tools. Brief Survey of HTML and XHTML Document Structure Formatting COSC 2206 Internet Tools Brief Survey of HTML and XHTML Document Structure Formatting 1 W3C HTML Home page W3C is the World Wide Web Consortium and their home page has lots of information, links, and a

More information

<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***

<style type=text/css> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page*** Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember

More information

Internet Programming 1 ITG 212 / A

Internet Programming 1 ITG 212 / A Internet Programming 1 ITG 212 / A Lecture 10: Cascading Style Sheets Page Layout Part 2 1 1 The CSS Box Model top margin top border top padding left margin left border left padding Content right padding

More information

Positioning in CSS: There are 5 different ways we can set our position:

Positioning in CSS: There are 5 different ways we can set our position: Positioning in CSS: So you know now how to change the color and style of the elements on your webpage but how do we get them exactly where we want them to be placed? There are 5 different ways we can set

More information

Headings: RSS Feeds. Web site development. Current awareness services -- Information technology. World Wide Web -- Computer programs.

Headings: RSS Feeds. Web site development. Current awareness services -- Information technology. World Wide Web -- Computer programs. 1 David A Dodd. Health News Harvesting System: A Rich Site Summary (RSS) Storage and Retrieval System For Use in The University of North Carolina Chapel Hill Health Sciences Library and North Carolina

More information

By: JavaScript tutorial-a simple calculator

By:  JavaScript tutorial-a simple calculator JavaScript tutorial-a simple calculator In this small sample project, you will learn to create a simple JavaScript calculator. This calculator has only one text box and sixteen buttons. The text box allows

More information

D B M G. Introduction to databases. Web programming: the HTML language. Web programming. The HTML Politecnico di Torino 1

D B M G. Introduction to databases. Web programming: the HTML language. Web programming. The HTML Politecnico di Torino 1 Web programming The HTML language The HTML language Basic concepts User interfaces in HTML Forms Tables Passing parameters stored in forms @2017 Politecnico di Torino 1 Basic concepts HTML: HyperText Markup

More information

Configuring Hotspots

Configuring Hotspots CHAPTER 12 Hotspots on the Cisco NAC Guest Server are used to allow administrators to create their own portal pages and host them on the Cisco NAC Guest Server. Hotspots created by administrators can be

More information

Problem Description Earned Max 1 HTML/CSS Tracing 15 2 HTML/CSS Coding 15 3 JavaScript/DOM 20 TOTAL Day's Total Points 50

Problem Description Earned Max 1 HTML/CSS Tracing 15 2 HTML/CSS Coding 15 3 JavaScript/DOM 20 TOTAL Day's Total Points 50 CSE 190 M, Summer 2011 Final Exam, Part 1 (LAB), version A Thursday, August 18, 2011 Name: TA / Section: Student ID #: Rules: You have 60 minutes to complete this part of the exam. You may receive a deduction

More information

BABU BANARASI DAS NORTHERN INDIA INSTITUTE OF TECHNOLOGY

BABU BANARASI DAS NORTHERN INDIA INSTITUTE OF TECHNOLOGY WORKSHOP REPORT ON PYTHON DEPARTMENTS OF COMPUTER SCIENCE & ENGINEERING / INFORMATION TECHNOLOGY (CSE/IT - 2 ND YEAR) BABU BANARASI DAS NORTHERN INDIA INSTITUTE OF TECHNOLOGY PROGRAMMING THROUGH PYTHON

More information

B1 Print & Delivery Sample Due Date Reminder System

B1 Print & Delivery Sample Due Date Reminder System B1 Print & Delivery Sample Due Date Reminder System Summary Module B1 Print & Delivery Level Advanced Requirements B1UP 6.2.0 Scenario This sample will use the B1 Print & Delivery module to email customers

More information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione Web a.a. 2017/2018 HTML5 Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text

More information

PIC 40A. Midterm 1 Review

PIC 40A. Midterm 1 Review PIC 40A Midterm 1 Review XHTML and HTML5 Know the structure of an XHTML/HTML5 document (head, body) and what goes in each section. Understand meta tags and be able to give an example of a meta tags. Know

More information

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기.

Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 게시판리스트보기. Spring Data JPA, Spring Boot, Oracle, AngulerJS 적용게시판실습 http://ojc.asia, http://ojcedu.com 게시판리스트보기 Spring JDBC 또는 MyBatis로만들때보다쉽고빠르게작성할수있다. 스프링컨트롤러는 RestController를적용했으며, 뷰페이지에 Bootstrap 및 AngulerJS 적용했다.

More information

SEEM4570 System Design and Implementation. Lecture 1 Cordova + HTML + CSS

SEEM4570 System Design and Implementation. Lecture 1 Cordova + HTML + CSS SEEM4570 System Design and Implementation Lecture 1 Cordova + HTML + CSS Apache Cordova Apache Cordova, or simply Cordova, is a platform for building native mobile apps using HTML, CSS and JavaScript E.g.

More information

***OPEN IMODULES IN CHROME*** 1) Choose Home:

***OPEN IMODULES IN CHROME*** 1) Choose  Home: imodules Reference Guide Creating an Email (For Giving Day 2017) ***OPEN IMODULES IN CHROME*** 1) Choose Email Home: 2) Find your college/unit templates using the search bar next to the Saved Drafts section

More information

HTML crashcourse. general structure tables forms textfield textarea selectbox listbox hidden field checkbox radiobuttons submit button

HTML crashcourse. general structure tables forms textfield textarea selectbox listbox hidden field checkbox radiobuttons submit button HTML crashcourse general structure tables forms textfield textarea selectbox listbox hidden field checkbox radiobuttons submit button Andreas Schmidt HTML Crash-Kurs 1/10 general structure

More information

CSC Web Technologies, Spring HTML Review

CSC Web Technologies, Spring HTML Review CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:

More information

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS MOST TAGS CLASS Divides tags into groups for applying styles 202 ID Identifies a specific tag 201 STYLE Applies a style locally 200 TITLE Adds tool tips to elements 181 Identifies the HTML version

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

Dynamic documents with JavaScript

Dynamic documents with JavaScript Dynamic documents with JavaScript Introduction Informally, a dynamic XHTML document is an XHTML document that, in some way, can be changed while it is being displayed by a browser. Dynamic XHTML is not

More information