简单的网页制作软件 安格美文网 > 常用网站开发软 > 简单的网页制作软件 正文

简单的网页制作软件

发布时间:2015-05-26 来源: 常用网站开发软

第一篇:简单的网页制作软件

新手做网页用什么软件简单易学 我们学校要参加一个比赛,有关电脑的。似乎有一项目是做网页。不知道是不是用 word 来做网页。我去图书馆查有关做网页的书。但发现没有看到用 word 来做网页的,都 是 用 三 剑 客 来 做 的 。

我 现 在 想 用 一 个 简 单 的 网 页 制 作 工 具 。

是 front page 还 是 dreamwever?要简单易学。或者告诉我如何在 word 上作网页也行 满意答案 Macromedia Dreamweaver 一个可视化的网页设计和网站管理工具,自制动态 HTML 动画的网页 ,是比较专业的制作 网页的软件。它和 flash 以及 fireworks 一起被称为“网络三剑客” 另外还有 Microsoft FrontPage 2000 也是制作功能强大的网页 要想学习制作网页和学习其它知识一样,是要有基础的。在基础之上学习起来会比较轻松和 快捷的。其 次,要清楚学习它是用来做什么。

建议你要具备的条件:对电脑熟练操作,使用电脑最好在一年以上,对网页设计感兴趣,有较充 足的学习时 间,熟悉 office 办公软件。当然,这些不是一定必须的 第一阶段:开始时最好是学些网页编辑软件,如:FrontPage、 Dreamweaver.这样可以使您更了 解网页制作 与运营的原理。最好使拿本教程来学学,结合教程边学习边制作。

第二阶段:会用网页制作软件后,已会制作一个较完整的网站了。

但为了能使自己设计制作的 网页尽善 尽美,还是学习网页的核心技术吧!网页编辑语言(包括:html、css、javascript、asp、xml 等)。

你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站,可以开发出别人给你 定义的目标 网站。到了这个时候,你就成为真正的网站开发者了。

怎样制作网页,不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要,希望能 够给想要学 习制作网页的朋友一个参考。

二一、工具 1、空间网页做好了肯定是要发表上网的,所以必须先申请一个空间;免费的空间不是很稳定, 容量又小, 也不好申请,建议先买一个个人空间,大概有个 20M 以上的就可以了。

2、 软件推荐使用 Dreamweaver8.0 中文版,这个软件最大的特点就是“所见即所得”,也即是制 作过程中 看到的,便是到时发布到网络上的。

二、教程 花点时间,找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成,不外 是文字、表 格、图、动画还有就是背景音乐等几个大的元素,搞清楚如何将这些元素摆放进去,你也就算 懂 得如何制作网页了。

三、制作 开始时建议去下载一个比较简单的网页,在制作软件中将它 打开,然后 仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教城,进度会快很多, 记得也牢一些。其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了。一点 个人的粗浅 体会,不妥之处敬请指正。

网站随着互联网络的发展越来越普及和深入到每一个行业、 每一个人。

做网站对于知道的 人是很简单 的事情,对于不知道的人,显得很高深莫测。其实,做网站的门槛是很低的,只要你想做, 很少钱、很 短时间就可以做到。对于我们自己,做网站可以随心所欲,充分展示自己。我在这里把做入 门级网站的 具体步骤告诉你,如果要做大型的网站,这个就肯定不够用了。

第一步:注册域名 什么是域名? 域名是 Internet 上用来查找网站的专用名字,与我们熟悉的地址、门牌号的作用相似。

据规定,域 名由英文字母(不区分大小写),阿拉伯数字和横杠“-”组成,不能有空格, “-”不能放在 最前 面或最后面,每个层次最长不能超过 67 个字母。

互联网上的域名可谓千姿百态,但从域名的结构来划分,总体上可把域名分成两类,一 类称为“国 际顶级域名”(简称“国际域名”),一类称为“国内域名”。

