1网站程序设计基础上课件_第1页
1网站程序设计基础上课件_第2页
1网站程序设计基础上课件_第3页
1网站程序设计基础上课件_第4页
1网站程序设计基础上课件_第5页
已阅读5页，还剩51页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Web程序设计第一章网站程序设计基础基本概念电子商务互联网与Internet网络协议万维网和网页网站用户端网站的组成从信息与服务来看：硬件系统软件系统从机构与人员来看：

设计部门、维护部门、开发部门、管理部门确定目标网站设计网站平台建设及其人力安排

网页制作

发布网站网站设计开发过程

用户信息反馈

网站的维护与管理文档阶段角色承担的任务代号名称角色A(主程序员,组长)角色B(辅助程序员1)角色C(辅助程序员2)角色D(素材文档员)角色E(网页设计员)G0问题定义与开题小组报告项目开发计划G1知名同类网站网站考察分析考察、分析报告小组报告EG1★G2软件项目需求(用户类型与业(功能需求(加工算法(分层DFD分析报告(SRS)务流程分析图)说明部分)说明部分)数据字典)G3网站原型原型需求分析需求分析报告小组报告(注：此报告内容与G2阶段大致相同，但是落实到原型上的内容，原型的功能要精简而明确，)G4软件体系(软件模块总体设计小组报告(所有模块清单(名结构文档层次结构图)(网站工作原理图)称,功能,I/O,调用)G5数据库与文件(二维表清单(表名,主(数据库中各表数据库设计小组报告设计文章码,字段,类型,长度)关联图及说明)(E-R图)G6网站前台网站前台设计设计文档小组报告G7网站后台网站后台设计设计文档小组报告G8网页设计文档网页设计与实现

小组报告G9编码阶段文档(个人完成的带注释(个人完成的带注释典型前台模块清单)典型后台模块清单)G10网站开发、运行环境运行环境配置与网站配置与程序安装文档安装小组报告G11软件测试系统总体测试与调(个人完成的某个(个人完成的某个(后台服务(前台服务与调试文档试小组报告AG11★单元模块测试)单元模块测试)集成测试)集成测试)G12网站帮助与系统配置、帮助与使用使用说明文档说明小组报告HTML基础知识WEBHTML文档介绍HTML常用模块HTML进阶HTML基础知识WWW(wordwildweb)简介是一个以Internet为基础的计算机网络WideWeb)是一种建立在Internet上的全球性的，交互的，动态，多平台，分布式，图形信息系统。同TELNET、GOPHER、、BBS等相似。它也是建立在Internet上的一种网络服务。它遵循HTTP协议。缺省端口是80

Web提供的服务电子邮件服务远程登录服务文件传送服务网络新闻服务文档查询索引服务信息浏览服务HTML基础知识HTML简介

HTML(HyperTextMarkupLanguage)：超文本标记语言，创建与系统平台无关的文档。1990年Timberners-Lee和DanielW.connolly创立HTML。万维网是一个由HTML文件及一系列传输协议所组成的集合。HTML文档结构<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.0Final//en”><HTML><HEAD><TITLE>文档名</TITLE></HEAD><BODY>网页上要显示的内容</BODY></HTML>三部分构成：版本信息语句头部信息主体部分HTML的常用模块文本显示设置字体<Font></Font>强调语气EM和STRONG上标和下标SUPSUB段落元素P换行元素BRNOBR文档改变标记INSDEL位置控制元素ALIGNHTML的常用模块图像显示<IMGSCR=“图形文件地址”><IMGheight=42src="新浪首页."width=32>HTML的常用模块超链接

超级链接页内链接邮件链接HTML中有两种元素定义超链接：LINK:只能出现在HTML文档的引导段，即<Head></Head>之间。A：只能出现在文档的主体部分<body></body>之间。例<AHREF==>另一个html文档</A>HTML进阶表单

表单实现用户与网页之间的交互，提供交互功能的页面。

表单是文档中包含标准内容，标注和被称为控件的特殊元素。表单工作过程：控件响应并接受用户输入－>用户输入完成表单的操作－>提交表单处理通过发送CGI或者ASP程序来处理。控件可以是文本框，复选框，单选框，标签和菜单等HTML进阶表单元素FORM及其属性<FORMaction=urlmethod=get/post>元素控件</FORM>Action=urlMethod=get|postEnctype=cdataAccept-charset=cdataAccept=cdataINPUTSELECTBUTTONOPTION指明用哪种HTTP方法来提交名称/值对给表单处理。从安全角度考虑：使用post方法Form的InputTypeTEXT：一般的單行文字輸入模式password：用「*」字號來替代文字輸出radio：單選的選擇項，以value來設定值checkbox：多選的選擇項，選定後則變數有值select、option：選單選擇項，以value來設定值<textarearows=mcols=n>：多行文字區域hidden：不讓user改變的項目submit：開始執行CGIreset：清除剛剛的輸入网站登陆<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>网站登陆</title></head><body><formaction=""method="post"><h2>网站登陆，欢迎进入！</h2>姓名<INPUTname=nametype=textsize=10><br>密码<INPUTname=passtype=passwordsize=10></form></body></html>网站调查<formaction=""method="post"><h2>欢迎进入网站调查！</h2>姓名：<INPUTname=nametype=textsize=10><br>性别：男<INPUTname=sextype=radiovalue=malechecked>女<INPUTname=sextype=radiovalue=female><br>你对网站的哪一个板块比较喜欢：<br>A<INPUTname=goodtype=checkboxvalue=Achecked>B<INPUTname=goodtype=checkboxvalue=B><br>C<INPUTname=goodtype=checkboxvalue=C><br><INPUTtype=submitvalue="呈交"><INPUTtype=resetvalue="清除"><br>如果您有更多建议，<ahref=mailto:>请发送邮件给我</a><br></form>文件按钮<formaction=""method="post"><h2>请选择一个文件</h2><br><INPUTname=></form>BUTTON元素/SELECT和OPTION元素BUTTON元素：定义按钮<BUTTONname=“name”type=“type”>…</BUTTON>SELECT和OPTION元素：定义用户选择所列项目，包括下拉菜单和列表框<SELECT[multiple]size=“size”name=“name”>…<OPTION[selected]value=“value”>选项名</OPTION></SELECT>功能类似于INPUT元素定义的SUBMIT，RESET，IMAGE控件，但是显示效果更佳SELECT元素定义选项列表，OPTION元素定义列表中的每一个选项。一个SELECT元素可以包含一个或多个OPTION元素。下拉菜单<SELECTname="MENU"><OPTIONselected>陆毅</OPTION><OPTION>黄小明</OPTION><OPTION>刘元</OPTION><OPTION>李晶晶</OPTION><OPTION>范冰冰</OPTION></SELECT>下拉菜单：multiple<SELECTmultiplename="MENU"><OPTIONselected>陆毅</OPTION><OPTION>黄小明</OPTION><OPTION>刘元</OPTION><OPTION>李晶晶</OPTION><OPTION>范冰冰</OPTION></SELECT>FORM指令总结通常網頁呼叫ASP的方式<formmethod=“POST”action=“aspname”>文字1<inputtype=“text”name=“INPUT1”size=40>……<inputtype=“submit”name=“SUBMIT”value=“輸入”></from>form的method可以指定為POST或GETaction的內容則是指向asp的位置輸入元件：<inputtype=…name=…value=….Size=….>HTML进阶框架框架是在NetscapeNavigator3.0中引入的，现已经成为HTML的标准。FRAMESET元素FRAME元素自动换页在网页中的<HEAD>之后粘贴<metahttp-equiv="refresh"content="20;url=欲连结网页.htm">

可以更改原始码中的秒数（20）及欲连结网页名称在网站上放音乐准备一首音乐（最好是MIDI）

在网页中适当的地方插入<EMBEDSRC="音乐文件.mid">

例如：

<EMBEDSRC="音乐文件.mid"AUTOSTART=TUREHIDDEN=TRUELOOP=TRUE>

<BGSOUNDSRC="音乐文件.mid"LOOP=INFINITE>IE跑马灯在网页中的<BODY>之后加入下列命令语句：<MARQUEEBEHAVIOR="slide"WIDTH="400"HEIGHT="16"LOOP="1"BGCOLOR="000000">

在这里输入文字</MARQUEE>如果想用图片的话，只要在输入文字的地方加入

<IMGSRC="XXX.GIF">就可以了！IE跑马灯1.BEHAVIOR=“”：设定动作形态。可分为下列三种:

正常状态连接BEHAVIOR=“”左右滑行BEHAVIOR="ALTERNATE“触碰消失BEHAVIOR="SLIDE“

变换游标在网页中的<BODY>之后加入下列语句：

<fontstyle="cursor:hand">手形</font>

<fontstyle="cursor:move">十字形</font>

<fontstyle="cursor:ne-resize">箭头形</font>

然后更改原始码中的内容连接变色在网页中的</HEAD>之前加入下列语句：

<style>

<!--

A:link{color:FF00FF;font-family:新细明体}

A:visited{color:0077FF;font-family:新细明体}

A:active{text-decoration:none;font-family:>新细明体}

A:hover{text-decoration:none;color:FF7700}

-->

</style>标签解说：连接变色1.A:xxx：指定要连结变色发生的时间。link是普通的连结、visited是拜访过的连结、active是处理中的连结、hover是位于光标下方的连结。

2.color:FF00FF：设定连结颜色。也可直接写颜色的英文，如red、green等。

3.text-decoration:none;：设定连结是否有底线，没有这一行就有底线。

4.font-family:新细明体：设定连结字体，先决条件是浏灠者计算机也有安装这种字型才可以。换页特效在网页中的</HEAD>之前加入下列语句：

<metahttp-equiv="Enter"content="blendTrans(Duration=3.0)">

<metahttp-equiv="Exit"content="revealTrans(Duration=5.0,Transition=0)">

<metahttp-equiv="Site-Enter"content="revealTrans(Duration=3.0,Transition=1)">

<metahttp-equiv="Site-Exit"content="rev

人人文库> 全部分类> 行业资料 > 医学制药

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论