来源：百度文库 编辑：
中财网 时间：2024/07/07 10:58:05
网站设计系列多媒体教程 [连载完]
与单纯的图文教程相比，生动活泼的视频多媒体教程更容易吸引大家的注意，让学习过程更加轻松有趣。
这里推出的是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/wasfad">手把手教你做传奇私服</a>
<a href="/article/wfgztw">找制作网页高手师傅.手把手教我.</a>
<a href="/article/waokuy">《手把手教你修电脑》这本书如何邮寄？</a>
<a href="/article/wlfrad">手把手教你在QQ中用梦幻游戏表情</a>
<a href="/article/wmfykq">手把手教你怎样在cs中喷彩图</a>
<a href="/article/wpdiyf">手把手教你做传奇私服 - PCDOG教学频道</a>
<a href="/article/wrixoa">请问那里可以找到手把手教你Ghost备份。</a>
<a href="/article/wrmtcc">谁能提供手把手教你配置路由的视频教程</a>
<a href="/article/wqfwtx">有人手把手教人做网页吗？</a>
<a href="/article/wiujak">手把手教我讨债。</a>
<a href="/article/wgyecr">有哪个GG JJ能不能手把手教我做网页或者论坛？？</a>
<a href="/article/wguymy">哪里有下载新东方出的《手把手教你四六级作文》</a>
<a href="/article/wpbbfr">在哪可以下载《手把手教你学单片机》的电子书</a>
<a href="/article/wpstqm">手把手教我安装操作系统</a>
<a href="/article/wmrcbl">谁手把手的教一教我这个学生，如何制作网页</a>
<a href="/article/vzinor">哪里有手把手教WINDOWS的？</a>
<a href="/article/walonb">谁可以手把手教我做私服传奇</a>
<a href="/article/wnmtml">求高手手把手教我建局域网</a>
<a href="/article/wnqnwk">adsl怎么设置手把手教我</a>
<a href="/article/wpesmt">怎么开SF请手把手教我</a>
<a href="/article/wrlcqf">请手把手教我怎么创造传奇</a>
<a href="/article/wslrlw">有没有手把手教的组网教程</a>
<a href="/article/vxgmdn">网页中的音频文件无法播放</a>
<a href="/article/whfisv">如何下载网页中的音频文件？？？？？？？？？？</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/wcovbr" title="太精华了：人不如我意，是我无有量；我不如人意，是我无有德">太精华了：人不如我意，是我无有量；我不如人意，是我无有德</a>
<a class="btn btn-default" href="/article/wcovbs" title="人体天生就有个药房 很多疾病其实都能自愈">人体天生就有个药房 很多疾病其实都能自愈</a>
<a class="btn btn-default" href="/article/wcovbt" title="芦荟酒止牙痛立马见效">芦荟酒止牙痛立马见效</a>
<a class="btn btn-default" href="/article/wcovbu" title="冻疮怎么治疗怎么预防">冻疮怎么治疗怎么预防</a>
<a class="btn btn-default" href="/article/wcovbv" title="他们真地是人！">他们真地是人！</a>
<a class="btn btn-default" href="/article/wcovbw" title="试试看：盘腿可改善你的记忆力">试试看：盘腿可改善你的记忆力</a>
<a class="btn btn-default" href="/article/wcovbx" title="千古才情万古对--纪晓岚智对称圣手">千古才情万古对--纪晓岚智对称圣手</a>
<a class="btn btn-default" href="/article/wcovby" title="轻松取消Excel中的“自动添加超链接”">轻松取消Excel中的“自动添加超链接”</a>
<a class="btn btn-default" href="/article/wcovbz" title="北红村（转载）">北红村（转载）</a>
<a class="btn btn-default" href="/article/wcovca" title="对付感冒的12种绝妙方法">对付感冒的12种绝妙方法</a>
<a class="btn btn-default" href="/article/wcovcb" title="华佗的睡眠和健康">华佗的睡眠和健康</a>
<a class="btn btn-default" href="/article/wcovcc" title="如何扩大你的人际圈子">如何扩大你的人际圈子</a>
<a class="btn btn-default" href="/article/wcovcd" title="明星般的氣質[15P]">明星般的氣質[15P]</a>
<a class="btn btn-default" href="/article/wcovce" title="话很短,可读了会痛!">话很短,可读了会痛!</a>
<a class="btn btn-default" href="/article/wcovcf" title="女人婚前性行为心理揭秘">女人婚前性行为心理揭秘</a>
<a class="btn btn-default" href="/article/wcovcg" title="愿意回到过去的请举手">愿意回到过去的请举手</a>
<a class="btn btn-default" href="/article/wcovch" title="六种有益女性健康的好食物">六种有益女性健康的好食物</a>
<a class="btn btn-default" href="/article/wcovci" title="岐山美食臊子面">岐山美食臊子面</a>
<a class="btn btn-default" href="/article/wcovcj" title="[批评员工的艺术]">[批评员工的艺术]</a>
<a class="btn btn-default" href="/article/wcovck" title="网上男人勾引女人的八种方式">网上男人勾引女人的八种方式</a>
<a class="btn btn-default" href="/article/wcovcl" title="盘点伤身食物">盘点伤身食物</a>
<a class="btn btn-default" href="/article/wcovcm" title="英语单词">英语单词</a>
<a class="btn btn-default" href="/article/wcovcn" title="十全老人乾隆帝为何武宠福康安文宠和珅">十全老人乾隆帝为何武宠福康安文宠和珅</a>
<a class="btn btn-default" href="/article/wcovco" title="揭秘龙年春晚刘谦“镜子里喝咖啡”">揭秘龙年春晚刘谦“镜子里喝咖啡”</a>
<a class="btn btn-default" href="/article/wcovcp" title="提取Excel布局样式 转为模板以方便重复使用">提取Excel布局样式 转为模板以方便重复使用</a>
<a class="btn btn-default" href="/article/wcovcq" title="人一生有22个关键点，早知道对您也许有好处！！！">人一生有22个关键点，早知道对您也许有好处！！！</a>
<a class="btn btn-default" href="/article/wcovcr" title="吃透股性稳抓买点 行家教你买入就涨的绝招">吃透股性稳抓买点 行家教你买入就涨的绝招</a>
<a class="btn btn-default" href="/article/wcovcs" title="14种食物让你从头一直补到脚">14种食物让你从头一直补到脚</a>
<a class="btn btn-default" href="/article/wcovct" title="别拿脂肪肝不当回事【治病】">别拿脂肪肝不当回事【治病】</a>
<a class="btn btn-default" href="/article/wcovcu" title="黄宏看到此文章激动地哭了！">黄宏看到此文章激动地哭了！</a>
<a class="btn btn-default" href="/article/wcovcv" title="警惕日常食物的10个严重副作用">警惕日常食物的10个严重副作用</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>