全球看热讯：如何制作网站首页？网站首页制作教程分享？

如何制作网站首页

很多网页初学者在制作网页时会出现困惑，不知道到底怎样设置和制作网页，不知从何下手，下面我就给大家总结了几步简单的步骤，教大家如何制作网站首页

(资料图片)

如何制作网站首页一、分析网页的结构

在申请E-mail邮箱的时候一般会要求填写个人的一些信息，比如：姓名、年龄和联系方式等

如何制作网站首页二、页面的整体设计

1、新建文件

①、在Dreamweaver窗口中选择菜单命令"文件"—"新建"命令，此时打开"新建文档"对话框

②、从"类别"列表框中选择"基本页"，然后在右侧HTML，单击"创建"按钮后，打开一个新文档编辑窗口

③、选择菜单命令"文件"—"保存"，将该文件保存到已建立站点目录中，如mysanplesite，文件名为index.html

2、使用跟踪图像

①、选择菜单命令"修改"—"页面属性"，此时打开"页面属性"对话框

②、在其左侧的"分类"列表中选择"跟踪图像"，切换到"跟踪图像"面板，单击"跟踪图像"后的"浏览"按钮，从打开的"选择图像源文件"对话框中，找到素材目录中的文件index.png

③、单击"确定"按钮返回到"页面属性"对话框中，然后拖动"透明度"滑块，调整跟踪图像的透明度，将其调整50%

④、单击"确定"按钮后，效果图就出现在编辑窗口中。

3、调整页面属性

①、在"页面属性"对话框中切换到"外观"面板，在其中设定网页的各个边距为0，在切换到"标题/编码"面板，然后修改标题文本

如何制作网站首页三、制作网页顶部

1、第1行的制作

①、插入表格【行、列、宽像素、边框粗细、单元格边距、单元格间距】

②、在第一行的单元格中，插入图像

③、在刚刚插入图像的右侧，在插入图像

④、设置两图像的对齐方式

⑤、添加背景图片，【将光标放在第1行，在"属性"面板中单击"单元格背景URL"，在打开的"选择图像源文件"对话框中，找到图片文件即可】

2、修改变革的背景颜色

①、选中整个表格：单击表格的边框选中整个表格或选中编辑窗口的下方标签

②、设置表格背景色：在"属性"面板上修改表格背景色

3、第2行的制作

①、在第2行冲插入表格

②、在新插入表格的第1单元格内，如入文本ENTER，在两个字母之间按住Shift键同时按下Enter键，让两个字母之间出现换行。

③、修改文本的颜色

④、设定单元格的宽度

⑤、在第2个单元格中，插入图像

⑥、设定此单元格宽度像素

⑦、在第3个单元格中，插入动画

⑧、修改动画大小

4、导航条的制作

①、在第3单元格中，插入表格

②、在新插入表格中的第一个单元格中插入图像

③、修改单元格宽度

④、设定第二个单元格背景色

5、装饰条的制作

①、设置第4行单元格的背景

②、在第4行单元格中插入图像

③、设置第5行单元格属性

④、在第5行单元格插入图像

此网页顶部基本完成了

如何制作网站首页四、制作中部框架

将光标放在已插入的表格右侧，然后插入表格，设置单元格背景色。

如何制作网站首页五、制作网页底部

插入表格，然后根据自己需要的内容添加

上面所说的是一个简单的网页制作步骤，非常适合初学者，希望可以帮到您!

时间财富网为广大企业、商家、个人，提供平面设计、装修设计、建筑设计、起名改名、策划文案、网站建设、营销推广等服务。若您有类似需要，请点击立即发布项目

另，时间财富网上也有着各式各样的任务，无论您是拥有技能的专业人士，还是技术小白。都能在时间财富网上找到您能参与的项目。点击进入悬赏大厅

无论你有什么疑难杂症，威客们都能一一为您解决，点击进入：问答平台。