简单网站设计教程VIP专享VIP免费

网站制作简单网站设计教程主讲:蓝永健广东第二师范学院lanman@gdei.edu.cn网站制作内容目录1.工具的选用和文件命名约定2.表格的知识3.定义网站4.设计网站布局和导航5.制作网页的模板6.使用模板制作单个网页7.使用WORD制作单个网页8.使用FlashPaper制作单个网页网站制作1.工具的选用和文件命名约定•因为简单，因为易学，因为易用，选用以下3个软件–MicrosoftOfficeWORD2003–MicrosoftOfficeFrontPage2003–MacromediaFlashPaper2.0•文件命名约定–所有文件名和文件夹都不建议使用中文–而采用拼音全拼、拼音缩写、英文全拼、英文缩写或者数字组合等网站制作2.表格的知识•2.1布局表格的单位大小•2.2灵活使用“表中表”的思想•2.3表格的对齐方式•2.4表格线条的大小网站制作2.1布局表格的单位大小•最外层的表格使用固定单位大小为宜；里层的表格或者单元格，则使用百分比为宜，如95%的大小。•显示器的大小和分辨率局限了网页的大小。优秀的网页不建议浏览器出现横向滚动条•在800*600的分辨率下，页面尺寸多为780*428像素;在1024*768的分辨率下，页面尺寸多为1000*600像素网站制作2.2灵活使用“表中表”的思想•通常一个网页是可以由多个表格来排版完成。在一个表或者单元格中再嵌套一个表格，可以设计出非常多的排版效果网站制作2.3表格的对齐方式•表格默认的对齐方式是“左对齐”•我们建议对各个表格都进行“居中”对齐，特别是使用“表中表”时，内部的表格更要注意对齐的方式•这样对于不同分辨率下的显示器的显示效果会达到比较美观的效果网站制作2.4表格线条的大小•通常用来布局用的表格，各线条的大小都设为0像素•因为仅用来布局和排版，是把各网页元素定位好，因此不需要把表格的线条大小显示出来网站制作3.定义网站•在网站设计工具中定义网站的作用–归类管理各种素材:文字,图片,FLASH,电影等–可以正确生成相对链接,避免出现死链接–可以批量更新公共内容–可以进行批量替换–可以使用软件中很多的辅助功能,如”包含文件夹、动态模板”等网站制作3.定义网站•方法：–在电脑磁盘中创建一个文件夹–使用FrontPage2003的“文件—打开网站”功能打开–如果是首次打开，FrontPage2003会自动加载一些必须文件和文件夹网站制作4.设计网站布局和导航•使用表格来设计一个总体的网站布局•使用表格时，需要注意表格与图片的大小•制作过程–选择布局形状:上中下–制作顶部导航–制作中间内容–制作底部版权信息网站制作4.设计网站布局和导航/2•选择布局形状:上中下–使用三个表格，第一个表格作为顶部导航，第二个表格作为中间内容，第三个表格作为底部版权信息–表格都要居中对齐–具体操作请见教师演示网站制作4.设计网站布局和导航/3•制作顶部导航–通常使用2行1列的表格–第1行放LOGO图片–第2行放导航链接.然后再在第2行放入一个新的表格网站制作4.设计网站布局和导航/4•制作中间内容–通常使用1行2列的表格–第1列可以再放一些表格，用作二级导航–第2列可以放网站相关的内容，如文字，图片，FLASH网站制作4.设计网站布局和导航/5•制作底部版权信息–通常使用1行1列的表格–然后加入一个背景图片或者使用背景颜色–再输入相关的文字网站制作5.制作网页的模板•制作好一个完整的布局版面网页•另存为“动态模板”•增加“可编辑区域”–在需要编辑的区域，点右键–选择“管理可编辑区域”–输入一个区域的命名名字，然后点“增加”按钮–如还有多个区域需要设置，重复前面三步网站制作6使用模板制作单个网页•必须制作好模板，然后再使用模板•模板中必须有“可编辑区域”•方法–找到模板文件–使用右键菜单生成–在生成后的网页中，填写相关内容就可以完成网站制作7.使用WORD制作单个网页•先在Word中排版好相应的格式•再另存为网页•保存时，注意选择保存的类型和放置的文件夹位置网站制作8.使用FlashPaper制作单个网页•安装好FlashPaper软件，它会生成一个虚拟打印机•先在Word,Excel,PowerPoint等软件中排版好相应的格式，•然后在Word,Excel,PowerPoint等软件的“文件—打印”功能中，选择FlashPaper虚拟打印机•保存生成的虚拟打印文件，文件格式为Flash•生成的Flash文件的格式，与原软件中的各板式一致。因此操作非常简便网站制作谢谢！