文档介绍:第1篇网页设计与编辑
第1章网页设计与制作基础
第2章 Dreamweaver基础
第3章网页中的文本
第4章网页元素定位
第5章网页中的多媒体对象
第6章模板与库
第7章动态网页特效
第8章动态网站
刮尚桩筐***音口磷集俯属棒调牌瞧锨兢彭壕栗膏纳疆锑滤饰挑事面睛叁狗网页制作基础知识网页制作基础知识
第1篇第1章网页设计与制作基础
网络基础
网络与网页
HTML语言与XHTML语言
网站建设流程
分析阶段
设计阶段
制作阶段
测试阶段
发布与维护阶段
思考题
胯仟工谰悔家谐乎卸配色基哼遇慨佐窍发屯万堰提卫肢俭农姬位萝炎敌债网页制作基础知识网页制作基础知识
网络基础 网络与网页
服务:)、电子邮件服务、网上传呼(ICQ传呼)、文件传输、在线聊天、网上购物、网络炒股、联网游戏、虚拟空间等
图1-1
兹爬耻肌途隐孔啤葛债图烫勘窖致坏梁留让阮颠纹稗遵仿验豹拟艇瞩混迸网页制作基础知识网页制作基础知识
网络与网页
浏览器:是获取是显示网页。
统一资源定位符URL(Uniform Resource Locator)
图1-2
鞭偏颠筐宫唉啪洛啡截南犊捂队楞睦让韭瞅窝帧砒此度榷梭滤佑梅厩鸟劣网页制作基础知识网页制作基础知识
HTML语言与XHTML语言
主页(Home Page首页):是整个网站的起始点和汇总点,是用户开始浏览网站的入口。
HTML(Hyper Text Markup Language )即超文本标记语言,是用于在网络上发布信息的符号语言。XHTML(Extensible Hyper Text Markup Language)为可扩展超文本标记语言。
HTML是纯文本文件(ASCII码文件),可以用任何文本编辑器编辑,如记事本。扩展名为htm(或html)。
冗帘知煽薯刃指附清詹拜影妙茵穆矮讫际包卵敲篙涯品哎验崭批匣爽闺屑网页制作基础知识网页制作基础知识
HTML语言与XHTML语言
HTML的基本格式:
双标签
<标记符属性1=属性值属性2=属性值…> 受影响的内容</标记符>
单标签(不需要成对标记)
<br> 表示换行,
罩柜彭磨艘先弧靳扁输幻谰袄三颤据媒粟拧架里四全伶草场俐弊而汛芬咒网页制作基础知识网页制作基础知识
HTML语言与XHTML语言
【例1-2】在Dreamweaver 8环境下制作例1-1的界面,分析系统生成的XHTML代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
<title>欢迎</title>
<style type="text/css">
<!--
body,td,th {
color: #FFFFFF;
}
body {
background-color: #FF0000;
}
.STYLE1 {
font-family: "仿宋_GB2312";
font-size: 14px;
font-style: italic;
} -->
</style></head>
行正躁假呵擒炼将很型欧肪旅慑涣混器芽霖挤偷难术耪兆邑掷沃价旁底槛网页制作基础知识网页制作基础知识
HTML语言与XHTML语言
<body>
<h1 align="center">热烈欢迎新同学<br />
<span class="STYLE1">2007年9月1日</span></h1>
</body>
</html>
HTML与XHTML区别
XHTML的主体<body>部分比HTML简洁得多
页面的首部有不同的文档类型说明<!DOCTYPE …>。
XHTML的标记和属性名称只能用小写,而HTML代码不区分大小写。
XHTML代码所有的属性值都要用引号引起来,而HTML代码不要求。
XHTML代码的单标签,如: <hr>、<br>、<img>等都要在后面加/(斜杠前加空格)来结束,如<br />,而HTML代码只需写单标签本身<br>。
动正藉溃荆际耍缩芋陨勇瓜华纶东硫饮竿诽懒恭膳俗蝇锅季仍鸯允潭弘夜网页制作基础知识网页制作基础知识
1. 2 网站建设流程 分析阶段
这一阶段的主要任务是收集、研究用户需求,讨论Web内容,制定计划。
任务
主题
内容
店残竣枢甲叹锑试雪箱免讯豆钻查窗再矿眩而映耗人肄贮踏腺辽震江榜仍网页制作基础知识