网页制作教程html
制作网页一般用什么软件啊?
个人觉得现在的自助建站系统都很火，没有必要去用软件制作，如discuz系统，新云系统，pageadmin系统，都是比较不错的，我自己的网站是用pageadmin建站的，总体来说很简单。
如何制作网页或网站
简单制作网页的方法：工具、原料：电脑Dreamweaver CS5方法步骤：下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。下载好之后安装，安装后之后打开，会看到如下界面。会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.按F12.预览就会得到以下效果.
学习网页制作需要看那些书
首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。
怎样在网页设计代码中插入视频？
1.在 Dreamweaver 的“文档”窗口中打开 index.html 页面；2.插入一个三列的表格，在由三列组成的表格的中间一列中放置的图形之上单击一次；3.选择“插入”>“媒体”>“Flash 视频”。4.在“插入 Flash 视频”对话框中，从“视频类型”弹出式菜单中选择“渐进式下载视频”。 关于…；5.关于 Flash 视频 使用 Dreamweaver 中的“插入 Flash 视频”命令，可将 Flash 视频内容插入 Web 页面，而无需使用 Flash 创作工具。该命令可以插入 Flash 组件；在浏览器中查看它时，它会显示所选择的 Flash 视频内容以及一组播放控件。
需要一份html教程的网页制作，主题是我的个人网页，
我知识给借鉴 希望帮助网页设计教程 <html>文字操作（）1、段落 <p>……</p>dreamweaver设计界面enter（车）即另起段2、换行 <br/>dreamweaver设计界面shift+enter即另起段3、标题1~6 <h1>……</h1>标题1依变4、空格:Dreamweaver 允许空格需要使用连续空格则需要设置或使用 ；或使用快捷键：ctrl+shift+space（空格键）5、水平线 <hr> size:水平线粗细width:度align:齐式<htlm>文字操作（二）、几文字特殊效1、加粗<b></b> <strong></strong>2、倾斜<i></i> <em></em>3、标<sup></sup>（适合用代码实现设计完）4、标<sub></sub>（适合用代码实现设计完）随着css逐渐普及文字效都更通css实现几标签作解即二、文字列表1、序列表序列表两标签<ul><li><ul> <li>CSS教程</li> <li>DOM教程</li> <li>XML教程</li> <li>Flash教程</li></ul>2、序列表序列表两标签<ol><li><ol> <li>CSS教程</li> <li>DOM教程</li> <li>XML教程</li> <li>Flash教程</li></ol>图片、何获取图像途径通互联网二、使用设计界面插入图像1、菜单（图片属性：替换文字）2、工具栏3、拖曳三、图像格式扩展阅读：http://blog.sina.com.cn/s/blog_45ac0d0a010005d8.htmlJPEG图像、GIF图像、PNG图像四、代码<img src=" " width=" " height=" " alt=" "/>、超级链接基本知识1、含义：实现网页间跳转联系2、类：绝链接 http://www.baidu.com相链接 同站点同位置间链接二、三种见超级链接1、文字链接<a href="http://www.baidu.com">百度</a>2、图像链接3、图像热点链接===============太用链接1、空连接 <a href="#">空连接</a>2、锚链接:同页面同位置跳转三、链接属性链接目标 <a href="http://www.baidu.com" target="_blank">百度</a>表单设计、设计界面1、单元格间距2、单元格边距二、代码1、属关系：表格由行组行由单元格组表格：<table>……</table>行：<tr>……</tr>单元格：<td>……</td>2、<table>标签属性bgcolor:背景色cellspacing:表格单元格间距（间距）cellpadding:表格单元格边距（填充） 文字占据行<div></div>文字占据行<span></span> 、html引入css几种1、链接式css代码写独立文件文件扩展名.csshtml网页使用<link/>标签外部css文件放<head></head>间举例：<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>标题文档</title><link href="tp.css" rel="stylesheet" type="text/css"></head>2、嵌入式Css代码写<head></head>间并且用<style></style>包含起考虑兼容性再使用<!-- --> css代码包含其<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>标题文档</title><style type="text/css"><!--p { font-family: "楷体_GB2312"; font-size: 18px;}--></style></head> 1．标签选择器：网页元素本身所XHTML框架标签都作CSS式选择器定义段落式我选择P标签名称即P作选择器P{/*定义段落属性*/}定义标签式则整网页使用该标签都应用式般应用统文档某元素显示式2．ID选择器：唯网页同元素ID且元素能应用ID我使用Javascript控制网页元素候通ID实现种情况工作定义候用#始应用候用id=名称由设计者确定3． 类选择：名称由设计者确定定义候用点号始应用候用class=；与ID选择器所同具特性ID特性说类选择器应用网页元素且元素应用类元素应用两类式间用空格能三或者更同等条件ID具比class更高优先权 1、复杂类选择器p.one{color:red}实例：<style>.one{color:red;}p.two{color:blue;}</style>.one用于各种标签；two能用于p标签2、代选择器div p{color:#00FF00}例：<div><h1>标题</h1><p>我兵</p></div>3、组合选择器（集体声明）ph1.one{color:red}4、通用选择器html文档所元素进行控制*{color：red；}5、伪类选择器a:link;hover;visited;active或者：a.one:link;a#two:link用css定义链接各种状态定要注意其书写顺序即：:link :visited :hover :active按照该顺序书写能达自希望效、属性1. font-size字号直接填入数字选择单位2.式font-style设置文字外观包括、斜体、偏斜体3.行高 line-height项设置网页制作种用设置行高选择让计算机自调整行高使用数值单位结合形式自行设置需要注意单位应该文字单位致行高数值包括字号数值内例文字设置12pt要创建倍行距则行高应该24pt4.修饰 font-decoration文本特殊式：划线、删除线、闪烁（IE支持效）5.粗细 font-weight设置文字加粗变细效6.颜色 color设置文字色彩 颜色表示见RGB模式、十六进制模式名称模式7.字体 font-family设置文字字体注意字体选择8.文本齐 text-align设置文本水平齐式 仅仅局限于文字泛指所包含内容9.文字缩进 text-indent重要项目文文字首行缩进由实现首先填入具体数值选择单位文字缩进字号要保持统字号12px像创建两文自缩进效文字缩进应该18px二、属性值：css单位1、单位：pxem2、颜色单位：red#00ff00 三、css背景 1、背景色：background-color: （5-1）2、背景图片：background-image:url(^);（5-3）3、背景图片重复式：background-repeat：（5-5）4、背景图片位置：background-position：top right；（30% 70%;水平位置 垂直位置）(300px 30px;)（5-8）5、背景图片固定与否：background-attachment：scroll；（fixed；）背景否与网页内容起滚（5-10）fixed：背景内容；scroll：背景内容起滚6、背景图片综合式：background：blue url(……) no-repeat fixed 5px 10px; 7、列表式：list-style：
