静态网页框架设计首次体验(文章改)

根据教材与上网成功解决了Tomcat与Myeclipse的安装,同时熟悉了Java web创建项目到部署运行整个过程。今天起正式开始学习有关Java web的编程部分。Java web静态网页(HTML网页)的标记含义、基本语法的介绍到框架设计基本模板与案例,今天的学习的内容,让网页编程有了一个初步的框架。结合自身所在协会的情况,计划制作一个关于协会的网页,已有初步想法,望通过学习不断完善和修改协会网站。根据今天所学,并参考书本30页框架设计案例对网页进行初步搭建。

具体代码如下

TW.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- 程序 main.html-->
<html>
  <head> 
    <title>桂林理工大学天文协会</title>
  </head>
 
 
  <frameset rows="100,20,*">
   <frame src="top.html"  scrolling="no">
   <frame src="middle.html"  scrolling="no">
   <frame src="down.html" scrolling="yes">
  </frameset>
 </html>

top.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- 程序 top.html -->
<html>
  <head>
    <title>页面标题</title>
  </head>
 
  <body text="blue" background="image/tianwen.jpg">
   <h3 align=left><b> 桂林理工大学天文协会</b></h3> <br>
   <h2 align=left><b>Astronomy Club Of GUT</b></h2>
   <hr size="2px" width="100%" color="blue">
  
  </body>
</html>

middle.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- 程序 middle.html -->
<html>
  <head>
    <title>搜索条目</title>
  </head>
 
  <body text="blue">
    <a href="http://baike.sogou.com/v74185528.htm?fromTitle=%E6%A1%82%E6%9E%97%E7%90%86%E5%B7%A5%E5%A4%A7%E5%AD%A6%E5%A4%A9%E6%96%87%E5%8D%8F%E4%BC%9A">history</a>
    <a href="photo.html">photo</a>
    </body>
</html>

down.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- 程序 down.html -->
<html>
<head>
    <title>协会简介</title>
  </head>
 
 <body text="blue">
  <p>桂林理工大学天文协会是一个校级学生社团组织,2009年10月开始筹备成立,
  于2010年5月学校批准成立,原为院级社团。2013年3月获得批准升为校级社团,
  更名为:桂林理工大学天文协会。是广西第三个成立的高校天文科普类社团。协会定位是科普型社团,
  我们旨在为对天文感兴趣的同学提供学习、交流天文知识的平台,普及基础天文知识。
  我们的活动有:会员动员大会、天文小课堂、国际观月夜、路边天文夜、团日活动、参观师大天文台等,同时根据天象举行观测活动,
  如日月食、流星雨、彗星略日、金星凌日、水星凌日、人造天体过境,并在活动前期及活动进行时对相关知识进行讲解,以天文为依托,将天文渗透到每个活动中,
  逐步实现普及天文知识。天文协会也是国际天文学联合会IAU的合作伙伴,联合云南天文台进行科普宣传,旨在科普天文知识,提升综合素质。</p>
  </body>
</html>

photo.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- 程序 photo.html -->
<html>
  <head>
    <title>图片浏览</title>
  </head>
 
  <body>
    <img src="image/us.jpg">
  </body>
</html>

按照参考案例将网页分割成多个子窗口的方法进行编译,但出现子窗口无法通过总框架实现的问题,目前还未解决,如有大神路过,望指点迷津。

今后将不断更新网站的建设情况

时间: 2024-12-26 03:32:48

静态网页框架设计首次体验(文章改)的相关文章

HTML静态网页--框架

框架: 1.frameset frameset最外层的去掉body,直接用frameset 在超级链接指定目标页面显示在哪个框架窗口中 第一步:给要显示内容的目标frame设置name属性 第二步:给超级链接的target属性赋值成第一步设置的name 让整个frameset页面跳转至某个页面: 把超链接的target属性设置为“_top” 2.iframe 在原来页面嵌入小窗口显示其他页面 注意:frameborder,边线:scrolling,滚动条.如果设置高和宽为0,则不显示,但是在后台

NET架构设计、框架设计系列文章总结

NET架构设计.框架设计系列文章总结 从事.NET开发到现在已经有七个年头了.慢慢的可能会很少写.NET文章了.不知不觉竟然走了这么多年,热爱.NET热爱c#.突然想对这一路的经历进行一个总结. 是时候开始下一阶段的旅途,希望这些文章可以在发挥点价值作用. 架构设计: ElasticSearch大数据分布式弹性搜索引擎使用 (推荐) DDD实施经验分享-价值导向.从上往下进行(圈内第一个吃螃蟹DDD实施方案)(推荐) 软件工程-思考项目开发那些事(一)(推荐) SOA架构设计经验分享-架构.职责

