静态网页实训报告
姓名：胡玉巧        班级：计信1班      学号：*********     
前  言
至于我的主题为什么选择“林俊杰”。这就是他的音乐感染了我，从2006年时他的第三张专辑《曹操》给我带来了一种震撼，我就寻他的“踪迹”以后每张专辑我都在第一时间去听，去再次领略他的音乐才华。
选择好主题和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于展示个人的网站，我浏览了许多知名艺人的网站，取其精华，在第一感官上就给浏览者一种震感的感觉，我希望通过我的网站可以让你对“林俊杰”更加深印象！
林家俊杰，无可取代。FEDERATION，因你而在！ 
音乐无处不在，俊杰无可替代。乐坛有俊杰，音乐不会结。
　俊杰百度贴吧，JM永远的家。
JJ不红，天理难容。
林俊杰勇往直前 杰迷会唯J独显
第一章：简介
进一步熟悉和掌握网站建设的基本流程和技术规范；巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识；巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备独立撰写实训报告等科技文件的基本能力；在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；为今后从事网站开发、维护和管理奠定基础
第二章：前期规划
    站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
    进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
    网页设计。除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。
    动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。
    综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）
网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等
第三章：实训步骤
项目：《JJ-林俊杰》网站设计
网页设计说明：
站点结构与命名。
    站点文件夹为班级学号姓名（如：linjunjie）
    站点文件夹中所包含文件夹：Images（存放图片文件）
    Templates（存放模板文件）
    Library（存放库文件）
    Other（存放其它文件）
    原文件（存放自己设计的图形、动画文件，但最终要用的图形、动画文件还是要放到Images文件夹下）其余视文件夹需要而添加，全部用英文命名
    站点文件夹中所包含文件： index(首页)
    *.css（样式表文件）其余视文件夹需要而添加，全部用英文命名
例如：
网站题材选择。
    制作个人网站
    制作班级网站
    制作学校网站
    制作教学资源网站
    制作旅游网站
    制作
网站技术要求。
    页面布局合理，彩和谐，链接正确，图文并茂并茂。网站页面大小满足800*600分辨率的浏览。
    主要图片和动画为原创（保存有源文件），主页标题图片（动画）必须为原创。
    必须且合理使用动态技术（包括行为、时间轴动画、嵌入代码等），必须且合理运用模版、库文件。
    站点中要有一个首页，二级网页总数不少于3页。三级页面数目不限，结构为：
第四章：实验步骤
4.1内容介绍
我的网站的主旨在于从各个方面全面的介绍林俊杰，展示他，包括他的个人资料、个人相片和爱好。另外，网站里还包括他的历年专辑的资料，建立一个展示个人形象的平台。同时，网站里的每一个flash页面都有统一的风格，每一个网页的主题彩都是黑，用以展示个人性格的效果。最重要的是做出特的风格，给浏览者好的欣赏感受。
如何制作网页代码4.2、网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。
4.3、网站规划
我的网站共有5个主页面：新鲜、相册、音乐、个人介绍、专辑、留言版。每一个页面用统一的背景图片，以保证网站统一的页面风格。   
网站整体调为黑，然后点缀其他不同的颜相配，突出主题，颜没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用flash，位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，我加入了适当的背景音乐，用以达到更好的浏览效果。
4.4、网站的制作工具
做网页时主要使用的是Flash CS4，但我还使用了DeamweaverCS4。另外，为了处理网页中的其他元素，还使用了Photoshop、音频处理等软件。
4.5、制作网站的网页
素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“wangye”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“images”文件夹来存放图片。
4.6、在网站中插入flash
其中在网页中代码如下：
<body bgcolor="#000000" class="swf">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。