网站制作教程

网站制作教程设计者：王静网站制作教程一、准备工作1．建立站点文件夹（1）建立根目录（2）分类存放素材（3）分类存放网页文件2．认识Dreamweaver8Dreamweaver8是Adobe公司最新推出的网页制作软件，用于对网站、网页和Web应用程序进行设计、编码和开发。它广泛用于网页制作和网站管理。Dreamweaver8的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和易用性，多数功能都能在工作界面中很方便地找到。工作界面主要由【文档】窗口(设计区)、菜单栏、状态栏、面板组和【属性】面板组成，如图所示。3．网页基础知识（1）网页的概念菜单栏设计区状态栏属性面板面板组网站制作教程设计者：王静网页(web)是网站上的某一个页面，它是一个纯文本文件，是向访问者传递信息的载体，以超文本和超媒体为技术，采用HTML、CSS、XML等语言来描述组成页面的各种元素，包括文字、图像、音乐等，并通过客户端浏览器进行解析，从而向浏览者呈现网页的各种内容。（2）网页的基本元素网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。一个网页的基本元素主要包括文本、图像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单等，如图所示。二、配置站点站点：是用于存放网站中所有网页信息和页面中链接到的资源的文件夹。Dreaweaver8配置站点教程三、制作网页1．新建网页（1）选择“创建新项目”下的HTML（2）点击“属性”面板中的“页面属性”按钮网站制作教程设计者：王静（3）网页的页面属性主要包括：页面标题、背景图像、背景颜色、文本和链接颜色、边距等。其中，【页面标题】确定和命名了文档的名称，【背景图像】和【背景颜色】决定了文档显示的外观，【文本颜色】和【链接颜色】帮助站点访问者区别文本和超文本链接等。在“外观”选项卡中对页面中文字字体、大小、颜色、背景图像等加以设定。2．网页布局规划在进行页面版式设计的过程中，需要安排网页中包括文本、图像、导航条、动画等各种元素在页面中显示的位置以及具体数量。对网页进行布局的具体操作如下：（1）选择布局菜单，进入到布局模式。（2）设计好页面布局后，一定要退出布局模式3．页面色彩的规划网页中色彩的应用是网页设计中极为极为重要的一环，赏心悦目的网页，色彩的搭配都是和谐优美的。在确定网站的主题后，我们就要了解哪些颜色适合站点使用，哪些不适合，这主要根据人们的审美习惯和站点的风格来定，一般情况下要注意以下几点：（1）忌讳使用强烈对比的颜色搭配做主色；（2）配色简洁，主色要尽量控制在三种以内；（3）背景和内容的对比要明显，少用花纹复杂的背景图片，以便突出显示文字内容。4．设计网页素材加工、制作网页所需要的素材。如何提取word中的图片5．编辑网页内容具体实施设计结果，按照设计的方案制作，通过Dreamweaver等网页编辑工具软件在具体的页面中添加实际内容。如插入文字、图片、音视频、动画等。如何在网页中插入FLV文件绘制布局表格绘制布局单元格网站制作教程设计者：王静6．加入超链接超链接是网页中最重要的组成部分。可以实现页面之间的互相跳转，从而有机地将网站中的每个页面联系起来。此外，还可以创建电子邮件，热点图像等超链接。超链接的设置绝对路径和相对路径7．测试网页在完成网页的制作工作之后，需要对网页效果进行充分的测试，以保证页面中各元素都能正常显示。