Dreamweaver8下定义WEB功能页面介绍

dreamweaver8下定义WEB功能页面介绍

说到dreamweaver8,相信大家都比我熟悉,也许有人说dreamweaver8是一个开发工具,那开发工具多了,我自己是这么认为的,dreamweaver8是专业的网页开发工具;由于自己是做运维的,所以在开发的角度我算是一个绝对的菜鸟,可以说是一窍不通,之前就没做过开发先关的东西,现在才开始慢慢接触,所以每天晚上回家看看java、html、jsp相关的文档学习,同时,我们大家都知道一般正常的页面程序文件通过新建超级文本文件来修改扩展名来定义文本格式,默认的超级文本文件格式化的扩展名是.txt,我们将txt修改成html就成了一个简单的web文件了,扩展名有很多,根据自己的需求来修改扩展名。其实大家都很了解,web程序下还有一个.jsp的文件。也是一个java下的web程序应用,其实有很多,在这就不多介绍了。相信大家比我熟悉。

昨晚上兴致一来就想通过dreamweaver8实现第一个自己的web程序。该程序我准备用来注册用户相关的信息,所以就定制了一个自己的需求页面,所以在此分享一下。

首先是下载dreamweaver8程序,然后就是安装了。再次就不多说了,

接下来我们就通过dreamweaver8创建一个html文件来定义自己的页面,定以前,我们首先理解一下dreamweaver8的功能使用。首先通过dreamweaver8创建一个网页

创建完成,接下来我们对以下内容进行简单分析:

我们保存一下,发现新建了一个扩展名为html的超级文本文件:

我们知道在html内注释需要用<!-->符号定义:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

大家都知道,html文件内容必需是以<html> </html>开始结束的。

接下来,我们要定义一个标题:所以需要应用到

<head></head>

然后在此域内定义显示的标题<tatle></tatle>即可

接下来就是定义显示内容:

将显示的内容定义到<body></body>内即可

接下来我们开始编辑显示及属性了

保存后我们开始预览效果。

页面出来了,日常我们修改字体大小及颜色呢:

那就是需要用户属性了:size、color了,那提前需要将修改的内容用<font></font>扩起来

我们在<font></font>内添加相应的功能即可

修改后,我们再次预览效果。

接下来,我们定义一个列表文件,列表文件一般都是树状结构。通过相应的代码会自动缩进

比如我们定义一个名称为:开发项目,下又分java,html,jsp

列表文件表示为<dl></dl>

<dt></dt>
<dd></dd>

编码定义:

<dl>
<dt>开发项目</dt>
<dd>html</dd>
<dd>java</dd>
<dd>jsp</dd>
<dd>c++</dd>
</dl>

<ol></ol>数字标签
<ul></ul>符号标签

预览效果:

<hr /> 定义水平线:

定义水平线属性:线的粗细、颜色

预览效果

然后,我们给该页面添加一个图片,那应该怎么做呢

<img src=”” alt> 定义图片

调整图片大小:

htight=”300”width="200" >

接下来我们就是 表格了;

注:<table></table>定义一个表格

<tr></tr>定义一行

<td></td>定义一列

<table border="1">
<tr>
<td>表格一</td>
<td>表格二</td>
</tr>
</table>

为了更好的体现该功能,添加表格颜色

<table border="1" bordercolor="#FF3366">

添加背景颜色

<table border="1" bordercolor="#FF3366" bgcolor="#FFFF33">

调整表格的分辨率及显示格式

<table border="1" bordercolor="#FF3366" bgcolor="#FFFF33" cellpadding="4" ;70%" cellspacing="10">

接下来我们定义超链接

<a href="www.baidu.com">百度

超链接定义完后,我们在页面打开该超链接会通过当前页面打开,那如果我们正常打开超链接是希望在新的页面打开超链接的,所以我们为了解决这个问题需要在超链接下添加新建链接

target="_blank"

我们进行测试:我们发现打开百度是在不同的页面下跳转打开的

接下来我们再次为超链接定义功能,单击图形进行超链接打开操作

我们先下载一个图片:然后定义一个超链接:

<a href="www.baidu.com"> <img src="download.gif" />

然后图片比较大,所以我们需要定义图片大小:

<a href="www.baidu.com"> <img src="download.gif" height="30" ;40" />

接下来定义邮件超链接:

<a href="mailto:[email protected]?subject=call us"/>联系我们 <a/>

添加迅雷下载超链接:

<a href="thunder://www.baidu.com">上海滩抢先版

单击开始下载:

标记符号:

如果当前也面的内容较多,为了方便预览,通过标记符号来定义:

首先是标记最顶部,然后在最后编辑跳转到top即可。

<a name="top">

预览效果:

页面的最后后:

<a href="#top"回到顶部

预览效果:

时间: 2024-08-08 13:53:18

Dreamweaver8下定义WEB功能页面介绍的相关文章

