刀剑神域动漫网页设计

• 知识点介绍
• 网页制作说明
• 网页代码演示
• • 导航代码
  • 正文代码
• 网页效果预览
• 成品地址

知识点介绍

使用dreamweaver制作采用table表格布局、网页背景颜色、底部版权区域

网页制作说明

本学生网页设计作业作品使用dreamweaver采用表格table布局制作，网页设计成品共6页，大小为5.3M，题材为刀剑神域动漫。
整体页面宽度为1200PX，页面精美，但技术简单，经典上中下结构，制作了底部版权区。

网页代码演示

导航代码

<table width="1200" border="0" cellspacing="0" id="menu" >
  <tr valign="top">
    <td><a href="">网站首页</a></td>
    <td><a href="">作品背景</a></td>
    <td><a href="">故事介绍</a></td>
    <td><a href="">登场角色</a></td>
    <td><a href="">关联作品</a></td>
	<td><a href="">精美图册</a></td>
  </tr>
</table>

正文代码

<table width="1200" border="0" id="zheng">
  <tr>
    <td width="330" rowspan="2"><img src="images/sy.jpg" width="314"/></td>
    <td height="60"><p>刀剑神域是由川原砾著作，abec负责插画，电击文库所属的轻小说，也是作者继《加速世界》后又一文库化的作品。繁体中文版由台湾角川发行，简体中文版由天闻角川发行，并授权爱奇艺轻小说、SF轻小说、咪咕阅读在其平台上发布电子版。</p></td>
  </tr>
  <tr>
    <td><table width="840" border="0" id="jj">
  <tr>
    <td width="100">中文名</td>
    <td width="300">刀剑神域</td>
    <td width="100">原版名称</td>
    <td>ソードアート・オンライン</td>
  </tr>
  <tr>
    <td width="100">出版社</td>
    <td width="300">ASCII Media Works</td>
    <td width="100">所属文库</td>
    <td>电击文库</td>
  </tr>
  <tr>
    <td width="100">出版期间</td>
    <td width="300">2009年04月10日—未完结</td>
    <td width="100">刊行册数</td>
    <td>22卷（未完结）</td>
  </tr>
  <tr>
    <td width="100">作    者</td>
    <td width="300">川原砾</td>
    <td width="100">插    画</td>
    <td>abec</td>
  </tr>
  <tr>
    <td width="100">译    者</td>
    <td colspan="4">周庭旭（第1卷+3-18卷）（中国台湾）、林星宇（第2卷）（中国台湾）、幽远（10-20卷）（中国大陆）、陈定刚（第21卷）（中国大陆）</td>
  </tr>
</table>
</td>
  </tr>
</table>

网页效果预览

成品地址

lilixing.com/html/dongman/209.html

标签：网页,HTML,神域,代码,刀剑,文库,制作
来源： https://blog.csdn.net/LILIXING_COM/article/details/110227951