来源：百度文库 编辑：
九乡新闻网 时间：2024/05/19 15:39:17
网站设计系列多媒体教程 [连载完]
与单纯的图文教程相比，生动活泼的视频多媒体教程更容易吸引大家的注意，让学习过程更加轻松有趣。
这里推出的是FIF 多媒体制作组精心制作的一系列从入门基础到高级应用的网页设计制作的视频多媒体教程，和我们一起轻松愉快地进入网页设计制作的精彩世界吧！
以下教程将陆续发表。请你关注网易学院。
介绍
第一章、网站概述
1.1 网站与网页的概述
1.2 网页的基本元素
1.3 网页布局
1.4 配色原则
1.5 HTML与渲染
对本视频教程有问题请点这里
第二章、制作工具
2.1 安装与启动
2.2 文档使用
2.3 工作区结构 (上)(下)
2.4 菜单概述 (上)(下)
2.5 插入栏详解
2.5.1常用工具栏使用(上)(下)
2.5.2布局工具栏使用(上)(下)
2.5.3表单工具栏使用(上)(中)(下)
2.5.4文本工具栏使用(上)(下)
2.5.5HTML工具栏使用
2.5.6flash元素工具栏的使用
2.5.7收藏夹工具栏的使用
2.6 面板组
2.6.1使用面板和面板组
2.6.2设计面板
2.6.3代码面板(上)(下)
2.6.4标签检查器面板(上)(下)
2.6.5属性面板
对本视频教程有问题请点这里
第三章、HTML
3.1 HTML 概念
3.2 一个HTML的示例
3.3 页面头部
3.3.1HTML 头部标记
3.3.2标题标记
<br>3.3.3基底网址标记<base><br>3.3.4基底文字标记<base font><br>3.3.5元信息标记<meta>(上)(下)<br>3.4 网页内部细则<br>3.4.1 HTML内部主体标记(上)(中)(下)<br>3.5 文字段落<br>3.5.1文字主要包括的内容<br>3.5.2标题字标记<br>3.5.3文字和段落的修饰标记(上)(中)(下)<br>3.5.4文字的其它标记<br>3.6 列表的建立<br>3.6.1列表的标记<br>3.6.2有序列表<br>3.6.3无序列表<br>3.6.4列表的嵌套<br>3.7 图片<br>3.7.1插入图片(上)(下)<br>3.7.2文本环绕与停止环绕<br>3.7.3图像映射<br>3.8 链接<br>3.8.1文字链接<br>3.8.2锚点和图片链接<br>3.8.3电子邮件链接、FTP链接、新闻组链接<br>3.9 表格<br>3.9.1表格(上)(中)(下)<br>3.9.2表格标题<br>3.9.3 cospan,roswspan属性<br>3.9.4表格的嵌套<br>3.9.5<tr>标记<br>3.10 建立表单页面<br>3.10.1什么是表单<br>3.10.2表单标记<br>3.10.3文本域<br>3.10.4文本域类型<br>3.10.5文件域<br>3.10.6按钮和图像域<br>3.10.7<select>,<option><br>3.11 框架<br>3.11.1框架含义<br>3.11.2 <frame>框架标记<br>3.11.3 创建框架和分割框架<br> 3.11.4 浮动框架<br>3.11.5 框架链接<br>3.11.6 浮动框架的链接<br>3.12 层<br>3.12.1 层的功能<br>3.12.2 层的基本属性<br>对本视频教程有问题请点这里<br>第四章、CSS层叠样式表<br>4.1 CSS的介绍<br>4.1.1 为什么应用CSS<br>4.1.2 CSS的优点<br>4.2 CSS的声名（上）（下）<br>4.3 CSS的类型<br>4.4 创建CSS样式表文件及基本写法<br>4.5 层叠样式表的冲突<br>4.6 CSS的单位<br>4.7 CSS的属性<br>4.7.1类型属性<br>4.7.2背景属性<br>4.7.3区块属性（上）（下）<br>4.7.4方框属性<br>4.7.5边框属性<br>4.7.6列表属性<br>4.7.7定位属性<br>4.7.8扩展属性<br>4.8 CSS的过滤器属性（上）（下）<br>对本视频教程有问题请点这里<br>第五章、Javascript<br>5.1 Javascript概念、特点和作用<br>5.2 Javascript的格式和常量<br>5.3 变量<br>5.4 表达式和运算符（上）（下）<br>5.5 语句（上）（下）<br>5.6 函数<br>5.7 Javascript的对象<br>5.7.1 Javascript对象<br>5.7.2 Windows对象（上）（下）<br>5.7.3 Location对象<br>5.7.4 History对象<br>5.7.5 Document对象<br>5.7.6 字符串对象<br>5.7.7 数学对象<br>5.7.8 时间对象<br>5.7.9 数组对象 <br>5.7.10自定义对象<br>5.8 Javascript事件<br>5.8.1 on click事件<br>5.8.2 on change事件<br>5.8.3 on select/on load/on unload事件<br>5.8.4 on mouseover 事件和 on mouseout 事件<br>对本视频教程有问题请点这里<br>第六章、把网站放到网上<br>6.1 站点 <br>6.2 WWW 服务<br>6.3 FTP 服务<br>对本视频教程有问题请点这里<br>第七章、网站的组织与策划<br>7.1 策划的重要性<br>7.2 从那里开始<br>7.3 要考虑的问题<br>7.3.1定位网站的主题和名称<br>7.3.2定位网站的CI形象<br>7.3.3确定网站的栏目<br>7.3.4确定网站的目录结构<br>7.3.5确定网站的链接结构<br>7.3.6设计网站的整体风格<br>对本视频教程有问题请点这里<br>第八章、一起建设一个网站<br>8.1 网站的规划<br>8.2 颜色设计<br>8.3 整体规划 <br>8.4 绘制布局（1234）New<br>8.5 头部设计（123）New<br>8.6 导航条和背景图像的制作制作 New<br>8.7 本店承诺与主广告区制作（ab） New<br>8.8 制作"信息分类"区与页脚 New<br>8.9 创建样式 New<br>8.10添加导航栏信息与分类信息 New<br>8.11添加页脚及公告栏、标语栏信息 New<br>8.12制作首页（ab） New<br>8.13店铺介绍页面制作 New<br>8.14网上商店页面制作 New<br>8.15客户服务.帮助中心页面制作 New<br>8.16发货查询页面制作 New<br>8.17其他链接页面制作（ab） New<br>8.18添加网站链接 New<br>8.19上传FTP网站 New<br>对本视频教程有问题请点这里<br>第九章、常见问题<br>9.1 常见问题1 New<br>9.2 常见问题2 New<br>9.3 常见问题3 New<br>对本视频教程有问题请点这里</div>
<div class="zuoye-list-a">
<a href="/article/jqtmmk">手把手教你作网页(音频文件)不可错过0</a>
<a href="/article/jmckre">手把手教你作网页(音频文件)不可错过.</a>
<a href="/article/jmwrfk">手把手教你作网页(音频文件)不可错过..</a>
<a href="/article/jquzwx">手把手教你作网页(音频文件)不可错过</a>
<a href="/article/jqupym">手把手教你制作网页</a>
<a href="/article/jrjegp">手把手教你制作网页</a>
<a href="/article/jqsjrz">手把手教你制作网页lll</a>
<a href="/article/jqzidt">手把手教你学Dreamweaver MX 2004(视频教程)->>网页教学网Webjx....</a>
<a href="/article/jotamu">手把手教你做好吃又丰胸的酒酿,不要错过了</a>
<a href="/article/jnnvhd">手把手教你开网店0</a>
<a href="/article/jrnhde">手把手教你买房0</a>
<a href="/article/jlreny">教你30招让身边的人更喜欢你~！不可错过~！</a>
<a href="/article/jnhzvj">手把手教程：一步步教你搞网站同步镜像-制作技巧-网页制作大宝库[1]</a>
<a href="/article/jnhzvn">手把手教程：一步步教你搞网站同步镜像(2)-制作技巧-网页制作大宝库</a>
<a href="/article/jnhzvr">手把手教程：一步步教你搞网站同步镜像(3)-制作技巧-网页制作大宝库</a>
<a href="/article/jleszr">2010不可错过的50部好莱坞电影(TO喜欢看电影的你）0</a>
<a href="/article/jrpvse">幼儿早教不可错过的关键期</a>
<a href="/article/jmpksv">手把手教你如何买房子0</a>
<a href="/article/jniury">手把手教你制作全景图片0</a>
<a href="/article/jpkqgg">王乐明手把手教你学看香0</a>
<a href="/article/jlhamu">????手把手教你做閃图????</a>
<a href="/article/jlkpxk">手把手教你做足疗</a>
<a href="/article/jlplkh">手把手教你做内丹</a>
<a href="/article/jlyhzs">[手把手教你学看香</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="footerlinks">
<div class="panel panel-default">
<div class="panel-heading">相关问题</div>
<div class="panel-body">
<a class="btn btn-default" href="/article/jozgok" title="净空法师：普贤菩萨十大愿王导归极乐——请转法錀（6）">净空法师：普贤菩萨十大愿王导归极乐——请转法錀（6）</a>
<a class="btn btn-default" href="/article/jozgol" title="咳喘病家庭调养,">咳喘病家庭调养,</a>
<a class="btn btn-default" href="/article/jozgom" title="泰国政坛美女英拉的胜利">泰国政坛美女英拉的胜利</a>
<a class="btn btn-default" href="/article/jozgon" title="点点穴道就能">点点穴道就能</a>
<a class="btn btn-default" href="/article/jozgoo" title="国家药监局原副局长张敬礼被开除党籍、公职">国家药监局原副局长张敬礼被开除党籍、公职</a>
<a class="btn btn-default" href="/article/jozgop" title="每个女生身边都有一个不是男朋友的男朋友">每个女生身边都有一个不是男朋友的男朋友</a>
<a class="btn btn-default" href="/article/jozgoq" title="珍惜缘份...">珍惜缘份...</a>
<a class="btn btn-default" href="/article/jozgor" title="全球最全面的抗衰食谱">全球最全面的抗衰食谱</a>
<a class="btn btn-default" href="/article/jozgos" title="英国电影：《最后的空降兵》">英国电影：《最后的空降兵》</a>
<a class="btn btn-default" href="/article/jozgot" title="老何论金吧--套利：投资黄金的诀窍">老何论金吧--套利：投资黄金的诀窍</a>
<a class="btn btn-default" href="/article/jozgou" title="追求人类社会的最高理想：中和之魅 ——蒋庆先生谈儒家的宗教性问题">追求人类社会的最高理想：中和之魅 ——蒋庆先生谈儒家的宗教性问题</a>
<a class="btn btn-default" href="/article/jozgov" title="经典的78句话欣赏0-">经典的78句话欣赏0-</a>
<a class="btn btn-default" href="/article/jozgow" title="小姐慎入，大象行周公之礼现场（高清组图）">小姐慎入，大象行周公之礼现场（高清组图）</a>
<a class="btn btn-default" href="/article/jozgox" title="十句话">十句话</a>
<a class="btn btn-default" href="/article/jozgoy" title="美国电影：《铁血军营》">美国电影：《铁血军营》</a>
<a class="btn btn-default" href="/article/jozgoz" title="写的可能就是你 触动心灵的文字！ioui">写的可能就是你 触动心灵的文字！ioui</a>
<a class="btn btn-default" href="/article/jozgpa" title="柏林时装周亮点一览">柏林时装周亮点一览</a>
<a class="btn btn-default" href="/article/jozgpb" title="1941年的敖德萨战役 - 一、二战史">1941年的敖德萨战役 - 一、二战史</a>
<a class="btn btn-default" href="/article/jozgpc" title="7岁小孩搬20斤砖块 建筑工子女暑假令人唏嘘(图)">7岁小孩搬20斤砖块 建筑工子女暑假令人唏嘘(图)</a>
<a class="btn btn-default" href="/article/jozgpd" title="男性日常养生应该经常吃的食物">男性日常养生应该经常吃的食物</a>
<a class="btn btn-default" href="/article/jozgpe" title="5个动作坐着瘦腰腹xzdZ">5个动作坐着瘦腰腹xzdZ</a>
<a class="btn btn-default" href="/article/jozgpf" title="二战中国电视电影：《远东特遣队》(6">二战中国电视电影：《远东特遣队》(6</a>
<a class="btn btn-default" href="/article/jozgpg" title="宁夏2011理科状元冯锐：定下目标就不放弃">宁夏2011理科状元冯锐：定下目标就不放弃</a>
<a class="btn btn-default" href="/article/jozgph" title="古诗文名句赏析">古诗文名句赏析</a>
<a class="btn btn-default" href="/article/jozgpi" title="人生的确很累 自已怎么品味">人生的确很累 自已怎么品味</a>
<a class="btn btn-default" href="/article/jozgpj" title="欲望分解">欲望分解</a>
<a class="btn btn-default" href="/article/jozgpk" title="美国电影：《最长的一天》">美国电影：《最长的一天》</a>
<a class="btn btn-default" href="/article/jozgpl" title="长长见识：奇妙世界：10大地质奇迹">长长见识：奇妙世界：10大地质奇迹</a>
<a class="btn btn-default" href="/article/jozgpm" title="[教学设计]“生活中的传统文化”活动设计">[教学设计]“生活中的传统文化”活动设计</a>
<a class="btn btn-default" href="/article/jozgpn" title="想、、">想、、</a>
<a class="btn btn-default" href="/article/jozgpo" title="7个缠绵中的小细节 让他对你更加依依不舍">7个缠绵中的小细节 让他对你更加依依不舍</a>
</div>
</div> </div>
<div class="copy-right">
<p>九乡新闻网，客观、专业、权威的知识性互动百科全书。</p></div>
</div>
</div>
<!--mip 运行环境-->
<mip-stats-baidu>
<script type="application/json">
{
"token": "97cc1851a34f9e233119ff36ecf54098",
"_setCustomVar": [1, "login", "1", 2],
"_setAutoPageview": [true]
}
</script>
</mip-stats-baidu>
<script src="https://c.mipcdn.com/static/v1/mip.js"></script>
<!--分享组件 代码-->
<script src="https://c.mipcdn.com/static/v1/mip-share/mip-share.js"></script>
<!--百度统计组件 代码-->
<script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
</body>
</html>