大作业[网页的设计基本].doc

广州大学华软软件学院 网页设计基础 PAGE  第  PAGE 3 页 广州大学华软软件学院 作业题目 作业题目 课程名称： 网页设计基础 课程代码： NN1017 计划学时： 72 学分： 4 课程性质： 必修、考试 面向专业： 网络专业 课程负责人： 李毓丽 作业题和评分标准： 以下是综合设计大作业题目和相应要求，可选其中一题制作。 选题一 1.以少儿天地为主题设计一组网页。 2.在主页上：适当的位置放置导航条，导航条清晰反映主题所包括的内容，并且美观，风格与主题一致。 （20分）3.在网上找一幅风景图片和音乐，作为页面的背景和背景音乐。注意用华丽的配色吸引孩子的目光。（5分） 4.该网站目前设立少儿故事、字词学习、交朋友和图片欣赏4个二级栏目。在主页中设置超级链接，链接这4个栏目的主页，要求醒目，有一定的特色。 （10分）5. 少儿故事栏目：只要求给出一些故事的名称，并做一个故事的介绍(内容可以任意复制一些文字，题目用H2标题，利用css将页面的P标记字体设置为楷体16pt，字的颜色为蓝色；H2标记的字体设置为隶书20pt，字的颜色为红色。（20分）6. 字词学习栏目：给出一个字词学习栏目页，页面内容自定。 （5分） 7. 交朋友栏目：栏目主页面应给出找朋友、注册等内容。其中注册页面要求用表单制作，包括姓名、性别、出生年月、住址、联系方法、备注等项目，在表单中要用到文本框、单选按钮、复选框、下拉列表、文本域、提交按钮和复位按钮，并将表单的结果发送到自己邮箱中。注意给每个表单域起一个合适的名字，并用表格将表单的各项内容对整齐。（20分）8.图片欣赏栏目：栏目主页面要求用表格进行布局，将小图片对齐放置，点击可以打开新页面显示大图片。页面尽量简单美观。 （15分）9.每个二级栏目主页都应设返回主页的链接按钮或热区，以便浏览者返回主页。 （5分） 选题二 以班级主页为主题为你所在的班级设计一个网站， 在主页上：适当的位置放置??航条，导航条清晰反映主题所包括的内容，并且美观，风格与主题一致。 （20分） 网站设立班级相册、学习园地、动态新闻、成员注册4个二级栏目。到主页都要设置超链接（导航），导航可以直接用文字做链接或者用工具制作小图片来完成。（10分）4. 班级相册栏目：栏目主页面要求用表格进行布局，将小图片对齐放置，点击可以打开新页面显示大图片。页面尽量简单美观。（10分）5. 学习园地栏目：只要求给出一些学习资源的标题，并做简单的介绍(内容可以任意复制一些文字，题目用H1标题，利用css将页面的P标记字体设置为楷体16pt，字的颜色为蓝色；H1标记的字体设置为隶书20pt，字的颜色为红色。)。（20分）6. 动态新闻栏目：二级栏目的主页面应给出若干新闻的链接，并且在首页放置一块区域，做成滚动显示的新闻标题，点击可以链接到此栏目。（15分）7. 成员注册栏目：栏目主页面应给出注册内容。注册页面要求用表单制作，包括姓名、性别、出生年月、住址、联系方法、备注等项目，在表单中要用到文本框、单选按钮、复选框、下拉列表、文本域、提交按钮和复位按钮，并将表单的结果发送到自己的邮箱中。注意给每个表单域起一个合适的名字，并用表格将表单的各项内容对整齐。（20分）8.每个二级栏目主页都应设返回主页的链接按钮或热区，以便浏览者返回主页。 （5分） 选题三 以个人兴趣或者求职网为主题设计一个你自己的网站， 5-8个页面（文件大小要适当，图像文件不能太大），各页面之间要求有统一的导航机制，超链接的设置要合理，内容自定。（20分） 。 页面个数（5分） 文件大小（5分） 页面导航（5分） 超链接（5分） 要求使用表格进行整体设计和排版（20分）。 使用到表格（8分） 合理的布局效果（8分） 总体效果（4分） 需要使用框架技术，必须用到框架导航（15分）。 使用到框架（5分） 合理的框架导航（5分） 总体效果（5分） 需要有一个单独的表单网页（将表单的结果设置为发送到自己邮箱），其中包括文本框、单选按钮、复选框、下拉列表、文本域、提交按钮和复位按钮等控件（20分）。 有表单页面（5分） 表单控件（5分） 合理的布局（5分） 合理的用户界面，主要指文字标签（5分） 网页中的文字必须用CSS技术作统一格式设置，至少要应用一个外部样式表文件（20分）。 使用了CSS（5分） 使用了外部样式文件（5分） 合理的样式效果（5分）