一般国际域名的最后一个后缀是一些诸如.com,.net,.gov,.edu 的”国际通用域”,这 些不同的 后缀分别代表了不同的机构性质。比如.com 表示的是商业机构,.net 表示的是网络服务机 构,.gov 表示 的是政府机构,.edu 表示的是教育机构。

推荐的知名注册服务机构

耐思尼克

/design/?s=lily 第二步:制作内容 有钱就请人做,省事,省心,但不省银子,一般费用几千到几万不等,要省钱就自己动 手了,做网 站也是一样的, 如果不会做网站的话可选用耐思尼克 /design/?s=lily 建站宝 盒 NiceBox 是虚拟主机增值服务赠送成品网站,包含各种各样精美网站模板,上百种网站 功能,带产品 发布系统、新闻系统、会 员系统、投票系统、广告系统、招聘系统等动态功能模块,页面 随意增加。

运用功能强大的管理平台,轻点鼠标就能立即制作精美的网站,不仅周期大大缩短,而且免 费就可以使 用,不要额外的技术和成本投入,能同步分享我们对产品的技术升级和功能改进,大大节省 用户拥有网 站的成本。

只要是在耐思尼克购买虚拟主机产品, 。

就可以免费支持并使用此系统管理平台 。

试用用户名

test 试用密码

nicebox 试用地址

/design/?s=lily 第三步:申请空间 对于个人网站和小型网站, 一般都是采用主机托管的方式, 也就是向一些服务商来购买 存放网页的 空间,上到一定规模的网站,就需要自己来购买服务器、去电信部门托管。

省钱小妙招, 一般服务商 都提供,域名加虚拟主机一起购买的优惠! 第四步:上传内容 使用 FTP 软件,连接到对应的地址,把网站内容上传上去就可以了。

第五步:维护网站 对内容进行更新和维护 第六步:推广宣传 推广网站常用的几种方式:(免费) 1. 搜索引擎登录 2. 友情链接 3. 论坛灌水 4. 登录网址大全

第一篇:简单的网页制作软件

选修课《网页设计》实践考核题 题目:设计一个个人网站 一、要求: 1.使用 Dreamweave 网页工具制作一个个人网站; 2.包含至少四个网页

包括首页、个人简介、个人相册等(可随意设计),网页之间用超链 接相连。

3.网页中要有图片和文字内容,用表格或框架进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。

5. 在网站中设计一个表单页面。

6. 首页必须包含页面标题,动态按钮导航栏。 下面我们大家统一一下软件版本,我用的是网页三剑客 cs3 版本的,大家可以去迅雷下载,因为我们要用到 flash 建议大家也按装好 flash 首先新建一个文件夹, 文件夹的名字不能为汉字, 做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是 zs,如图 打开 Dreamweaver 软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。

新建站点后得到这样一个界面 点选高级,得到界面 站点名称与我们建文件夹得名字相同,zs 填进去就可以了 本地根文件夹就是我们新建的那个文件夹, http 地址为 http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹 zs, 在 url 前缀后面加上 zs 然后点击确定就可以了 得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择 然后单击创建,接下单击文件——保存,保存这个文件,保存在我们一开始建 好的文件夹里面,保存名字不能是汉字,只能是字母或者数字,因为我们只坐四 个网页,可以简单一点,把这四个网页命名为 a、b、c、d,或者 1、2、3、4, 当然一个网站默认的索引首页名为 index,这里也用 index, 单击保存,这样得到第一个页面,以同样的方式建剩下的三个页面,这里我的首页默认 为 index.heml,其他三个网页的名字分别为 a.html、b.html、c.html,我们这四个网页文件已 经保存在我们建的文件夹里。 站点中已经有了四个文件。

接下来,我们开始编辑 index.html。 单击 index.html,显示为当前页面。 单击拆分, 然后我们看这个 个网页就叫张三之家 了,同样的方法给其他三个网页改名字。

