Website Info


EDscreen Site Coding:
António H. F. Maia aka simcosmos.


EDscreen Logo:
Glória Maia


Baseline / Scripts used in ED Web Browser:
This site adapts the Perfect 'Right Menu' 2 Column Liquid Layout by Matthew James Taylor. View more website layouts and web design articles.
The EDscreen Data Table is presented with HTML Table Filter Generator by Max Guglielmi.
EDscreen's style sheet (edscreen.css) contains extra references and comments for pieces of code that were useful, adapted / enhanced. Thanks.


Site tested with:
firefox, opera, opera mobile emulator, chrome, safari, delphin browser; (msie8, netscape9)
=> 1024x768 optimum resolution (800x600 min.: except for Data Table page specificities, the site may also be responsive to a range of lower / higher resolutions)
(javascript on)
(cache=always latest page)

Website Walkthrough

1) The ED Screen
            (Home Page)

Page loaded by default when entering the website: contains a brief description of the Expression Disruption Screen objectives. Latest News related with the project may also be displayed.

2) Methods & Protocols
            (methods.html)

Description of the laboratory procedures used to perform the Expression Disruption Screen, including Map of ED insertions and Vectors used. ED Sequence is available here.

3) Browser Handbook
            (handbook.html)

Page containing information about the EDscreen browser's main contents, key navigation features and dedicated help sections for Data Table and ED pages. The Browser Handbook is also the place from where additional files can be downloaded.

4) Data Table & ED pages
            (data.html & /ED/)

The Data Table is the core page of the site's navigation: it can be used to select, compare parameters and have access to all available Expression Disruption Screen contents, including individual pages for each ED case (please see respective sections). Visitors can also click here to open a list of all ED pages included in the current version of the site (it might be handy, providing an alternative method - beyond using the Data Table - to browse the information in those pages).

5) News
            (news.html)

Local to record the latest updates and developments and, with time, to build a News Archive.
If having any inquiry or feedback about EDscreen, please feel free to use the provided email, phone, fax or address contacts. A few ED related links are also displayed.

7) Acknowledgments
      (acknowledgments.html)

Information about the people behind ED screen (laboratory team, installations, project funding).

Generic Website Notes:

  • The site is structured with a simple layout intended to be responsive to various screen resolutions.

  • Despite its 'liquid design' nature, and unless the user's browser / device has an adaptive zoom feature (like what is traditional in portable devices), it is recommended that the minimum resolution should not go lower than a width of 800px: this is mostly due to space requirements related with Data Table presentation and, although with a lower constraint, with the Expression Table and Map Info sections on ED pages (such resolution constraints might be improved in eventual later code revisions; in portable devices the Data Table page will fit the physical screen). At the moment, optimum computer resolutions should be equal or greater than 1024x768.

  • Although there was an effort to make the site multi-browser and cross-platform compatible, some features might not work so well in older browsers (ex: IE5.5 / 6, Netscape): in principle, this should not limit the presentation of the most important data nor have significant impacts on navigation.

  • At the right top side of all pages (except the Data Table) there is a Google Search Box (by default, the search is limited to within EDscreen domain - http://www.upo.es/CABD/EDscreen/ - if the 'search only in Edscreen' box is kept checked).

  • All pages have issue dates, at the bottom right corner, to inform when they were last updated.