静态网页制作table（静态网页制作教程）

Dreamweaver静态网页制作步骤有哪些?

1、在Dreamveaver中“文件—新建—常规—基本页—html”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。

2、制作静态网页 制作效果图：在正式制作网页之前，可以先使用Photoshop等软件制作一个1：1的网页效果图，这样有助于更好地规划网页的布局和样式。切片与导出：将制作好的效果图进行切片，导出为网页所需的图片资源。

3、收集资源 确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源。布局页面 设计站点结构和收集了足够的资源之后，就可以开始布局页面了。

4、站点规划和设计的基本步骤 决定站点目的和方向 网站的行业性质（如个人、政府、商务、文化教育、娱乐）以此来考虑用色和格调；网站的内容；目的（宣传自己、商务活动、服务）。

5、新建一个站点，新建站点步骤按系统提示操作。新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。制作子页，并与主页导航栏栏目链接。制作完成后打开主页预览，逐步修改完善。如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。以上是制作普通静态网页的基本步骤。

制作网页需要学习哪些语言

1、Html：HTML是构建网页的基础语言。掌握HTML能够帮助你理解网页的结构和内容如何呈现，是网站制作的第一步。CSS：css用于控制网页的布局、颜色和字体等样式。通过CSS，你可以美化网页，使其更加吸引用户。javascript：JS用于实现网页的动态交互效果。掌握JS可以让你的网页更加生动有趣，提升用户体验。

2、网站开发需要的技术主要包括HTML、CSS、JavaScript等脚本语言和ASP、PHP、ASP.NET等编程工具，同时还需要数据库知识。网站开发常用的编程语言有ASP、.NET、php和jsp。基础脚本语言：HTML用于定义网页的结构和内容；CSS用于控制网页的布局和样式；JavaScript用于实现网页的交互功能和动态效果。

3、要学习的有C语言语法、Python、javaScript语法等。C语言：C语言作为一种简单灵活的高级编程语言，它是一个面向过程的语言，一般是作为计算机专业的基础入门语言课程。python：Python是一种面向对象、交互式计算机程序设计语言。它的特点是语法简捷而清晰。

4、制作网页需要的基础包括以下几点：HTML语言：这是构成网页的基本元素，用于定义网页的结构和内容。CSS样式表：用于美化网页，控制文字的样式、颜色、对齐位置等很多属性，使网页更加美观和易读。JAVASCRIPT语言：这是一种脚本编程语言，可以在客户端实现很多交互效果，如表单验证、动态内容更新等。

5、学习HTML是制作网页的第一步，需要掌握其标签、属性等基本概念和用法。 JavaScript语言：JavaScript是一种用于创建动态和交互式网页的脚本语言。学习JavaScript可以让你在网页中添加动态效果，提高用户体验。

6、PHP拥有简单的学习曲线、廉价的托管环境、丰富的学习资源和相对容易的开发环境，适合初学者。Html5是超级文本标记语言，旨在为“网页创建和其他可在网页浏览器中看到的信息”设计。HTML5是万维网发布的最新语言规范，是开放的web网络平台的基石。因此，做Web前端，精通html5是必不可少的技能。

关于html静态网页制作中table带图片无法对整齐

1、table加style=table-layout：fixed td宽度设固定值，带图片的，最好参考图片的最大宽度。两步设置完，应该不会对不齐了。开发阶段，可以把table得border调出来，这样可以直接看效果，等设定好了再取消border就行。

2、解决水平居中的办法：如果图片左浮动并且display：inline时，只要给图片设置一个text-align：center属性，就顺利解决了水平居中。解决垂直居中的办法：使用display：table-cell和设置了display：inline-block的线合span。

3、给左侧的图片加一个css样式： vertical-align： middle，如下图。

4、如下参考：首先，打开HTML编辑器，新建HTML文件，如：返回索引。html，写问题代码。在index.html列2标签中，输入样式码：style=text-align：right；。当浏览器运行index.html页面时，table选项卡的第二列显示在右侧。

5、之后去掉table的填充和间距边框。如果图片高度和宽度不一样，会很麻烦，有的时候用table实现不了效果，只能用div。代码应该没问题，是你的图片出现了空隙，http：//img0taobaocdn.com/imgextra/i4/487670862/T2ZiztXghbXXXXXXXX_！48767086GIF 把这个gif图片重新制作一下。