A 网页标题 ,这个就是网页名字,我们以张三为例,这 ,这样老师的第六条我们就完成一半 B 网页标题 C 网页标题 改好名字之后,一一保存,这个不多说了,接下来操作 index.html。 显示首页为当前编辑页面。 首先为 index.html 页面添加背景音乐。 大家在代码视图里找到<body><body/>,这个是什么意思就不解释了,我也不知道, 就是这个了,在<body>后面输入代码<bgsound>, 然看见这张图片上, 我光标指在哪里了吧,单击空格键,这个时候注意输入法要为美式键盘字母格式,只要不是 汉字就行,得到一个菜单,单击 src 选中,然后单击 enter 建,这个时候紧跟着 src 会出现一 个浏览, 单击浏览, 然后出现对话框, 选择一首音乐,然后单击确定, 会继续弹出一个对话框 点击是,保存到 自己建好的文件夹里面,注意这里不能用汉字做音乐名字,必须改成字母或者数字 我是以 beyond 的歌为例,名字改为 by,点击保存背景音乐就添加好了。

大家可以看一下,在站点目录下,已经有了这首歌曲。 接下来开始设计页面布局 这里用表格布局, 这个栏叫设计栏,由于大家都不会代码,所以我们主要在这个栏里操作, 下面大家点击常用里面的表格,就是下面这张图片 中的这个图标 得到对话框如图所示数据: 单击确定,得到如下界面 这个插入的表格式可以自动调整大小的,大家可以自己试一下,接下来用这些表格布局,给 大家看两个图标, 这个图标就像是 excel 中那个合并和拆分单元格是一个意思, 左边那个代表合并单元格,右面那个代表拆分单元格,excel 大家都会把,就和那个布局差 不错,我做一个简单的布局,为了方便,我把这个表格缩小, 这个布局很简单,第二行全部合并,第三行第二三列合并,大家可以根据自己的需要进行拆 分合并,还可以在表格里面再次插入表格。

宽度和高度的设置时在代码里找到<table width="900" border="0">,之后把它变成<table width="900" border="0" align=”center” height=””>,其中 align 表示表格位置,height 表示表 格高度,大家可以根据自己的需要来填数字,默认是以像素为单位的。 接下来制作导航,这是老师第六条中的第二个要求, 注意我在这里给了两种方法,大家可以先看一下,再决定选 择哪种 我没看懂什么叫动态按钮导航条, 不知道是让这个字动呢, 还是让这个字动呢?如果大家嫌 麻烦,就直接输入汉字,结果就是下面这样的 如果要文字居中显示可以将这四个框同时选中, 然后 居中 在水平栏里面选择 以后所有的文字格式都可以在这里面选,但是首先要选中自己所要操作的文字。

创建链接,选中首页两个字,然后单击右键——创建链接,选择 index.html,然后以同样的 方法,给其他三个栏里的文字做链接,创建链接的文字会有下划线,同时改变颜色 如果大家不嫌麻烦,教大家用 flsh 做一个动态的按钮导航, 把光标放在第一行第一个栏里,然后 这个常用栏里的 flash 按钮 ,单击后面那个小三角,选择 flash 按钮 。 得到对话框 我们可以看到这个按钮的样式是可以自己选择的,大家随意选择一款自己喜欢的按钮, 然后在按钮文本栏里,填入首页两个字,字体设置随意,然后链接 这个栏里填入 index.html, 注意这里的链接就是 超级链接,当你点击这个按钮的时候,它就会显示主页,我们设置后面三个按钮的时候,一 定要记得,当你文本栏里填入个人简介字的时候,那你的链接就要指向简介那个页面,我们 这里就是 a.html。其他像什么背景色之类的随意, 然后单击确定。这样第一个按钮就做好了,接下来我们自己做剩下的三个按钮,注意链接问 题,大家做好后,可以看到自己站点内多了四个 swf 格式的文件,这四个就是按钮, 保存的时候,有一个文件问是否要保存,一定要点击是,不然 flash 不运行了。

