《网页设计实训报告》.pdfVIP

娄底职业技术学院 LOUDI VOCATIONAL AND TECHNICAL COLLEGE 《网页编程技术》实训报告 课 题 ： 个人网站制作库 系 部 ： 电子信息工程系 班 级 ： 16 级软件 1 班 学 号 ： XXXXXXXXXXXX 姓 名 ： 隐非问 组 员 ： 王子涵、张杰明、林丽雪、吴涛、隐非问 指导老师： 王锡文 完成时间： 2016.12.5 —2016.12.25 目 录 一：实训目的 ………………………………… ………… 3 二：实训原理 ………………………………… ………… 3 三：设计过程 ... ………………………………………………… 3 四：设计框图 …………………………………………… ...…… 4 五：程序代码 ………………………………………………… 4 六：实训总结 ………………………………… .. …………… 9 一 .实训目的 (1) 掌握网页制作软件 DreamweaverCS3基本操作和使用技能。 (2) 掌握规划网站的内容结构 , 目录结构 , 链接结构的方法。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 掌握网页页面布局的各种方法。 (5) 掌握在网页中输入 , 设置标题和正文文字的方法。 (6) 掌握在网页中插入图像和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 二 . 实训原理 HTML（(Hypertext Markup Language）超级文本标记语言是标准通用标记语言下的一个 应用， 也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。网 页文件本身是一种文本文件，通过在文本文件中添加标记符，可以使用浏览器被网上浏览。 三．设计过程 （1）网站主题 我做的网站主要是从各个方面介绍我的家乡，包括历史由来，名胜古迹，旅游圣地等。 同时，网站里的每一个网页都设置了不一样的风格，用以展示图文最好的效果。 （2 ）网站材料 我主要在网站上搜集图片、文字、相关的新闻。同时，请教老师 flash 动画和网页特效 等。 （3 ）网站规划 我的网站共有 7 个页面：主页——乡愁；历史由来；蔡伦故馆；八角古亭；人文风景； 耒阳竹海； 幸福耒阳。 每一个页面应用了不同的背景图片， 以保证不同内容的不同页面风格。 （4 ）网站的制作工具 做网页时主要使用的是 DeamweaverCS3。另外，为了处理网页中的其他元素，还使用 了 Photoshop 软件。 （5 ）制作网站的网页 素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要 做的就是站点的规划， 建立一个本地站点 “乡愁”，建立的各个页面都应该放在本地站点中， 在网页制作时所需的各个元素都进行了统一的管理， 统一的文件夹放同一类型的文件， 我在 制作时建立了“图片素材”文