Dreamwerver8下定义表单实现第一个登陆页面

Drewamwervar定义一个注册页面 上一篇文章主要介绍了在Drewamwervar下创建web页面的功能介绍,今天主要就是通过Drewamwervar来完成一个简单的web注册页面,说到web注册页面,大家应该都非常熟悉,比如QQ.邮箱,都需要通过注册页面来完成,所以今天也完成一个简单的注册页面,具体见下: 首先是创建一个index.html文件,然后对功能进行定义:我们日常注册信息都需要以下字段:用户名.密码.确认密码.性别.技术.国家.上传个人信息.确认按钮及重置功能 我们从以上字段就

页面滚动到底部自动加载下一页功能的实现

页面滚动到底部自动加载下一页功能的实现,效果见本博首页 1.endlesspage.js文件内容 var gPageSize = 10; var i = 1; //设置当前页数,全局变量 var finished = false; var dataUrl = ''; $(function () { //根据页数读取数据 function getData(pagenumber) { //console.log(i); $.get(dataUrl, { pagesize: gPageSize, p:

HT for Web基础动画介绍

在上一篇<基于HT for Web矢量实现3D叶轮旋转>一文中,我略微提了下HT for Web基础动画的相关用法,但是讲得不深入,今天就来和大家分享下HT for Web基础动画的相关介绍及用法. 先上一段枯燥的理论知识,大家混个眼熟. 在HT的数据模型驱动图形组件的设计架构下,动画可理解为将某些属性由起始值逐渐变到目标值的过程, HT提供了ht.Default.startAnim的动画函数,其示例代码如下. ht.Default.startAnim({ frames: 12, // 动画帧

《Python入门》Linux 下 Python Web开发环境搭建笔记

之前写过 Windows 7下Python Web开发环境搭建笔记,今天写一下在Linux系统下搭建Python Web的开发测试环境. 我使用的系统是:ubuntu 14.04 server,根据个人经验,CentOS 6.5 下也适用. 关于Python的版本 进入Python的网站,鼠标移到导航条上的下载,我们会发现提供两下主版本的下载链接! 这两个之间存在什么差别呢? 个人理解,2.7.x的版本为更加稳定的版本,而3.x的版本则是比较前卫的版本,包含了很多新功能新特性之类的: 但如果想要

windows下python web开发环境的搭建

windows下python web开发环境: python2.7,django1.5.1,eclipse4.3.2,pydev3.4.1 一. python环境安装 https://www.python.org/ftp/python/2.7/python-2.7.amd64.msi 不多说,装完后把C:\Python27加入到path环境变量里. 然后就溜溜python,看看version啦.OK,next step. 二. python web开发框架django安装 django是一个采用

iw14.0.50来了,终于可以直接在地址栏输入url打开iw功能页面了;可以自由使用EasyUI等js框架了;显示模式对话框也不再七绕八绕惹人烦了;

示例代码已经放出!请移步使用delphi+intraweb进行微信开发1~4代码示例进行下载,虽为示例代码但是是从我项目中移出来的,封装很完备适于自行扩展和修改. iw14.0.50来了,在新的版本中最吸引我的就是增加了完善的httphandler功能:终于可以直接在地址栏输入url打开iw功能页面了:可以自由使用EasyUI等js框架了:显示模式对话框也不再七绕八绕惹人烦了:呵呵,我感觉iw第一次接近主流web开发工具了! 兴奋过了,来尝试一下吧.其实iw的坑还是挺多的,虽然已经接近主流了,但

iOS开源项目MobileProject功能点介绍

一:MobileProject简介 MobileProject项目是一个以MVC模式搭建的开源功能集合,基于Objective-C上面进行编写,意在解决新项目对于常见功能模块的重复开发,MobileProject对于项目的搭建也进行很明确的划分,各个模块职责也比较明确,MobileProject也引入的一些常用第三方插件.宏定义.工具帮助类等:整个项目也是在不断更新跟维护中,功能点也会不断更新:代码支持iOS7以后版本: 二:项目框架内容 三:功能点介绍 1:JSPatch热更新功能 相信关于J

Web调试工具——Fiddler介绍

Fiddler 教程 Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助. 阅读目录 Fiddler的基本介绍 Fiddler的工作原理 同类的其它工具 Fiddler如何捕获Firefox的会话 Firefox 中使用Fiddler插件 Fiddler如何捕获HTTPS会话 Fiddler的基本界面 Fiddler的统计视图 QuickEx

web.xml 详细介绍(转)

web.xml 详细介绍 1.启动一个WEB项目的时候,WEB容器会去读取它的配置文件web.xml,读取<listener>和<context-param>两个结点. 2.紧急着,容创建一个ServletContext(servlet上下文),这个web项目的所有部分都将共享这个上下文. 3.容器将<context-param>转换为键值对,并交给servletContext. 4.容器创建<listener>中的类实例,创建监听器. 二  Load-on