网页实训.docx

《网页实训.docx》由会员分享，可在线阅读，更多相关《网页实训.docx（5页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、陕西国防工业职业技术学院网页设计与制作实训报告专 业:班 级:姓 名:学 号:指导老师: 实训时间: 实训地点: 成 绩:软件技术专业软件3121罗延18董明戚斌2013-06-17-2013-06-21北 8-504软件教研室制帚为陕西国防工业职业技术学院IQD/ SHAANXI INSTITUTE OF TECHNOLOGYSXIT实训项目单一、实训目标掌握网页设计的构思方法，掌握网页布局的基本技巧，使用dreamweaver进 行网页编辑的操作，掌握表格、文本、样式、链接、图片的处理方法和排版，通 过实际样例完成网页的排版，网站的整合，强化软件操作和代码记忆，强化 DIV+CSS样式的应

2、用，熟练掌握网页设计技术。二、实训要求完成实训项目要求，页面要求整洁、清晰，结构代码编写合理、页面排版美 观、一致，页面上没有明显的错误，样式应用合理。网站完成后将整个网站文件 打包，上传至指定位置，按照要求完成实训报告。三、考核标准(1)平时实习纪律考勤占10%(2)实训报告占40%(3)网站占40%(4)实习总结占10%网页设计与制作实训1、设计任务设计制作个人网站。根据个人的喜好、特点，结合自己的专业，设计制作一 个个人网站，主要内容包括个人的介绍、爱好、收藏、照片、个人作品、友情链 接、留言等内容，网站至少包括主页和内容页面两个模板，整个网站至少包含8 个完整页面内容的网页，网站风格保

3、持一致，可以根据自己的特点来安排和设计 网页的内容。2、设计步骤安排1 .构思设计网页布局和规划，下载合适的模板用于制作，收集素材、整理 资料，填写实训报告内容的第一项和第二项。2 .使用模板进行页面布局定位，最好使用DIV+CSS定位方式。填写实训 报告内容的第三项。3 .添加页面内容，设置图片、文字等内容的排版，设计内容排版的样式， 填写实训报告内容的第四项。4 .将网页留言部分包括一个表单。5 .将各个页面链接，检查页面显示是否有错误或排版不整齐的地方。丰富 页面内容，可以适当增加一些动画。6 .完成修改，打包上传网站。完成实训报告。7 .课堂点评。3、设计要求1 .页面名称规范，网站内

4、文件夹命名规范，用途合理。2 .网站风格保持一致，配色、样式统一。3 .页面布局完整，规范。代码清晰、样式名称规范合理。4 .文字排版整齐、美观、易于阅读，图片清晰无变形。5 .导航清楚，链接正确。6 .网站留言要求制作一个简单的表单，包括联系人名称、邮箱、性别、留言内容等。7 .对设计作品每日进行进度检查，正常上课时间内没有完成的，下课自行上机完成。8 .不定时抽查完成情况，并叫一部分同学演示自己的作品。9 .对于雷同网页，两人同时记为零分。4、报告内容一、前期规划二、模板分析三、样式定位四、内容排版样式五、遇到的主要问题六、体会和总结9这一周，我们要进行网页实训，我们认为做网站前最主要的是

5、确定主题、框架和标题栏的设 计。确定主题。制作网页，首先是确定主题，本次实训是做一个自己的网站，设计主页。主 页的设计是整个网站的灵魂，构思导航栏的分类，然后是整体规划，每一版块都有其个性的 色彩，清晰明了，便于阅读浏览，资料的搜集。主页的导航栏设计好后，接下来就是对主页 导航栏的各个内容进行资料的收集，我们采用大量的资料收集再对资料进行塞选，得到最适 合导航栏内容的资料。素材的选择，要符合网站的主题，图片的大小要符合模板的轮廓，我 们将不符合模板的用Photoshop处理编辑，然后放入站点底下，进行图文的链接和排版。二，此次网站建设中我们决定大量运用模板，,各个子网页的建立。我们设计好模板后

6、只要在可 编辑区依次编辑所需资料就可,运用模板建立子网页少了很多工序，为我们节省大量的时间。 尽管我们建立了模板，但我们在建立子网时很小心，因为一张图片的大小插入就有可能破坏 整个模板的结构尤其在使用表格时，因此我们对所插入的图片和表格都得进行测量，做到不 影响网站整体的美观。Css+div四首页内容精彩丰富，首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一, 连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个 整体，只有围绕一个统一的目标所做的设计才是成功的；连贯，页面之间关系连贯，统成一 体；每版内容都自成一体，颜色各异，便于浏览；整个网页有动有静，颜色不同，形成对比， 不呆板，富有生气；颜色各异，但又不同之中又相同，浑然一体。五在