来源：百度文库 编辑：
九乡新闻网 时间：2024/10/06 02:48: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/jmckre">手把手教你作网页(音频文件)不可错过.</a>
<a href="/article/jmwrfk">手把手教你作网页(音频文件)不可错过..</a>
<a href="/article/jqtmmk">手把手教你作网页(音频文件)不可错过0</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/jlreny">教你30招让身边的人更喜欢你~！不可错过~！</a>
<a href="/article/jnhzvj">手把手教程：一步步教你搞网站同步镜像-制作技巧-网页制作大宝库[1]</a>
<a href="/article/jnhzvn">手把手教程：一步步教你搞网站同步镜像(2)-制作技巧-网页制作大宝库</a>
<a href="/article/jnhzvr">手把手教程：一步步教你搞网站同步镜像(3)-制作技巧-网页制作大宝库</a>
<a href="/article/jrpvse">幼儿早教不可错过的关键期</a>
<a href="/article/jlhamu">????手把手教你做閃图????</a>
<a href="/article/jlkpxk">手把手教你做足疗</a>
<a href="/article/jlplkh">手把手教你做内丹</a>
<a href="/article/jlyhzs">[手把手教你学看香</a>
<a href="/article/jmahbp">手把手教你买房----</a>
<a href="/article/jmfzjp">手把手教你做爱</a>
<a href="/article/jmgnar">手把手教你重装系统</a>
<a href="/article/jmkgsw">手把手教你泡妞~~</a>
<a href="/article/jmkngw">手把手教你购</a>
<a href="/article/jmnasg">手把手教你结构设计</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/jmqxlm" title="吴冠中作品欣赏3">吴冠中作品欣赏3</a>
<a class="btn btn-default" href="/article/jmqxln" title="人体名画.">人体名画.</a>
<a class="btn btn-default" href="/article/jmqxlo" title="辞职后五险一金怎么处理？">辞职后五险一金怎么处理？</a>
<a class="btn btn-default" href="/article/jmqxlp" title="曾国藩看相的学问 <冰鉴>">曾国藩看相的学问 <冰鉴></a>
<a class="btn btn-default" href="/article/jmqxlq" title="每天“摸摸”耳朵可防多种疾病_新闻资讯_健康专题_健康优惠_福州医生专家_福州便民网健康频...">每天“摸摸”耳朵可防多种疾病_新闻资讯_健康专题_健康优惠_福州医生专家_福州便民网健康频...</a>
<a class="btn btn-default" href="/article/jmqxlr" title="吴冠中作品欣赏4">吴冠中作品欣赏4</a>
<a class="btn btn-default" href="/article/jmqxls" title="令人动容的智慧g">令人动容的智慧g</a>
<a class="btn btn-default" href="/article/jmqxlt" title="利比亚有空无防，实拍多国战机蜂拥而入">利比亚有空无防，实拍多国战机蜂拥而入</a>
<a class="btn btn-default" href="/article/jmqxlu" title="震惊世界的中国秘方——里面的方子都是一个老中医几十年的心血！">震惊世界的中国秘方——里面的方子都是一个老中医几十年的心血！</a>
<a class="btn btn-default" href="/article/jmqxlv" title="台湾一校长震动所有中国人的演讲- 真光的日志 - 网易博客">台湾一校长震动所有中国人的演讲- 真光的日志 - 网易博客</a>
<a class="btn btn-default" href="/article/jmqxlw" title="口腔溃疡（留着一定有用）">口腔溃疡（留着一定有用）</a>
<a class="btn btn-default" href="/article/jmqxlx" title="女人永远不知道的12件事：看后有点感动！">女人永远不知道的12件事：看后有点感动！</a>
<a class="btn btn-default" href="/article/jmqxly" title="男人强肾的实用方法图">男人强肾的实用方法图</a>
<a class="btn btn-default" href="/article/jmqxlz" title="滋补肾壮阳药酒配方1111">滋补肾壮阳药酒配方1111</a>
<a class="btn btn-default" href="/article/jmqxma" title="约会用语">约会用语</a>
<a class="btn btn-default" href="/article/jmqxmb" title="戒邪淫格言">戒邪淫格言</a>
<a class="btn btn-default" href="/article/jmqxmc" title="爆：女人10种表现 最得男人心">爆：女人10种表现 最得男人心</a>
<a class="btn btn-default" href="/article/jmqxmd" title="男女间最致命的忌语是什么?">男女间最致命的忌语是什么?</a>
<a class="btn btn-default" href="/article/jmqxme" title="知己！">知己！</a>
<a class="btn btn-default" href="/article/jmqxmf" title="X战警">X战警</a>
<a class="btn btn-default" href="/article/jmqxmg" title="【转】 太全了，早晚会用到！---各类文章范文">【转】 太全了，早晚会用到！---各类文章范文</a>
<a class="btn btn-default" href="/article/jmqxmh" title="刘毅新汇编：“义勇军进行曲”集锦 - 音乐纵横谈">刘毅新汇编：“义勇军进行曲”集锦 - 音乐纵横谈</a>
<a class="btn btn-default" href="/article/jmqxmi" title="唐颜真卿《自书告身帖》墨迹！【珍品】">唐颜真卿《自书告身帖》墨迹！【珍品】</a>
<a class="btn btn-default" href="/article/jmqxmj" title="刘长乐 包容的智慧(22)">刘长乐 包容的智慧(22)</a>
<a class="btn btn-default" href="/article/jmqxmk" title="全元戏文·北西厢记 【元·王德信 著】">全元戏文·北西厢记 【元·王德信 著】</a>
<a class="btn btn-default" href="/article/jmqxml" title="人际关系是张网啊">人际关系是张网啊</a>
<a class="btn btn-default" href="/article/jmqxmm" title="全球最大成人娱乐展惊艳登场_">全球最大成人娱乐展惊艳登场_</a>
<a class="btn btn-default" href="/article/jmqxmn" title="睡觉时易做梦?需滋阴补心..">睡觉时易做梦?需滋阴补心..</a>
<a class="btn btn-default" href="/article/jmqxmo" title="有钱人与银行及政府（可悲的中国百姓）">有钱人与银行及政府（可悲的中国百姓）</a>
<a class="btn btn-default" href="/article/jmqxmp" title="夺人魂魄的超美风景！【唯美】r">夺人魂魄的超美风景！【唯美】r</a>
<a class="btn btn-default" href="/article/jmqxmq" title="小罪犯 Le Petit criminel">小罪犯 Le Petit criminel</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>