Node.js 网页瘸腿爬虫初体验

延续上一篇,想把自己博客的文档标题利用Node.js的request全提取出来,于是有了下面的初哥爬虫,水平有限,这只爬虫目前还有点瘸腿,请看官你指正了. // 内置http模块,提供了http服务器和客户端功能 var http=require("http"); // 内置文件处理模块 var fs=require('fs'); // 创建一个将流数据写入文件的WriteStream对象 var outstream=fs.createWriteStream('./1.txt'); /

动态网页和静态网页的区别

一.从功能方面来说动态网站与静态网站的区别 1. 动态网站可以实现静态网站所实现不了的功能,比方说:聊天室.论坛.音乐播放.浏览器.搜索等:而静态的网站则实现不了.2. 静态网站,如用Frontpage或Dreamweaver开发出来的网站,其源代码是完全公开的,任何浏览者都可以非常轻松地得到其源代码,也就是说,自己设计出来的东西很容易被别人盗用.动态网站,如:ASP开发出来的网站,虽然浏览者也可以看到其源代码,但是那已经是转换过以后的代码,想盗用源代码那是不可能的,因为它的源代码已经放在服务器

Java Web学习(2):静态网页与动态网页

一静态网页 (1)静态网页概述 在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为"静态网页",静态网页是 标准的HTML文件,它的文件扩展名是.htm..html,可以包含文本.图像.声音.FLASH动画.客户端脚本和ActiveX 控件及JAVA小程序等.静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的. 静态网页是相对于动态网页而言,是指没有后台数据库.不含程序和不可交互的网页.静态网页相对更新起来比 较麻烦,适用于一般更新较少的展示型网站

通过jekyll建立静态网页

部署一个网站需要三个步骤:(1) generating the site, (2) deploying it to the public Internet, and (3) assigning it a custom domain name. 下面就每一步做详细解释: 1.网站的生成 Jekyll是一个常用的简单地网站生成器. 1.1 首先,安装jekyll,打开终端,输入以下命令: ,如果权限不够,改为输入sudo gem install jekyll. 安装成功后会提示: 1.2 生成静态网

原理与示例:php+mysql+jquery 生成静态网页(含后台编辑功能)

从Web的工作原理来看,用户访问HTML所带来的服务器负载要远小于访问动态页面,因为在前者中,服务器只用把对应的html代码发送给客户端即可,而在后者中,服务器则需要根据访问条件进行一系列的计算,然后生成html代码,最后把运算结果代码发送给客户端. 所以,对于访问量较大的宣传式网站(比如新闻类),要尽可能地使用静态页面. 另一方面,我们不可能让网站编辑人员来一个一个地手工制作这些HTML,那样就是回到多年前的纯静态时代了.我们可以用动态语言来方便.快捷地生成这些静态网页.而且,目前这一技术已经

网页开发是不是必须要用网页框架

网页开发是不是必须要用网页框架?个人感觉这分为两种情况,一种是能力超强,时间够用的情况,另外一种就是用前端网页框架,可以节约开发时间和减少工作量,这可以根据自身的情况作出正确的判断,并不是别人说什么就是什么. 小项目到底用不用前端网页框架? 小项目本身就是做的事情比较多,但是成本还小,如果让开发人员不停写代码可能会花很多的时间去做,这需要考虑到这个小项目开发时间和成本的.如果用前端网页框架相信大家都知道,可能会考虑到浏览器兼容性,还有功能不够自己用,我想这都不用担心,从QUICKUI开发以来,体

【iOS】小项目框架设计(ReactiveCocoa+MVVM+AFNetworking+FMDB)

网址: http://www.saitjr.com/ios/ios-framework-reactivecocoa-mvvmafnetworking-fmdb.html 上一个项目使用到了ReactiveCocoa+MVVM+AFNetworking+FMDB框架设计,从最初的尝试,到后来不断思考和学习,现在对这样一个整体设计还是有了一定了理解与心得.在此与大家分享下. 本文将不再过多的描述ReactiveCocoa.MVVM.FMDB的使用细节.关于ReactiveCocoa,我有一篇实用案例