（汇总）计算机：网页设计基础及DW CS5基础.pptVIP

html head title表格标签/title /head body 表格标签范例！br table border= “1” caption员工信息表/caption tr th工号/thth姓名/thth性别/thth出生年月/thth所属部门/th /tr tr th0001/thth张三/thth男/thth1990年1月/thth人事部/th/tr tr th0002/thth李四/thth女/thth1992年11月/thth财务部/th /tr /table /body /html 三、超文本标记语言（HTML）基础 （1）每一个HTML文档都不太大，它能够尽可能快地通过网络传输和显示，不需要加入字体或格式等其他控制信息。 3、HTML的优点 （2）HTML文档是独立于平台的，它对多平台兼容。 （3）虽然HTML是一个标识性的语言，但是它比任何一种计算机语言都简单易学。而且制作时并不需要特殊的软件，只要一个字符编辑器就可以完成。 四、网页设计的基本流程 网页设计的基本流程包括前期策划、CI形象设计、栏目与版块规划、确定网站的目录结构、确定网站的整体风格、版面布局及首页设计、网页模板制作、网站测试和发布网站等。 （1）前期策划：主要是为了确定网站的主题和名称。 主题要明确、精要，名称要切题、有特色且易记住。 四、网页设计的基本流程 （2）CI形象设计 ：包括LOGO、色彩、广告语等可以作为标志性的东西。尽量做到以得体的颜色和图案体现网站的形象 。 （3）栏目与版块规划：栏目设置应体现网站的主题。版块安排应尽量做到井井有条，避免产生混乱，坚持适度的原则。 （4）确定网站的目录结构：尽量要简洁，分支页面内容相对独立，而且 要求导航功能完善，能使用户快速到达目的页面。 四、网页设计的基本流程 （5）确定网站的整体风格 ：网站风格的确定主要针对浏览者以及网站的主题。 （6）版面布局及首页设计：页面布局的原则是将一定的内容放在特定的可视块上 。首页应该切题精练、重点突出，能让网页浏览者快速地了解该网站的大概内容。 （7）网页模板制作：网页模板包括所有网页的公共元素，如LOGO、广告语、导航栏、返回首页、站点地图、E-mail地址、版权信息等。 四、网页设计的基本流程 （8）网站测试 ：最方便的测试方法就是在本机上使用Internet浏览器进行浏览测试，包括链接、外观、速度、脚本和程序等内容，同时根据结果及时进行相应的修改。 （9）发布网站：可以使用Dreamweaver CS5中的“发布站点”功能或者FTP软件，将页面文件上传到指定的网络服务器上。如果自己没有服务器，则需要在网络上申请一个空间来存放网页，同时还必须申请一个域名来指定站点在网络上的位置。 五、通过输入HTML代码制作简单的网页 实验前先在“D:\”目录下新建一文件夹，并且将该文件夹重命名为“mysite”；打开mysite，再新建一个文件夹，将该文件夹重命名为“images”，把上机实践文件夹第1课文件夹里面的图片“孔子”复制到刚刚新建的“images” 文件夹里。 步骤１　单击【开始】|【所有程序】|【附件】|【记事本】命令，打开记事本 。 步骤2　在记事本中输入以下内容： html head title思学苑-欢迎您！/title /head body 《论语》——孔子 div align=center img src=images/孔子.jpg alt=孔子 align=center border=1 width=150 height=170 h1 align=center学而第一/h1 子曰：“学而时习之，不亦悦乎？有朋自远方来，不亦乐乎？人不知而不愠，不亦君子乎？” ptable align=center border= “1” caption注释/caption tr th原词/thth释义/th /tr 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 空议由乙方提供他人呢 第1课 网页设计基础知识及DW CS5基础 ：●理解网页与网站的区别； ●了解网页的基本元素； ●熟悉并掌握HTML语言基础知识；