大家可以回到自己的文件夹里,打开首页,测试一下,是不是单击这四个按钮会指向自己所 设置的网页, 然后我们给第二行设置背景颜色, 以有弹出颜色选框,大家随意选择自己喜欢的颜色 单击背景颜色后面那个方框,可 接下来,完成老师的第五个要求,制作表单,这个把光标指向第三 行第一个栏 选在表单选项中的 。也就是第一个按钮,这时得到界面 我们把光标指向红线里面,输入“用户名

”然后点击表单选项中的第二个按钮 弹出对话框,选择确定,得到界面 同样方法换行输入密码 再次换行,单击表单选项中的 按钮项输入两个按钮, 然后选中第一个按钮,得到以下属性 将值后面栏里的文字改为登录, 同样方法,把第二个按钮的值改为注册, 。 接下来插入文字和图片,在现在的第二行第二列里操作 把光标指向第二行第二列,选择常用栏 选择这个栏里的 图像按钮,弹出对话框,这时大家选择自己电脑里的一张图片,单击 确定后弹出对话框,问是否保存在站点根目录下,单击确定,这时候需要注意的是,图片名 字不能有汉字,图像标签和辅助属性那一栏不用管,单击确定即可。

接下来就是输入汉字了,我们在图片的后面先输入汉字,可以看到这样的显示, 上面还空了很大一块地方,似乎不太好,不符合图文混排的规矩, 大家单击图片选中,在属性栏里找到 找到到对齐那一栏,在后面点选左对齐, 得到最终图文效果是这样的。

第四行还有四个栏,大家可以在里面表明作者时间、以及自己的邮箱、QQ 等内容,这里我 就不写了。

实际上做到这里, 我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页 没做呢,怎么办啊,后面三个网页大家还没做,教大家一个简单的方法, 大家把鼠标指向 了。 这个栏的左边,在表格和边框之间,我们可以发现,鼠标斜向右 首先单击鼠标左键,选中这个表格然后不要移动鼠标,同时单击右键,单击拷贝,然后这个 表格就拷贝好了,打开其他三个页面,分别粘贴过去,图像属性描述不用管,取消,这样做 的好处是它的好处非常多。

大家打开 a.html,这个是个人简介,就是一个图文混排了,图文混排我们已经讲过了,更何 况我们这个页面里已经有了图文混排了,大家可以换一张图片,换一些文字,做一些自我介 绍什么的,都可以。

,但是我们最好把那个表单删掉,哪个是表单就不用我说了吧, 就是这个了。删掉之后,选中第三行三个栏,合并就好了, 第二个页面就做好了, 接下来我们看第三个页面,b.html,这个页面是个人相册 这里我同样分两种方法给大家讲, 第一种方法很简单。就是插入几张图片, 现在第三行剩下三个空栏,每个栏里插入一张图片,景色也好,其他也罢,然后加上图片说 明,一切搞定,这个我就不写了, 第二种方法还是用 flash 做相册,首先大家合并第三行三个 栏。 并将光标指向第三行, 然后单击这个图片中的插入记录——媒体——图像查看器,之后得到这样的界面 注意这个是可以调节大小的,看你想 要多大的相册了。

单击选中, 我们会发现右面多出这样一个界面 flash 元素 在其中找到 然后单击后面的 img1 那里, 会发现后面多出一支笔,单击那个笔,弹出对话框 单击减号,将 img1 三个删掉,然后再单击加号,会多出一个文件夹标志,单击文件夹标志, 然后弹出对话框 在自己电脑里选择一张图片,将图片保存到站点根文件夹下,还是那个问题,名字中不能有 汉字,添加好第一张图片之后界面如图 大家可以多添加几张图片,这样一个相册就做好了,单击确定。

接下来就剩下第四页了,就是写几行文字的事情了, 把表单和图文混排都删除,然后合并三个栏,然后添加一些文字,搞定了。

这四个页面都做好了,我们还有一项任务没有完成,那就是给页面添加两个行为 下面我们讲添加行为, 打开首页,单击图像选中,然后找到一下命令, 看到行为面板下那个醒目的加好了吗 单击加号——交换图像,弹出对话框 单击浏览,在自己电脑中找出一张图片,单击确定,存放到站点根目录下, 这样第一个行为就完成了,当我们鼠标滑过这张图片的时候,就会变为另一张图片。

