1.安装Dreamweaver
1.创建站点文件夹
%20e:%20在您的计算机硬盘上创建一个新文件夹作为您网站的根目录。该文件夹包含四个文件夹：images（用于照片）、flash（用于flash）、css（样式表）和js（JavaScript）。
%20
打开Dreamweaver%20%20并设置您的站点
站点-%20新站点-%20选择详细信息
%20
%20
单击“确定”创建您的站点。
4.%20创建一个新的HTML%20%20文档并将主页保存为index.htm。
%20
5.%20HTML基础知识
1.%20文件类型
%20如果您使用Dreamweaver%20%20创建一个新的HTML%20%20文档并查看源代码，您将在代码开头发现以下语句。
!DOCTYPE%20%20html%20%20PUBLIC%20%20'-//W3C//DTD%20%20XHTML%20%201.0%20Transitional//EN'%20'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'
这句话表明这个文件有框架，有严格的类型。在HTML4.01中，浏览器解析比较宽松，所以常用过渡类型。必须符合XHTML%20%20语法。我经常有朋友在创建页面时喜欢删除此语句，但这样做可能会导致某些样式表失败或导致其他意外问题。
2.%20语言编码
然后你还会发现以下句子：
meta%20%20http-equiv='内容类型'%20content='text/html'/
指示文档的语言编码。和我们平时说的中文和英文是一样的。这里的gb2312告诉浏览器这个文档使用简体中文编码。另一种常用的编码是国际通用的UTF-8编码。无论您使用哪种编码，随附的CSS%20%20样式表和其他文件也必须按照与本文档相同的方式进行编码，否则会出现乱码。
3.html标签
HTML%20%20标签必须在页面内结束。成对标签以“/tagname”结尾，一些单个标签以/结尾。这是编写xhtml代码的标准。
标签对：
头{.}/头
身体{.}/身体
分区{.}/分区
跨度{.}/跨度
p{.}/p
.
单一标签:
img%20%20src=''/
br/
……
3.1%20段部件.%20/p
黄石文化宫/p
p起源培训学校/p
3.2%20换行br%20%20/
来自黄石文化宫br/
来源培训学校
3.3%20标题
%20标题一：h1黄石文化宫起源培训学校/h1
标题2：h2黄石文化宫起源培训学校/h2
标题3：h3黄石文化宫起源培训学校/h3
标题4：h4黄石文化宫起源培训学校/h4
标题5：h5黄石文化宫起源培训学校/h5
标题六：h6黄石文化宫起源培训学校/h6
3.4%20跨度标签
html%20%20xmlns='http://www.w3.org/1999/xhtml'
头
meta%20%20http-equiv='内容类型'%20content='text/html'/
title无标题文档/标题
样式类型='文本/CSS'
！--
.STYLE1%20{
%20font-family:%20Verdana、Arial、Helvetica、无衬线字体；
%20字体大小：%2014px；
%20颜色：%20#FF0000;
%20font-weight:%20粗体//粗体；
%20font-style:%20italic%20%20//斜体字体；
}
--
/风格
/头
身体
divspan%20%20黄石文华本源培训学校/span%20%20//对齐字体放置（左中右）
/div
/身体
/html
3.5%20DIV标签
divalign='left'span%20%20黄石文化宫起源培训学校/span/div
3.6%20项目清单UL%20%20和LI
分配
%20乌尔
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20/ul
/div
3.7%20编号列表OL和LI
分配
%20奥尔
%20lispan黄石文化宫起源培训学校/span/li
lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20lispan黄石文化宫起源培训学校/span/li
%20/ol
/div
3.8%20链接
a%20%20href='HTTP://WWW.PX0714.COM/CJ/CJ.HTML'%20target='_parent'%20黄石文化宫起源培训学校/a/span/li
链接./a
Herf=“链接地址”
Target='_blank"%20如果您将此留空，将会打开一个新的空白页。
target='_parent"%20这里将是父级，可以直接在当前页面打开
3.9%20图片img%20%20src='images/11.gif' width='242' height='250' /
diva href='#'img src='images/11.gif' alt='耀西平面设计培训' width='242' height='250' border='0' //a/div
3.10 表
表格宽度='600'边框='0'单元格填充='0'单元格空间='0'边框颜色='#FF0000'背景='images/11.gif'bgcolor='#FFFF00'
t
tdnbsp；/td
tdnbsp；/td
tdnbsp；/td
/tr
t
tdnbsp；/td
tdnbsp；/td
tdnbsp；/td
/tr
t
tdnbsp；/td
tdnbsp；/td
tdnbsp；/td
/tr
/桌子
3.11 细胞
td width='200' height='40' valign='middle' bordercolor='#3399FF' background='images/11.gif' bgcolor='#FF6600'Yellowstone Origin Training /td
6.CSS内部样式
这里需要知道什么是content，什么是padding，什么是border，什么是border。
div id='header'ID 'header' content/div 将出现在这里
#标题{
高度： 300 像素；
宽度： 400 像素；
内边距： 20px；
border: 5px Solid #FF0000; //边框宽度为5，solid为实线，边框颜色为#FF0000
margin: //边框
}
版权声明：本文由今日头条转载，如有侵犯您的版权，请联系本站编辑删除。