网站创意设计与维护-实验指导书.doc

软 件 工 程 系网站创意设计与维护实验指导书专业班级： 图像10 指导教师： 徐 瑾 实验一：采用HTML代码设计网页一、 实验目的1学习使用记事本来书写HTML代码。2掌握HTML语法规则。二、 实验环境与地点1.实验环境：windowsXP +IE+记事本2.实验地点：兰州工专计算机实习基地三、 实验内容与步骤1实验内容做一个简单的个人主页。该页面必须具备以下功能：属于符合自己页面的LOGO；个人主页的相关内容；与内容相关的超链接；与其他知名相关网页或其他好友个人主页的友好链接。2实验步骤1) 启动“记事本”程序，命名为“index.html”。2) 根据个人喜好，在“记事本”中书写HTML代码，以实现网页的主要功能。 参考代码如下：四、 实验总结与分析实验二：网站设计欣赏一、 实验目的1.学会在网上浏览网页，并且能认识网页中的各种基本元素。2.学会鉴赏优秀网页的设计风格，能总结出网站的主题、衡量一个网站建设是否成功。二、 实验环境与地点1.实验环境：Internet+windowsXP 2.实验地点：兰州工专计算机实习基地三、 实验内容与步骤1.凤凰网主页该网站给人的感受是 。打开该网站使用的浏览器是 。2.B公司网站网页最下方列出了合作伙伴的广告，有 等知名公司，这样一种方式也是很多网页采用的形式。可以感受到这是一个 行业的网站。3.“碧海银沙”网站该网页使用了 等多种元素。运用了多媒体的技术，可以感受到这个页面 的特点。4.智联招聘网站主页整个页面让人联系到办公元素和文档。专业的人物图片给人以条理清楚而又专业的感受。可以感受到这个页面时信息类相关的网站。这个网站具备 特点。5.李连杰官方网站该网站是个人网站。网站的分类详细，布局的优点是 。这类网站的特点是 。6.动感地带官方网站该网站是一个与信息技术服务相关的网站。网站的分类详细，布局的优点是 。7.“榕树下”网站该网站的主题是关于。它的特点是以论坛的形式营造出一片生活气息很浓的读书环境。8.自选网站一网站名称： ；网站地址: 。 网站页面截图： 网站特点分析： 。8.自选网站二网站名称： ；网站地址: 。 网站页面截图： 网站特点分析： 。四、 实验总结与分析实验三：网站规划及网站首页面效果设计一、 实验目的1学习网站的策划与分析，学习网站策划书的撰写。2掌握用图像处理工具制作网页效果图的方法。二、 实验环境与地点1.实验环境：windowsXP +IE+Word+图像处理软件2.实验地点：兰州工专计算机实习基地三、 实验内容与步骤1实验内容根据所选项目确定网站风格、主题、名称、内容结构规划和版面结构规划，完成网站策划书的撰写。并在图像处理工具中完成网站首页面效果图的制作。2 实验步骤1）根据选定项目对网站进行策划和分析，完成网站策划书的撰写。策划书以电子稿的形式交给老师。请根据策划书内容填写以下项目：网站名称： 网站主题： 网站风格： 网站的内容结构图：（请以组织结构图的形式绘出）网站的版式布局：（请以草图的形式绘出）2）根据网站的版式布局，在图像处理工具中制作网站首页效果图。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数：如尺寸、颜色等）四、 实验总结与分析实验四：网站元素设计与制作一、 实验目的1掌握网络图像的处理方法。熟悉Photoshop、ImageReady和Fireworks等工具在处理网络图像中的应用。2掌握切片的设置。二、 实验环境与地点1.实验环境：windowsXP +IE+图像处理工具 2.实验地点：兰州工专计算机实习基地三、 实验内容与步骤1实验内容完成实验三网页中的LOGO、导航、Banner、图片等元素的制作。2实验步骤1) 启动图像处理软件，完成网站LOGO的制作。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数）2) 启动图像处理软件，完成网站导航条的制作。（请将效果图打印后贴于下方，并标注出效果图的主要设置参数）3) 启动图像处理软件，