下面添加第二个行为, 我们将光标指向第二行蓝色背景哪一行, 然后单击行为面板下的加号 ——弹出信息,得到对话框 写上你好,单击确定。这样在我们单击蓝色地带的时候,就会弹出你好信息框。

好了到此为止,就差不多了,

第一篇:简单的网页制作软件

网页制作简易教程 作者:刘瑞祥 网页制作简易教程( 网页制作简易教程(一) 文件? 一,什么是 HTML 文件? 你一定注意过, 用浏览器浏览许多网站时, 地址栏内文字的最后都有 html 或者 htm) ( 字样,这就是大多数网页文件的扩展名(注 1) .也就是说,大部分网页文件是 html 格式 的. 所谓 HTML, hype text markup language 的缩写, 是 中文含义是超文本链接语言, html 就是一种编写网页的规范要求. (注 2) 注 1:所谓扩展名,是文件名的一部分,和主文件名用.分隔开来,比如 index.htm 的 主文件名是 index,htm 是扩展名.扩展名一般表示文件类型. 注 2:在 Windows 服务器(这里指提供网页内容的计算机)上,文件名不区分大小 写,然而有的计算机上,对文件名要求较严,建议扩展名以小写 htm 为准.htm 和 html 文件其实要求是一样的,后面我将不区分这两种文件. 文件? 二,用什么来编写 html 文件? 目前可以编写 html 文件的软件较多,如 Microsoft 公司出品的属于 Office 系列的 FrontPage,Macromedia 公司出品的网页制作三剑客之一的 Dream Ware,都是著名的网页 制作软件.其实,仅用 Windows 附件中的记事本就可以编写网页文件.只是需要注意一 点,在保存文件的时候,一定在文件类型中选择"所有类型(*.*),然后在文件名的最 " 后添加".htm"就可以了. 当然,用记事本来编写网页肯定是不方便的,所以才研究出了各种功能更强大的软 件,如前所举例.而且要编写图文并茂的网页文件,只靠一种软件是不可能完成的.你 必须熟练掌握至少一种图片编辑软件以及美工等方面的知识. 三,编写第一个网页 虽然用记事本编写网页不方便,但为了使同学们掌握基本的 html 规范,本教程还是 以用记事本编写网页为主,下面打开记事本,编写我们的第一个网页,在记事本中输入 以下内容

<html> <head><title>我的第一个网页</title></head> 网页制作简易教程 作者:刘瑞祥 <body> <p><font color =#FF0000>Hello</font>,朋友们</p> </body> </html> 写完后按照前面所教的方法存盘,然后双击打开,看到了什么效果? 下面我来解释上面的内容

在 html 文件中,开头和结尾必须是<html>和</html>,中间分两部分,分别是 head 部分和 body 部分.在 head 部分主要是一些文件信息内容,如标题,关键字,编码等等, 在 body 部分则是文件的主要内容. 前面用围起来的部分就是标题,也就是显示在浏览器窗口标题栏的内容,放在<title> 和</title>间,<p>和</p> 括起来的内容表示一个段落,<font color =#FF0000>和</font>括起来的部分表示中间的内 容是红色文字(font:字体,color=#FF0000 表示设置颜色属性为红色) . 从上面的分析中可以看出,所谓 html 文件,就是通过各种<>标签进行设计,<>标签 一般成对出现, 在结束的时候用同名标签加一 . "/" 标签中可以设置各种属性, 格式是 "属 性名=值" .(在前面的网页源代码中采用了"缩近"的写法是为了层次清晰,并不是必须的) 说明

在网页中,各种格式都要用<>标签来设计,要通过直接插入空格的办法来调整字间 距是不行的,无论你在半角状态作文下插入多少个空格,都只会显示一个空格.但是有时候 必须插入多个空格,或者需要插入一些其他符号,怎么办呢?这时就要用到所谓的"转 义字符" ,就是用其他字符串来代替你要插入的字符,常见转移字符如下

&gt; 大于号 &lt; 小于号 &nbsp; 空格 &amp; & 字符 网页制作简易教程( 网页制作简易教程(二) 上一讲讲了一些 html 的基础知识, 从这一讲开始将介绍一些常见的 html 标签及其属 性,当然这里是很不完备的.为了简单起见,下面只说开头的<>标签,不说对应的标签 了. 本讲将重点介绍关于文字的标签. 一,字体标签

字体标签: 设置其中的文字,所设置文字从<font>开始,到</font>结束.比较重要的属性有

1,color:颜色属性,用六位十六进制数字表示颜色,数字前加#号.例如 #FF0000:红色 #00FF00:绿色 #0000FF:蓝色 网页制作简易教程 作者:刘瑞祥 #FFFFFF:白色 #000000:黑色 #FFFF00:黄色 2,size:文字大小属性,取值从 1 到 7.1 为最小,7 为最大. 3,face:字体名字. 使用举例

<font color=#ff0000>默认字体字号红色</font> 效果:默认字体字号红色 <font size=4>黑体大字</font> 效果: 黑体大字 二,字体样式

字体样式: 1,粗体<b></b> 2,斜体<i></i> 3,下划线<u></u> 4,上角标<sup></sup> 5,下角标<sub></sub> 使用举例

矢量<b>a</b>+<b>b</b>=3<b>i</b> 效果:矢量 a+b=3i x<sup>2</sup>+x=0,则 x<sub>1</sub>=0,x<sub>2</sub>=-1 效果略 三,标题

标题: 这里指的是一种文字样式,并非文章标题,标签为<hn></hn>其中 n=1,2,...,6.n 值越 大则字越小. 四,字体设置综合举例

字体设置综合举例: 1,<font color=&2103ca>这是什么颜色啊</font> 2,<h1>这行字不小吧</h1> 3,<b><i>x<i><b> 请你自己先分析一下将出现的效果,再用记事本编写一个含有以上内容的网页,看 看效果是不是一样. 网页制作简易教程 作者:刘瑞祥 网页制作简易教程( 网页制作简易教程(三) 一,段落标签<P>

段落标签 : 1,align:对齐属性,可取如下值

left:左对齐 right:右对齐 center:中间对齐 justify:两端对齐 2,style:风格属性,可设置行间距,段前间距,段后间距,段前缩进,段后缩进,首 行缩进等.使用较为复杂. 使用举例:<p align="center">中间对齐</p> 效果

中间对齐 二,换行标签<br>

换行标签 : 使用这个标签强制一段进行换行.和<p>不同的是,首先,它没有对应的结束标签, 其次,用<br>换行的文字仍然看作是一段.因此中的设置对标签后的内容仍然适用. 标签具有 clear 属性,可取值为 left,right,all 使用举例

<p align="center">中间对齐<br>这一行仍然是中间对齐</p> 效果略. 三,水平线标签<hr>

水平线标签 : 插入一条水平线.同样,这个标签也没有对应的标签. 1,width:宽度属性,既可以写成普通数字形式也可以写成百分数形式.写成普通数字 代表水平线宽的象素值,写成百分数时当用户调整浏览器大小或者屏幕分辨率时保持相 对大小不变. 2,size:尺寸(高度)属性,表示高度. 3,color:表示颜色,取值和字体岩石相同. 4,align:对齐属性,可取 left,right,center 值. 使用举例

下面有一条水平线<hr color=0000FF>偏蓝色 效果略. 网页制作简易教程 作者:刘瑞祥 网页制作简易教程( 网页制作简易教程(四) 网页中如果只是干巴巴的文字,无论怎样设计也没有多大突破余地.图片的作用一 方面表现在可以说明文字,另外也可以起到引导用户,突出重点的作用.本讲将介绍在 网页中怎样嵌入图片. 一,网页中可以嵌入什么图片? 网页中可以嵌入什么图片? 不是所有图片都可以在网页中显示的.网页中的图片一般限制在 jpg 和 gif 两种格式 中.二者主要有如下区别

格式 可以包括的颜色 有无透明色 可否包括动画 常见用途 jpg 2^24 无 不可以 大幅照片 gif 256 有 可以 小动画,标志 二,嵌入图片的标签<img>

嵌入图片的标签 : 这个就是在网页中嵌入图片的标签了,它没有对应的</img>标签.先把图片保存在 一个专门的文件夹中(一般是在网站根目录下的 image 文件夹,下面假设这个图片叫 pic.gjf) .它有一些主要属性如下

1,src:图片位置属性,也是它最重要的属性,表示图片位置和图片文件名.对于本例, 如果网页文件在网站根目录下,则 src="image/pic.gif".如果要引用其他网站的图片,可 以用类似"src=/image/xxx.gif"这样的形式. 2,border:图片边框属性,可以在图片外设置一个框,取值范围为大于等于 0 的整数, 表示边框宽度的象素值.默认为 0. 3,width 和 height:图片尺寸属性,分别对应图片的宽度和高度的象素值. 4,alt:文字说明属性.有的用户为加快图片显示可能会禁止显示图象,为了使这些用 户知道图片的含义,可以设置此属性,用一些文字对突破进行简单的说明.设置值为一 串文字. 5,align:图片对齐属性,用来设置图片与文本的绕排方式.这个属性可以取多个值, 比较重要的仍然是 left,center,right. 6,hspace 和 vspace:水平间距与垂直间距,分别设置图片与绕排文字距离的象素值. 网页制作简易教程 作者:刘瑞祥 三,举例

举例: 1,<img src="a.gif"> 按默认方式插入同一文件夹下的 a.gif 图片 2,<img src="b.gif" alt="插入的图片"> 插入上一层文件夹中的 b.jpg 图片,并且设置了说明文字. 3,<img src="b.gif" border=1> 插入上一层文件夹中的 b.jpg 图片,并且设置边框为一个象素宽度. 4,<img src="b.gif" width=20 height=10> 插入网页所在文件夹的下一层文件夹中的 a.gif 图片,并且高度为 10 象素,宽度为 20 象素. 本讲只介绍了如何插入图片,至于图片的来源,可以自己利用图象处理软件制作, 也可以找一些素材库或者直接从别的网站上得到,要注意的是,获取别人的图片一定要 注意不要侵犯版权. 网页制作简易教程( 网页制作简易教程(五) 本讲将介绍一些表格的应用.在网页设计中,表格不但具有传统的展示数据的意义, 在排版中还具有独特的作用,往往用表格来安排各种元素(文字,图片等)的位置.而 且网页中的表格往往有嵌套,也就是表格的内部还有表格.关于这方面的例子就不详细 介绍了. 一,表格标签<table><tr><td>

表格标签 : 利用<table>和对应的</table>表示插入一个表格, <tr>和</tr>表示插入一行, <td><td> 表示插入一个单元格. 举例说明:<table><tr><td>第一行第一格</td><td>第一行第二格</td><td>第一行第三 格 </td></tr<tr><td> 第 二 行 第 一 格 </td><td> 第 二 行 第 二 格 </td><td> 第 二 行 第 三 格 </td></tr></table> 效果

第一行第一格 第二行第一格 第一行第二格 第二行第二格 第一行第三格 第二行第三格 (注:这里的具体效果可能和你的显示不同.你可以自己编辑一个 html 文件来观看) 网页制作简易教程 作者:刘瑞祥 二,标签属性

标签属性: 1,width 和 height 属性:分别设置宽度和高度. 2,border 属性:设置边框宽度的象素值(只用于 table 标签) . 3,cellspacing 属性:设置单元格间距(只用于 table 标签) . 4,bordercolor 属性:设置边框颜色,取值和 font 标签的 color 属性相同. 5,bgcolor 属性:设置背景颜色,取值和 font 标签的 color 属性相同. 6,background 属性:设置背景图片,取值为背景图片所在的目录及文件名(与 img 标 签的 src 属性相同)(不适用于 tr 属性) . 7, colspan 属性

水平合并若干个单元格, 用此属性设置合并的水平单元格的数目. (只 用于 td 标签) 8,rowspan 属性:竖直合并若干个单元格,用此属性设置合并的水平单元格的数目. (只用于 td 标签) 9,align 属性:设置对齐属性,可以取 left,right,center,justify. 三,举例说明

举例说明: <table=450><tr> <td rowspan="2">左侧格子</td> <td colspan="2">右侧上方格子</td> </tr> <tr> <td>下方中间格></td> <td>下方右侧格</td> </tr></table> 效果

左侧格子 右侧上方格子 下方中间格 下方右侧格 网页制作简易教程( 网页制作简易教程(六) 本教程前面已经有五期了,感觉是不是还差了点什么?对了,缺少 html 的灵魂—— 链接!没有链接的网页文件就好象是一个个的孤岛.本讲将专门介绍怎样插入超级链接. 网页制作简易教程 作者:刘瑞祥 一,文本链接的标签以及链接类型

文本链接的标签以及链接类型: 链接的标签为<a>,其最主要的属性为 href,用来设置链接的路径. 1,普通的文件链接:直接把 href 设置为链接路径.如 <a href="abc.htm">点击这里</a> 或者 <a href="/" target="_blank">网易</a> 2,链接到一个网页中指定的位置

(1)先在另外一个文件中(如前面的 abc.htm)的某一个特定位置标上"书签" ,书签 的标注为<a name=书签名>.链接设置为<a href=abc#书签名>单击这里</a> 3, 发送 E-mail

href=mailto:a@163.com>来信</a>, <a 要注意的是链接地址上要以 mailto

开头. 4,target 属性:设置目标框架,一些网页采取了框架结构,还有的希望跳转时新打开 一个窗口,可以设置此属性,对于第二种情况,应该设置为"_blank"属性. 二,图形链接

图形链接: 使用标签<img href=****]即可(****表示链接目标) . 网页制作简易教程之结语 到这一讲本教程的教学内容就算结束了,下面我们简单回顾一下我们学了哪些内容

1,什么是 html 文件?怎样用记事本编辑一个简单的网页? 2,我们学了哪些标签?它们都有什么主要的属性? 3,如何设置字体? 4,如何设置段落? 5,怎样嵌入图片? 6,怎样插入表格? 7,怎样设置超链接? 你能不能利用所学知识给你的班级制作几个简单的网页呢? 提示

要有一个首页 (也就是文件名必须是 index.htm) 其中要有你班级的基本情况, , 比如班级人数,班风等等.此外至少有三个网页,内容可以分别为班级荣誉,同学介绍, 通讯录等等,最好有几张班级的照片.最主要的是,四个文件之间可以任意跳转,从任 何一个网页中都可以跳到其他网页上去.此外,作为更高的要求,网页的风格应该做到 多样统一,视觉效果引人.同学们完成网页后可以请计算机老师放到学校内部的网站上 去. 网页制作简易教程 作者:刘瑞祥 当然,要想学会全部的 html 标签几乎是不可能的,也是没有必要的,这里只是简单 介绍了其中的一部分,要制作复杂的网页,可以通过专门的网页制作工具来完成,其实 那些所谓的网页制作工具,也不过是把写 html 标签的工作自动完成而已,并没有什么奥 妙之处,有兴趣的同学可以自学.

简单的网页制作软件》出自:安格美文网
链接地址:http://www.tagmusic.net/article/xznVrwsRSAnlg1YA.html

网站地图 | 关于我们 | 联系我们 | 广告服务 | 免责声明 | 在线留言 | 友情链接 | RSS 订阅 | 热门搜索
版权所有 安格美文网 www.tagmusic.net

简单的网页制作软件